/* public/css/style.css */

/* ========================================================= */
/* 1. ROOT & BASE STYLES                                     */
/* ========================================================= */
:root {
  --bg-space: #07111f;
  --glass-bg: rgba(13, 24, 42, 0.78);
  --glass-border: rgba(96, 165, 250, 0.22);
  --neon-blue: #38bdf8;
  --neon-glow: rgba(56, 189, 248, 0.28);
  --text-main: #f8fbff;
  --text-muted: #94a3b8;
  --success: #22c55e;
  --yh-card-bg: rgba(10, 22, 39, 0.7);
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; }

body {
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.08), transparent 28%),
        linear-gradient(180deg, #050816 0%, #07111f 52%, #020617 100%);
    background-color: #050816;
    color: var(--text-main);
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    color-scheme: dark;
}

/* ========================================================= */
/* 2. UTILITIES                                              */
/* ========================================================= */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.hidden-step { display: none !important; }

/* PATCH: Remove obsolete Federation back-to-Universe buttons v1 */
#fedDashboardTopBackToUniverse,
.fed-dashboard-universe-back-btn,
.fed-universe-quick-back,
[aria-label="Go back to Universe dashboard"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* END PATCH: Remove obsolete Federation back-to-Universe buttons v1 */

.fade-in { animation: fadeIn 0.8s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.yh-reveal-up {
    opacity: 0;
    transform: translateY(18px);
    animation: yhRevealUp 0.8s ease forwards;
}

.yh-landing-title.yh-reveal-up { animation-delay: 0.05s; }
.yh-landing-narrative.yh-reveal-up { animation-delay: 0.16s; }
.yh-landing-subtitle.yh-reveal-up { animation-delay: 0.26s; }
.yh-landing-cta-row.yh-reveal-up { animation-delay: 0.36s; }
.yh-landing-proof-strip.yh-reveal-up { animation-delay: 0.46s; }
.yh-landing-metrics.yh-reveal-up { animation-delay: 0.56s; }
.yh-landing-visual-card.yh-reveal-up { animation-delay: 0.24s; }

@keyframes yhRevealUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes yhScrollBounce {
    0%, 100% {
        transform: translateY(0);
        opacity: 0.9;
    }
    50% {
        transform: translateY(4px);
        opacity: 1;
    }
}

@keyframes yhVideoFloat {
    0% {
        transform: scale(1.04) translateY(0);
    }
    100% {
        transform: scale(1.08) translateY(-8px);
    }
}

@keyframes yhNoiseDrift {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-16px, -24px, 0);
    }
}
.text-center { text-align: center; }
.mb-0 { margin-bottom: 0 !important; }
.mb-large { margin-bottom: 2rem; }
.mb-1-25 { margin-bottom: 1.25rem; }
.mb-small { margin-bottom: 1rem; }
.mt-large { margin-top: 2rem; }
.mt-small { margin-top: 0.5rem; }
.py-large { padding-top: 2rem; padding-bottom: 2rem; }
.flex-row { display: flex; align-items: center; gap: 0.5rem; }
.w-full { width: 100%; }
.color-neon { color: var(--neon-blue); }
.fw-bold { font-weight: bold; }
.relative-panel { position: relative; }

/* Global Fonts */
.main-title { font-size: 2rem; font-weight: 700; color: var(--text-main); letter-spacing: 1px; }
.subtitle { color: var(--text-muted); font-size: 1rem; font-weight: 300; }
h2 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.5rem; }

/* ========================================================= */
/* 3. MAIN MODAL CONTAINERS                                  */
/* ========================================================= */
.step-container {
    display: flex;
    align-items: center;       /* Center vertically */
    justify-content: center;   /* Center horizontally */
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 1rem;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;          /* Scrollable kung maliit screen */
}
/* Base Modal Card (Para sa Step 2, 5, 6, 7, 8) */
.card {
    background: var(--yh-card-bg);
    border: 1px solid var(--glass-border);
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    width: 100%; max-width: 450px; min-height: 400px;
    padding: 2.5rem 2rem;
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    display: flex; flex-direction: column; justify-content: center;
}

/* ========================================================= */
/* 4. STEP 1: 3D FLIP CARD (LOGIN & REGISTER)                */
/* ========================================================= */
.form-card-ultrawide {
    max-width: 1100px;
    width: 95vw;
    min-height: clamp(560px, 72svh, 760px);
    height: auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}

.panel-left { width: 45%; background: #000; border-right: 1px solid var(--glass-border); display: flex; position: relative; z-index: 10; }
.intro-video { width: 100%; height: 100%; object-fit: cover; }

.panel-right-wrapper { width: 55%; height: 100%; position: relative; perspective: 1500px; background: transparent; }

.flip-card-inner { 
    width: 100%; height: 100%; position: absolute; 
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform-style: preserve-3d; 
}
.flip-card-inner.is-flipped { transform: rotateY(-180deg); }

.flip-card-front, .flip-card-back { 
    width: 100%; height: 100%; position: absolute; top: 0; left: 0; 
    backface-visibility: hidden; -webkit-backface-visibility: hidden; 
    display: flex; flex-direction: column; padding: 2.5rem 4rem; overflow-y: auto; 
    background: rgba(30, 41, 59, 0.85); /* Mas maliwanag na background ng form */
}

.yh-auth-card .flip-card-front .auth-center-wrapper {
    margin: auto;
    min-height: 100%;
    justify-content: center;
}
.flip-card-front { z-index: 2; transform: rotateY(0deg); cursor: default; }
.flip-card-back { transform: rotateY(180deg); }

/* Magic Wrapper para laging nasa gitna ang forms */
.auth-center-wrapper { margin: auto; display: flex; flex-direction: column; align-items: center; width: 100%; }

.step1-logo {
    width: 70px;
    margin-bottom: 5px;
    opacity: 0.9;
}

#step-3 .step1-logo,
#step-4 .step1-logo,
#step-5 .step1-logo {
    display: block;
    margin: 0 auto 0.75rem;
}
.step-indicator-badge { display: inline-block; background: rgba(14, 165, 233, 0.1); border: 1px solid var(--neon-blue); padding: 8px 20px; border-radius: 20px; color: var(--neon-blue); font-weight: 600; font-size: 1.03rem; margin-bottom: 1.5rem; }

/* ========================================================= */
/* 5. FORM INPUTS & BUTTONS                                  */
/* ========================================================= */
/* Pill Inputs (Login) */
.login-ui-container { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 350px; cursor: default; }
.pill-input { background: transparent; border: 1px solid var(--neon-blue); color: #fff; border-radius: 30px; padding: 12px 20px; width: 100%; margin-bottom: 1.25rem; text-align: center; outline: none; font-size: 1.03rem; transition: 0.3s; }
.pill-input:focus { border-color: #fff; box-shadow: 0 0 10px rgba(14,165,233,0.3); }
.pill-btn-login {
    background: transparent;
    border: 1px solid var(--success);
    color: #fff;
    border-radius: 30px;
    padding: 12px 24px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    width: 100%;
    max-width: 260px;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1.1;
    white-space: nowrap;
    text-align: center;
}

.pill-btn-login:hover {
    background: rgba(16,185,129,0.1);
    box-shadow: 0 0 15px rgba(16,185,129,0.3);
}

.pill-btn-login[aria-busy="true"] {
    cursor: wait !important;
    opacity: 0.92 !important;
}

.pill-btn-login[aria-busy="true"]::after {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.95);
    flex: 0 0 auto;
    animation: yh-btn-spin 0.8s linear infinite;
}

/* Standard Inputs (Register & Modals) */
.form-row { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1rem; width: 100%; justify-content: center; }
.form-row-last { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.15rem; width: 100%; justify-content: center; }
.form-group { margin-bottom: 1rem; text-align: left; width: 100%; }
.form-group label { display: block; font-size: 1rem; font-weight: 500; margin-bottom: 0.45rem; color: var(--text-muted); }
.input-field { width: 100%; padding: 0.875rem; background: rgba(255, 255, 255, 0.05); color: var(--text-main); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.5rem; outline: none; font-size: 1.03rem; transition: 0.3s; }
.input-field:focus { border-color: var(--neon-blue); box-shadow: 0 0 10px var(--neon-glow); }
.input-field option { background: #111827; color: white; }
textarea.input-field { resize: none; }

/* Buttons */
.btn-primary { width: 100%; background: var(--neon-blue); color: #fff; padding: 0.875rem; border-radius: 0.5rem; font-weight: 600; cursor: pointer; border: none; transition: 0.3s; box-shadow: 0 4px 15px var(--neon-glow); }
.btn-primary:hover { background: #0284c7; transform: translateY(-2px); }
.btn-secondary { width: 100%; background: transparent; color: var(--neon-blue); border: 1px solid var(--neon-blue); padding: 0.875rem; border-radius: 0.5rem; font-weight: 600; cursor: pointer; transition: 0.3s; }
.btn-secondary:hover { background: var(--neon-glow); color: #fff; }
.btn-large { padding: 1rem; font-size: 1.1rem; }

/* Locked/disabled buttons (after successful sync) */
.btn-primary:disabled,
.btn-secondary:disabled {
    opacity: 0.55;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.btn-primary:disabled:hover,
.btn-secondary:disabled:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Button Loading (inline spinner) */
.btn-primary[aria-busy="true"],
.btn-secondary[aria-busy="true"] {
    position: relative;
    cursor: wait !important;
}

.btn-primary[aria-busy="true"]::after,
.btn-secondary[aria-busy="true"]::after {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.95);
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    animation: yh-btn-spin 0.8s linear infinite;
}

@keyframes yh-btn-spin {
    to { transform: rotate(360deg); }
}
.btn-back-icon { position: absolute; top: 1.5rem; left: 1.5rem; background: transparent; border: none; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; gap: 5px; font-size: 0.95rem; transition: 0.3s; z-index: 10; }
.btn-back-icon:hover { color: var(--neon-blue); }

.yh-cta-label-mobile {
    display: none;
}

.forgot-link { color: var(--text-muted); font-size: 1rem; text-decoration: underline; margin-bottom: 2rem; transition: 0.2s; }
.forgot-link:hover { color: #fff; }
.divider { display: flex; align-items: center; text-align: center; color: var(--text-muted); width: 100%; margin: 1.5rem 0; }
.divider::before, .divider::after { content: ''; flex: 1; border-bottom: 1px solid rgba(255,255,255,0.1); }
.divider span { padding: 0 10px; font-size: 1rem; font-weight: 600; }

/* ========================================================= */
/* 6. SPECIFIC STEPS (AI, APPROVED, OTP)                     */
/* ========================================================= */
/* AI Spinner */
.spinner { border: 3px solid rgba(255, 255, 255, 0.1); border-top: 3px solid var(--neon-blue); border-radius: 50%; width: 56px; height: 56px; animation: spin 1s linear infinite; margin: 0 auto 2rem; box-shadow: 0 0 15px var(--neon-glow); }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
#ai-status-title { font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }

/* Approved Card (Overrides default card width) */
.approved-card-container { display: flex; height: 85vh; padding: 0 !important; overflow: hidden !important; max-width: 1200px !important; }
.approved-form-right { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 2.5rem 4rem; width: 55%; overflow-y: auto; }
.approved-badge-section { margin-bottom: 1rem; }
.approved-title-big {
    margin: 0;
    color: #fff;
    font-family: "Rajdhani", "Poppins", system-ui, sans-serif;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.success-badge-new { display: inline-block; background: rgba(16, 185, 129, 0.1); border: 1px solid var(--success); padding: 5px 15px; border-radius: 20px; color: var(--success); font-weight: 600; font-size: 1rem; margin-top: 1rem; }
.guidelines-box-approved { background: rgba(14, 165, 233, 0.03); border: 1px solid var(--glass-border); padding: 1.25rem; border-radius: 0.5rem; font-size: 1rem; color: var(--text-muted); margin-bottom: 1.5rem; }

/* OTP Inputs */
.otp-styled-input { font-size: 2.5rem; letter-spacing: 15px; font-weight: bold; background: rgba(0,0,0,0.4); padding: 15px; text-align: center; }
.timer-container { font-family: 'Courier New', monospace; margin: 1.5rem 0; }

/* Toast ownership moved to yh-tailwind.css.
   style.css no longer controls #toast-notification position, radius, color, or transform. */

/* ==========================================
   AUTH → DASHBOARD TRANSITION LOADER
   ========================================== */

.yh-auth-transition-loader {
    position: fixed;
    inset: 0;
    z-index: 14000;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at center, rgba(56, 189, 248, 0.08), transparent 38%),
        rgba(2, 6, 23, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.yh-auth-transition-card {
    width: min(92vw, 380px);
    border-radius: 24px;
    border: 1px solid rgba(14, 165, 233, 0.28);
    background: rgba(15, 23, 42, 0.9);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48), 0 0 36px rgba(14, 165, 233, 0.16);
    padding: 28px 24px;
    text-align: center;
}

.yh-auth-transition-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
    margin-bottom: 14px;
    filter: drop-shadow(0 0 18px rgba(14, 165, 233, 0.42));
}

.yh-auth-transition-title {
    color: #fff;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.yh-auth-transition-copy {
    margin: 8px auto 18px;
    max-width: 280px;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.45;
}

.yh-auth-transition-spinner {
    width: 34px;
    height: 34px;
    margin: 0 auto;
    border-radius: 999px;
    border: 3px solid rgba(255, 255, 255, 0.12);
    border-top-color: var(--neon-blue);
    box-shadow: 0 0 18px rgba(14, 165, 233, 0.32);
    animation: yh-auth-transition-spin 0.8s linear infinite;
}

@keyframes yh-auth-transition-spin {
    to {
        transform: rotate(360deg);
    }
}

body.yh-dashboard-bootstrapping .dashboard-layout {
  background-color: #020617;
  background: radial-gradient(circle at 14% 8%, rgba(103, 232, 249, 0.18), transparent 31%),
    radial-gradient(circle at 84% 0%, rgba(37, 99, 235, 0.20), transparent 34%),
    linear-gradient(180deg, rgba(2, 8, 23, 0.34), rgba(2, 6, 23, 0.74)),
    url("/images/yhu-premium-bg.png?v=20260531-bg-09") center top / cover no-repeat,
    linear-gradient(180deg, #020817 0%, #020617 56%, #030a18 100%);
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 520px) {
    .yh-auth-transition-card {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .yh-auth-transition-title {
        font-size: 0.98rem;
    }

    .yh-auth-transition-copy {
        font-size: 1rem;
    }
}

.main-title { font-size: 2rem; font-weight: 700; color: var(--text-main); letter-spacing: 1px; }
.subtitle { color: var(--text-muted); font-size: 1rem; font-weight: 300; }
h2 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.5rem; }
h3 { font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem; color: var(--neon-blue); }

.form-group { margin-bottom: 1.25rem; text-align: left; width: 100%; }
.form-group label { display: block; font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem; color: var(--text-muted); }
.input-field { width: 100%; padding: 0.875rem; background: rgba(255, 255, 255, 0.05); color: var(--text-main); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.5rem; outline: none; font-size: 1.03rem; transition: all 0.3s ease; }
.input-field:focus { border-color: var(--neon-blue); background: rgba(14, 165, 233, 0.05); box-shadow: 0 0 10px var(--neon-glow); }
.input-field option { background: #111827; color: white; }

.btn-primary { width: 100%; background: var(--neon-blue); color: #fff; padding: 0.875rem; border-radius: 0.5rem; font-weight: 600; cursor: pointer; border: none; transition: all 0.3s ease; box-shadow: 0 4px 15px var(--neon-glow); }
.btn-primary:hover { background: #0284c7; box-shadow: 0 6px 20px rgba(14, 165, 233, 0.6); transform: translateY(-2px); }
.btn-secondary { width: 100%; background: transparent; color: var(--neon-blue); border: 1px solid var(--neon-blue); padding: 0.875rem; border-radius: 0.5rem; font-weight: 600; cursor: pointer; transition: 0.3s; }
.btn-secondary:hover { background: var(--neon-glow); color: #fff; }
.btn-large { padding: 1rem; font-size: 1.1rem; width: 100%; }
.btn-back-layout { padding: 1rem; width: 30%; }
.btn-next-layout { padding: 1rem; font-size: 1.1rem; width: 70%; }
.btn-try-again { display: none; margin: 1.5rem auto 0; width: auto; padding: 0.5rem 2rem; }

.spinner { border: 3px solid rgba(255,255,255,0.1); border-top: 3px solid var(--neon-blue); border-radius: 50%; width: 48px; height: 48px; animation: spin 1s linear infinite; margin: 0 auto 1.5rem; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* Duplicate toast block removed. Toast ownership is handled by yh-tailwind.css. */

.academy-feed-delete-modal {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(2, 8, 23, 0.36);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.academy-feed-delete-dialog {
    width: 100%;
    max-width: 360px;
    padding: 22px 20px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: rgba(15, 23, 42, 0.34) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,0.38);
    text-align: center;
}

.academy-feed-delete-title {
    margin: 0 0 8px 0;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
}

.academy-feed-delete-copy {
    margin: 0;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.5;
}

.academy-feed-delete-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
    flex-wrap: wrap;
}

.academy-feed-delete-actions .btn-secondary,
.academy-feed-delete-actions .btn-primary {
    width: auto !important;
    min-width: 110px;
    padding: 12px 18px !important;
    border-radius: 999px !important;
}

.approved-card-container { height: 80vh !important; min-height: 550px; width: 95vw !important; max-width: 1300px !important; overflow: hidden !important; padding: 0 !important; }
.approved-form-right { padding: 2rem 3.5rem !important; display: flex; flex-direction: column; justify-content: center; overflow-y: auto; }
.form-logo-small { width: 55px; margin: 0 auto; filter: drop-shadow(0 0 5px rgba(14, 165, 233, 0.3)); }
.yh-title-small { font-size: 1.2rem; font-weight: 800; color: #fff; margin: 0.2rem 0 0 0; letter-spacing: 1px; text-transform: uppercase; }
.yh-subtitle-small { font-size: 0.95rem; color: var(--text-muted); margin: 0 0 0.5rem 0; font-weight: 400; }
.approved-badge-section { margin-bottom: 1rem; }

.success-badge-new { display: inline-block; background: rgba(16, 185, 129, 0.1); border: 1px solid var(--success); padding: 4px 12px; border-radius: 20px; color: var(--success); font-weight: 600; font-size: 0.95rem; margin-top: 0.3rem; }
.guidelines-box-approved { background: rgba(14, 165, 233, 0.03); border: 1px solid var(--glass-border); padding: 0.8rem; border-radius: 0.5rem; font-size: 1rem; color: var(--text-muted); margin-bottom: 1rem; }
.form-group-compact { margin: 0; }
.form-group-compact label { font-size: 1rem; margin-bottom: 4px; display: block; }
.input-field-compact { width: 100%; padding: 10px; background: rgba(255, 255, 255, 0.05); color: var(--text-main); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.5rem; outline: none; font-size: 1rem; transition: 0.3s; }
.input-field-compact:focus { border-color: var(--neon-blue); }
.input-readonly { opacity: 0.6; cursor: not-allowed; background: rgba(0,0,0,0.2); }
.terms-container { margin-bottom: 1.5rem; display: flex; align-items: flex-start; gap: 0.5rem; }
.checkbox-terms { margin-top: 0.2rem; cursor: pointer; }
.label-terms { font-size: 0.95rem; color: var(--text-muted); cursor: pointer; line-height: 1.4; }
.link-terms { color: var(--neon-blue); text-decoration: none; }
.btn-finish-compact { padding: 0.9rem; font-size: 1rem; width: 100%; text-transform: uppercase; letter-spacing: 1px; }

.top-login-bar { position: absolute; top: 20px; right: 40px; display: flex; gap: 10px; align-items: center; z-index: 50; background: rgba(17, 24, 39, 0.6); padding: 10px 20px; border-radius: 8px; border: 1px solid var(--glass-border); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
.login-input { width: 180px !important; padding: 8px 12px !important; font-size: 1rem !important; margin-bottom: 0 !important; }
.login-btn { width: auto !important; padding: 8px 20px !important; font-size: 1rem !important; margin: 0 !important; }

/* ========================================================= */
/* --- YH DASHBOARD UI --- */
/* ========================================================= */

.dashboard-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--bg-space);
    position: relative;
}

.yh-top-nav {
    position: sticky;
    top: 0;
    min-height: 68px;
    background:
        linear-gradient(180deg, rgba(8, 16, 30, 0.26), rgba(7, 13, 25, 0.26));
    border-bottom: 1px solid rgba(56, 189, 248, 0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1.8rem;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    z-index: 150;
    box-shadow:
        0 12px 34px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.08em;
    color: #fff;
    text-transform: uppercase;
}

.nav-brand img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter:
        drop-shadow(0 0 8px rgba(56, 189, 248, 0.48))
        drop-shadow(0 10px 18px rgba(0, 0, 0, 0.25));
}
.nav-tabs { display: flex; gap: 1rem; height: 100%; }
.nav-tab { background: transparent; border: none; color: var(--text-muted); font-size: 1.03rem; font-weight: 500; padding: 0 1.5rem; cursor: pointer; transition: 0.3s; position: relative; height: 100%; }
.nav-tab:hover { color: #fff; }
.nav-tab.active { color: var(--neon-blue); }
.nav-tab.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--neon-blue); box-shadow: 0 -2px 10px var(--neon-glow); border-radius: 3px 3px 0 0; }
.nav-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: center;
    gap: 12px;
    min-height: 44px;
}

/* --- NOTIFICATION BELL --- */
.notif-wrapper {
    position: relative;
    z-index: 1000;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border-radius: 50%;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.14), transparent 46%),
        rgba(255,255,255,0.045);
    border: 1px solid rgba(56, 189, 248, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 18px rgba(56, 189, 248, 0.08);
}

.notif-wrapper.yh-notif-open {
    z-index: 2147483002 !important;
}

.notif-wrapper:hover {
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.2), transparent 48%),
        rgba(255,255,255,0.07);
    border-color: rgba(56, 189, 248, 0.28);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 0 22px rgba(56, 189, 248, 0.14);
}

.notif-icon {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    line-height: 1;
}

.notif-icon-img {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.32));
    transition: transform 0.2s ease, filter 0.2s ease;
}

.notif-wrapper:hover .notif-icon-img,
.notif-wrapper.yh-notif-open .notif-icon-img {
    transform: scale(1.06);
    filter:
        drop-shadow(0 0 10px rgba(56, 189, 248, 0.42))
        drop-shadow(0 0 8px rgba(103, 232, 249, 0.22));
}
.notif-badge { position: absolute; top: -2px; right: -2px; background: #ef4444; color: #fff; font-size: 0.85rem; font-weight: bold; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #0f172a; }
.notif-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    width: min(340px, calc(100vw - 28px));
    max-width: calc(100vw - 28px);
    max-height: calc(100vh - 150px);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(6, 14, 28, 0.992);
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 18px;
    box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.72),
        0 0 0 1px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    display: none;
    flex-direction: column;
    z-index: 2147483003 !important;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    pointer-events: auto;
    visibility: hidden;
}
.notif-dropdown.show {
    display: flex !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
    z-index: 2147483003 !important;
}
.academy-strip-notif-right {
    order: 0;
}

body.yh-notif-menu-open .desktop-user-strip {
    position: relative;
    z-index: 2147483001 !important;
    overflow: visible !important;
    isolation: isolate;
}

body.yh-notif-menu-open .desktop-user-strip-inner,
body.yh-notif-menu-open .desktop-user-strip-right,
body.yh-notif-menu-open .notif-wrapper {
    overflow: visible !important;gap:6px !important;}

body.yh-notif-menu-open .notif-dropdown {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 2147483003 !important;
    pointer-events: auto !important;
}

body.yh-notif-menu-open::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: none;
    background: rgba(2, 6, 23, 0.08);
}
.notif-header { padding: 15px; font-weight: 600; font-size: 1.03rem; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; justify-content: space-between; align-items: center; }
.notif-header span { font-size: 0.95rem; color: var(--neon-blue); cursor: pointer; font-weight: 400; }
.notif-list { list-style: none; padding: 0; margin: 0; max-height: 300px; overflow-y: auto; }
.notif-list li { padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.02); font-size: 1rem; color: var(--text-main); display: flex; align-items: flex-start; gap: 10px; transition: 0.2s; cursor: pointer; }
.notif-list li:hover { background: rgba(255,255,255,0.05); }
.notif-list li.unread { background: rgba(14, 165, 233, 0.1); }
.notif-list li.unread:hover { background: rgba(14, 165, 233, 0.15); }
.notif-img { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; font-size: 0.8rem; }
.notif-text { flex: 1; line-height: 1.4; }
.notif-time { display: block; font-size: 0.95rem; color: var(--text-muted); margin-top: 4px; }

.profile-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 9px;
    min-height: 44px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
    padding: 5px 13px 5px 5px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.10);
    background: rgba(255, 255, 255, 0.025);
}

.profile-mini:hover {
    background: rgba(56, 189, 248, 0.07);
    border-color: rgba(56, 189, 248, 0.18);
}

.profile-avatar-mini {width: 24px !important;height:24px !important;
    background: var(--neon-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    background-size: cover;
    background-position: center;
    box-shadow:
        0 0 0 1px rgba(56, 189, 248, 0.34),
        0 0 18px rgba(56, 189, 248, 0.18);min-width:24px !important;font-size:0.68rem !important;}

.yh-command-top-live-chip,
.yh-command-top-wallet-chip,
.yh-command-top-profile {
    display: none;
}
.btn-logout {
    min-height: 42px;
    background:
        linear-gradient(180deg, rgba(239, 68, 68, 0.13), rgba(127, 29, 29, 0.12));
    color: #fca5a5;
    border: 1px solid rgba(248, 113, 113, 0.34);
    padding: 10px 15px;
    border-radius: 14px;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
    transition: 0.2s ease;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.btn-logout:hover {
    background:
        linear-gradient(180deg, rgba(239, 68, 68, 0.24), rgba(127, 29, 29, 0.18));
    color: #fff;
    border-color: rgba(248, 113, 113, 0.55);
    transform: translateY(-1px);
}

.dashboard-core { flex: 1; display: flex; flex-direction: row; overflow: hidden; background: rgba(0,0,0,0.2); transition: 0.3s; }

.yh-sidebar { width: 280px; background: rgba(15, 20, 30, 0.22); border-right: 1px solid var(--glass-border); display: flex; flex-direction: column; z-index: 9; position: relative; transition: opacity 0.5s ease, visibility 0.5s ease; }
.yh-sidebar.collapsed { width: 85px; }
.yh-sidebar.collapsed .sidebar-text { opacity: 0; width: 0; display: none; }
.yh-sidebar.collapsed .channel-search-container { padding: 1.5rem 0.5rem 0.5rem 0.5rem; }
.yh-sidebar.collapsed .channel-search { display: none; }
.yh-sidebar.collapsed .search-wrapper { justify-content: center; background: rgba(0, 0, 0, 0.22); padding: 10px; border-radius: 8px; }
.yh-sidebar.collapsed .step-item { padding: 9.5px; justify-content: center; }
.yh-sidebar.collapsed .channel-list li { padding: 10px; justify-content: center; }
.yh-sidebar.collapsed .support-section { padding: 1rem 0.5rem; flex-direction: column; }
.yh-sidebar.collapsed .btn-support { padding: 0.8rem 0; display: flex; justify-content: center; width: 100%; }

/* sidebar toggle removed */

.channel-search-container { padding: 1.5rem 1rem 0.5rem 1rem; transition: 0.3s; }
.search-wrapper { display: flex; align-items: center; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; transition: 0.3s; }
.search-wrapper:focus-within { border-color: var(--neon-blue); box-shadow: 0 0 10px rgba(14, 165, 233, 0.2); }
.search-icon-mini { padding: 0 10px; color: var(--text-muted); font-size: 1rem; }
.channel-search { flex: 1; background: transparent; border: none; color: var(--text-main); font-size: 1rem; outline: none; padding: 10px 0; }

.channel-content { padding: 0 1rem; flex: 1; overflow-y: auto; transition: 0.3s; }
.channel-category { font-size: 0.95rem; font-weight: 700; color: var(--text-muted); margin-bottom: 0.8rem; letter-spacing: 1px; padding: 0 6px; transition: 0.3s; white-space: nowrap; overflow: hidden; }
.category-mt { margin-top: 1.5rem; }
.category-mt-large { margin-top: 2rem; }

.sidebar-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; position: relative; flex-shrink: 0; }
.sidebar-text { white-space: nowrap; transition: opacity 0.3s; }

.channel-action-row { margin-bottom: 10px; padding: 0 6px; }
.channel-action-row button { padding: 6px; font-size: 0.95rem; }
.channel-action-row .btn-primary { border: none; }

.channel-icon { font-size: 1.2rem; filter: grayscale(0.6) opacity(0.8); transition: 0.2s; }
.channel-list { list-style: none; padding: 0; margin: 0; }
.channel-list li { position: relative; padding: 0.6rem 0.8rem; border-radius: 6px; cursor: pointer; font-size: 1.03rem; color: var(--text-muted); transition: 0.2s; margin-bottom: 0.3rem; display: flex; align-items: center; gap: 10px; }
.channel-list li:hover { background: rgba(255,255,255,0.05); color: #fff; }
.channel-list li:hover .channel-icon { filter: grayscale(0) opacity(1); transform: scale(1.1); }
.channel-list li.active { background: rgba(14, 165, 233, 0.1); border-left: 3px solid var(--neon-blue); color: #fff; font-weight: 500; }
.channel-list li.active .channel-icon { filter: grayscale(0) opacity(1); }

.delete-room-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: #ef4444; font-size: 1.03rem; cursor: pointer; opacity: 0; transition: 0.2s; padding: 5px; border-radius: 5px; }
.delete-room-btn:hover { background: rgba(239, 68, 68, 0.2); }
.channel-list li:hover .delete-room-btn { opacity: 1; }

.btn-icon-add { background: transparent; border: none; color: var(--neon-blue); font-size: 1.2rem; cursor: pointer; line-height: 1; }

.blueprint-progress { padding: 0 6px 10px 6px; }
.progress-bar-bg { width: 100%; height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; overflow: hidden; margin-bottom: 5px; }
.progress-bar-fill { height: 100%; background: var(--neon-blue); box-shadow: 0 0 10px var(--neon-glow); border-radius: 3px; transition: width 0.5s ease-out; }
.progress-text { font-size: 0.95rem; color: var(--neon-blue); font-weight: 600; text-align: right; }

.action-steps-compact { display: flex; flex-direction: column; gap: 8px; padding: 0 6px; }
.step-item { display: flex; align-items: center; gap: 12px; padding: 9.5px 12px; background: rgba(0,0,0,0.2); border-radius: 8px; border: 1px solid rgba(255,255,255,0.03); transition: 0.2s; cursor: pointer; }
.step-item:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }
.step-circle { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.95rem; font-weight: bold; background: rgba(255,255,255,0.1); transition: 0.3s; }
.step-item.done .step-circle { background: var(--success); color: #fff; box-shadow: 0 0 10px rgba(16, 185, 129, 0.4); }
.step-item span { font-size: 1rem; color: var(--text-main); transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.step-item.done span { color: var(--success); }
.delete-task-btn { margin-left: auto; background: transparent; border: none; color: #ef4444; font-size: 1rem; cursor: pointer; opacity: 0; transition: 0.2s; padding: 0 5px; }
.step-item:hover .delete-task-btn { opacity: 1; }
.delete-task-btn:hover { transform: scale(1.3); }

/* --- THE MEMBER LIST FIX (RIGHT SIDEBAR) --- */
.yh-right-sidebar { width: 260px; background: rgba(15, 20, 30, 0.22); border-left: 1px solid var(--glass-border); padding: 1.13rem; overflow-y: auto; display: flex; flex-direction: column; transition: opacity 0.5s ease, visibility 0.5s ease; }
@media (max-width: 900px) { .yh-right-sidebar { display: none; } .yh-sidebar { width: 220px; } .yh-sidebar.collapsed { width: 70px; } }

.member-list { list-style: none; padding: 0; margin: 0; }
.member-list li { padding: 9.5px 12px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 12px; transition: 0.2s; border: 1px solid transparent; margin-bottom: 2px; }
.member-list li:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }

.interactive-avatar { cursor: pointer; transition: 0.2s; }
.interactive-avatar:hover { opacity: 0.8; transform: scale(1.05); }

.member-avatar { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; font-size: 0.95rem; flex-shrink: 0; position: relative; box-shadow: 0 2px 5px rgba(0,0,0,0.4); background-size: cover; background-position: center; }
.member-name { font-size: 1rem; color: var(--text-main); font-weight: 500; display: flex; align-items: center; gap: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.avatar-hq { background: #ef4444; }
.agent-avatar { background: #38bdf8; }
.dev-avatar { background: #10b981; }

.status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--success); position: absolute; bottom: -3px; right: -3px; border: 2px solid #0f172a; }
.role-badge { font-size: 0.91rem; padding: 3px 8px; border-radius: 6px; font-weight: bold; letter-spacing: 0.5px; }
.founder { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); }
.bot { background: rgba(56, 189, 248, 0.15); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.3); }
.rank-badge { background: rgba(14, 165, 233, 0.15); color: var(--neon-blue); border: 1px solid rgba(14, 165, 233, 0.3); font-size: 0.85rem; padding: 2px 0; width: 48px; text-align: center; display: inline-block; border-radius: 4px; }

/* --- SUPPORT BUTTON DESIGN --- */
.support-section { padding: 1rem; border-top: 1px solid var(--glass-border); background: rgba(0,0,0,0.2); transition: 0.3s; }
.btn-support { display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--neon-blue); color: #fff; border: none; padding: 0.8rem; border-radius: 8px; font-weight: 600; cursor: pointer; transition: 0.3s; font-size: 1rem; box-shadow: 0 4px 15px rgba(14,165,233,0.3); white-space: nowrap; overflow: hidden; }
.btn-support:hover { background: #0284c7; box-shadow: 0 6px 20px rgba(14,165,233,0.6); transform: translateY(-2px); }
.btn-support-secondary { display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; border-radius: 8px; cursor: pointer; transition: 0.3s; }
.btn-support-secondary:hover { background: rgba(255,255,255,0.15); }
.btn-settings-icon { width: auto; padding: 0.8rem 1rem; }

/* 3. MAIN CHAT AREA */
.yh-main-chat { flex: 1; display: flex; flex-direction: column; position: relative; min-width: 0; transition: max-width 0.5s cubic-bezier(0.2, 0, 0, 1), border 0.4s ease; }

.chat-header { height: 65px; padding: 0 2rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--glass-border); background: transparent; }
.header-left { display: flex; align-items: center; gap: 10px; }
.hash-big { font-size: 1.5rem; filter: drop-shadow(0 0 5px rgba(255,255,255,0.2)); }
.chat-header h3 { margin: 0; font-size: 1.2rem; color: #fff; letter-spacing: 0.5px; }
.header-divider { width: 2px; height: 20px; background: var(--glass-border); margin: 0 12px; }
.header-topic { font-size: 1.03rem; color: var(--text-muted); }

.header-right { display: flex; align-items: center; gap: 15px; }

.academy-chat-header-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}
.academy-profile-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.academy-profile-header-left .academy-profile-back-btn:not(.hidden-step) {
    order: 0;
    flex: 0 0 auto;
}

.academy-profile-header-left #academy-profile-header-title {
    order: 1;
    margin: 0;
    min-width: 0;
    white-space: nowrap;
}

.academy-profile-header-left .academy-profile-header-divider {
    order: 2;
}

.academy-profile-header-left #academy-profile-header-topic {
    order: 3;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-header-left #academy-profile-header-title {
    color: #ffffff;
}

#academy-profile-view[data-profile-layout="self"] .academy-profile-header-left .academy-profile-back-btn {
    display: none !important;
}
@media (min-width: 1025px) {
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .header-right,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .chat-header .header-right {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-chat-header-actions,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .academy-chat-header-actions {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] #btn-open-dm-modal,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] #btn-open-group-modal,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .btn-focus-mode,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] #btn-open-dm-modal,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] #btn-open-group-modal,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .btn-focus-mode {
        width: auto !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
}
.academy-chat-header-btn,
.btn-focus-mode {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7.5px 13px 7.5px 9.5px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.academy-chat-header-btn-with-icon span {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.academy-action-icon {
    width: 23px;
    height: 23px;
    display: inline-block;
    object-fit: contain;
    object-position: center;
    flex: 0 0 23px;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.42));
}

.academy-action-icon-dm,
.academy-action-icon-group,
.academy-action-icon-focus {
    transform: scale(1.08);
}

.academy-action-icon-exit {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
    display: inline-grid;
    place-items: center;
    font-size: 0.91rem;
    filter: drop-shadow(0 0 8px rgba(239, 68, 68, 0.45));
}

.btn-focus-mode {
    display: none !important;
}

.btn-focus-mode:hover {
    display: none !important;
}

.pinned-message { display: flex; align-items: center; gap: 10px; background: rgba(14, 165, 233, 0.1); padding: 12px 2rem; border-bottom: 1px solid rgba(14, 165, 233, 0.2); }
.pinned-icon { font-size: 1.2rem; }
.pinned-content { flex: 1; font-size: 1rem; color: #d1d5db; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pinned-label { font-weight: 700; color: #fff; margin-right: 5px; letter-spacing: 0.5px; }
.pinned-jump { font-size: 0.95rem; font-weight: 600; color: var(--neon-blue); cursor: pointer; transition: 0.2s; }
.pinned-jump:hover { text-decoration: underline; color: #fff; }

.chat-messages { flex: 1; padding: 2rem 0; overflow-y: auto; display: flex; flex-direction: column; gap: 1.28rem; }

#dynamic-chat-history {
    display: flex;
    flex-direction: column;
    gap: 1.28rem;
}

.welcome-embed { background: var(--yh-card-bg); border: 1px solid var(--glass-border); padding: 1.5rem; border-radius: 12px; margin-bottom: 1.5rem; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.3); backdrop-filter: blur(10px); max-width: 750px; margin-left: auto; margin-right: auto; width: 100%; }
.welcome-title { font-size: 1.5rem; margin-bottom: 0.3rem; color: #fff; }
.welcome-desc { color: var(--text-muted); margin-bottom: 1rem; font-size: 1rem; }

.video-container { width: 100%; max-width: 500px; height: auto; max-height: 280px; aspect-ratio: 16/9; background: #000; border-radius: 12px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; border: 1px solid rgba(14,165,233,0.3); margin: 0 auto; box-shadow: 0 0 30px rgba(0,0,0,0.4); }
.video-container video { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; transition: 0.3s; }
.video-container:hover video { opacity: 1; }
.play-btn { position: absolute; width: 50px; height: 50px; background: rgba(14, 165, 233, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; box-shadow: 0 0 20px var(--neon-glow); padding-left: 4px; transition: 0.2s; }
.video-container:hover .play-btn { transform: scale(1.1); }.chat-bubble {
    position: relative;
    display: flex;
    flex-direction: column;
    width: fit-content;
    max-width: min(75%, 920px);
    min-width: 0;
    background: rgba(20, 25, 35, 0.24);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 12px;
    padding: 0.8rem 1rem;
    align-self: flex-start;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: 0.2s ease;
    border-left: 3px solid transparent;
    margin-left: 1rem;
}.chat-bubble:hover{ border-left-color: var(--neon-blue); background: rgba(20, 25, 35, 0.24); }

/* --- RIGHT ALIGNED CHAT (YOUR MESSAGES) --- */
.chat-bubble.mine { align-self: flex-end; background: rgba(14, 165, 233, 0.15); border-left: none; border-right: 3px solid transparent; margin-left: auto; margin-right: 0; border-radius: 12px 0px 12px 12px; }
.chat-bubble.mine:hover { border-right-color: var(--neon-blue); background: rgba(14, 165, 233, 0.25); }
.chat-bubble.mine .bubble-header { flex-direction: row-reverse; }
.chat-bubble.mine .bubble-time { margin-left: 0; margin-right: 5px; }
.chat-bubble.mine .bubble-body { padding-left: 0; padding-right: 38px; text-align: right; }
.chat-bubble.mine .chat-actions { padding-left: 0; padding-right: 38px; justify-content: flex-end; }
.chat-bubble.mine .delete-msg-btn { right: auto; left: 10px; }

.delete-msg-btn { position: absolute; top: 8px; right: 8px; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); color: #ef4444; border-radius: 6px; padding: 2px 6px; font-size: 0.95rem; cursor: pointer; opacity: 0; transition: 0.2s; }
.delete-msg-btn:hover { background: #ef4444; color: #fff; }
.chat-bubble:hover .delete-msg-btn { opacity: 1; }

.bubble-header { display: flex; align-items: center; gap: 8px; margin-bottom: 0.4rem; }
.bubble-avatar { width: 28px; height: 28px; border-radius: 6px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.8rem; box-shadow: 0 2px 5px rgba(0,0,0,0.3); background-size: cover; background-position: center; }
.bubble-author { font-weight: 600; font-size: 1.03rem; color: #fff; }
.bubble-time { font-size: 0.95rem; color: var(--text-muted); margin-left: 5px; }

/* --- AGREE/UPVOTE BUTTON IN CHAT --- */
.bubble-body {
    font-size: 1rem;
    color: #d1d5db;
    line-height: 1.5;
    padding-left: 36px;
    margin-bottom: 4px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.chat-actions { padding-left: 36px; display: flex; gap: 8px; margin-top: 4px; }
.upvote-btn { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; border-radius: 6px; padding: 2px 8px; font-size: 0.95rem; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 5px; }
.upvote-btn:hover { background: rgba(234, 179, 8, 0.2); border-color: #eab308; color: #eab308; }
.upvote-btn.liked { background: rgba(234, 179, 8, 0.2); border-color: #eab308; color: #eab308; font-weight: bold; }

/* --- PREMIUM CHAT INPUT UI --- */
.chat-input-area { padding: 0.5rem 1rem 1.5rem 1rem; background: transparent; border-top: none; }
.chat-input-wrapper { display: flex; align-items: center; gap: 15px; background: rgba(20, 25, 35, 0.85); border-radius: 24px; padding: 8px 20px; width: 100%; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 1px 2px rgba(255,255,255,0.05); backdrop-filter: blur(20px); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); min-height: 50px; }
.chat-input-wrapper:focus-within { border-color: rgba(14, 165, 233, 0.6); box-shadow: 0 15px 35px rgba(0,0,0,0.6), 0 0 20px rgba(14, 165, 233, 0.2); transform: translateY(-3px); background: rgba(25, 30, 45, 0.95); }
.plus-btn { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); font-size: 1.1rem; flex-shrink: 0; }
.plus-btn:hover { background: var(--neon-blue); border-color: var(--neon-blue); transform: rotate(90deg) scale(1.1); }

.chat-input-container { position: relative; flex: 1; display: flex; align-items: center; }
.chat-text-input { flex: 1; background: transparent; border: none; outline: none; padding: 10px 0; color: #fff; font-size: 1.03rem; padding-right: 45px; }
.chat-text-input::placeholder { color: var(--text-muted); opacity: 0.7; }
.chat-send-btn {
    position: absolute;
    right: 8px;
    width: 40px;
    height: 40px;
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.24);
    color: #7dd3fc;
    cursor: pointer;
    transition:
        transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1),
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease;
    padding: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.chat-send-btn:hover {
    color: #ffffff;
    background: rgba(14, 165, 233, 0.22);
    border-color: rgba(56, 189, 248, 0.48);
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 12px 24px rgba(14, 165, 233, 0.16);
    text-shadow: none;
}

.chat-send-btn:active {
    transform: translateY(0) scale(0.96);
}

.input-extras {
    display: flex;
    gap: 10px;
    align-items: center;
}

.input-extras span,
.input-extras .composer-extra-btn {
    min-width: 42px;
    height: 38px;
    background: rgba(255,255,255,0.05);
    padding: 8px 12px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 1rem;
    color: var(--text-main);
    transition:
        transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1),
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.05);
    font-weight: 800;
}

.input-extras .composer-extra-btn {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
}

.input-extras span:hover,
.input-extras .composer-extra-btn:hover,
.input-extras .composer-extra-btn.is-active {
    background: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.2);
    color: #ffffff;
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.22);
}

.input-extras span:active,
.input-extras .composer-extra-btn:active {
    transform: translateY(0) scale(0.96);
}
.academy-composer-menu {
    position: fixed;
    z-index: 14000;
    width: min(260px, calc(100vw - 24px));
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background: rgba(8, 18, 33, 0.34);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.44), 0 0 0 1px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    animation: academyComposerMenuIn 0.18s ease both;
}

.academy-composer-menu[data-menu-type="gif"] {
    width: min(360px, calc(100vw - 24px));
}

.academy-composer-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.academy-composer-menu-head strong {
    color: #f8fafc;
    font-size: 1rem;
}

.academy-composer-menu-close {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
    color: #cbd5e1;
    cursor: pointer;
}

.academy-composer-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.academy-composer-menu-grid-gif {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.academy-composer-menu-item {
    min-height: 40px;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.055);
    color: #e5f2ff;
    font-weight: 800;
    font-size: 1rem;
    cursor: pointer;
    transition:
        transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.academy-composer-menu-item:hover {
    transform: translateY(-2px) scale(1.02);
    background: rgba(14, 165, 233, 0.16);
    border-color: rgba(56, 189, 248, 0.32);
    color: #ffffff;
}

.academy-composer-menu-item:active {
    transform: translateY(0) scale(0.96);
}

.academy-composer-menu-item-gif {
    min-height: 148px;
    padding: 12px;
    display: grid;
    gap: 8px;
    text-align: left;
    align-content: start;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.34), rgba(8, 18, 33, 0.34));
}

.academy-composer-menu-gif-thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.academy-composer-menu-gif-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.academy-composer-menu-gif-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 8.5px;
    border-radius: 999px;
    background: rgba(8, 18, 33, 0.34);
    border: 1px solid rgba(56, 189, 248, 0.32);
    color: #e0f2fe;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.academy-composer-menu-gif-meta {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.academy-composer-menu-gif-meta strong {
    font-size: 1rem;
    color: #f8fafc;
    line-height: 1.2;
}

.academy-composer-menu-gif-meta span {
    font-size: 0.91rem;
    color: var(--text-muted);
    line-height: 1.3;
}

@keyframes academyComposerMenuIn {
    from {
        opacity: 0;
        transform: translateY(calc(-100% + 8px)) scale(0.96);
    }
    to {
        opacity: 1;
    }
}
/* --- OTHER VIEWS --- */
.vault-main { background: rgba(10, 15, 25, 0.85); }
.vault-search { width: 200px; border-radius: 20px; }
.announcements-main { background: rgba(10, 15, 25, 0.6); }
.announcement-empty { text-align: center; color: var(--text-muted); margin-top: 2rem; font-size: 1.03rem; }.lounge-main{ background: rgba(10, 15, 25, 0.18); }
.lounge-container { padding: 2rem; overflow-y: auto; flex: 1; }
.lounge-title { font-size: 1.2rem; margin-bottom: 0.35rem; color: #fff; }
.academy-live-lounge-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 1.5rem;
}
.academy-live-expiry-note {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
    max-width: 720px;
}
.academy-live-expiry-pill {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8.5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(14, 165, 233, 0.28);
    background: rgba(14, 165, 233, 0.1);
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.academy-live-expiry-card-note,
.academy-live-stage-expiry-note {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(211, 178, 112, 0.22);
    background: rgba(211, 178, 112, 0.08);
    color: #f8e2a1;
    font-size: 1rem;
    line-height: 1.5;
}
.academy-live-stage-expiry-note {
    margin: 0 1.5rem 1rem;
}
.btn-start-lounge-action { padding: 8px 16px; font-size: 1rem; width: auto; box-shadow: 0 0 15px var(--neon-glow); }
.stage-main { background: rgba(10, 15, 25, 0.95); }

/* --- STAGE LAYOUT (VOICE/VIDEO) --- */
.stage-layout-wrapper { display: flex; flex: 1; overflow: hidden; padding: 1.5rem; gap: 1.5rem; }
.stage-container { flex: 1; overflow-y: auto; background: rgba(0,0,0,0.2); border-radius: 12px; padding: 1.5rem; border: 1px solid rgba(255,255,255,0.05); }
.stage-chat-panel { width: 320px; background: rgba(15, 20, 30, 0.28); border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); display: flex; flex-direction: column; overflow: hidden; }
.stage-chat-header { padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.05); font-weight: 600; color: #fff; font-size: 1.03rem; }
.stage-chat-history { flex: 1; padding: 15px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
.stage-chat-welcome { font-size: 1rem; color: var(--text-muted); text-align: center; }
.stage-chat-input-wrapper { padding: 10px; background: rgba(0,0,0,0.3); border-top: 1px solid rgba(255,255,255,0.05); display: flex; gap: 8px; align-items: center; }
.stage-chat-input { flex: 1; border-radius: 20px; }
.stage-chat-send-btn { background: var(--neon-blue); border: none; width: 35px; height: 35px; border-radius: 50%; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.stage-chat-send-btn:hover { transform: scale(1.1) rotate(-10deg); box-shadow: 0 0 10px rgba(14, 165, 233, 0.6); }

.poll-card { background: rgba(15, 20, 30, 0.8); border: 1px solid rgba(14, 165, 233, 0.3); border-radius: 12px; padding: 1.5rem; box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
.poll-header h4 { color: #fff; font-size: 1.1rem; margin-bottom: 0.5rem; }
.poll-header p { color: var(--text-muted); font-size: 1.03rem; margin-bottom: 1.5rem; }
.poll-option { position: relative; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; margin-bottom: 0.8rem; overflow: hidden; cursor: pointer; transition: 0.2s; }
.poll-option:hover { border-color: var(--neon-blue); }
.poll-option-bg { position: absolute; top: 0; left: 0; height: 100%; background: rgba(14, 165, 233, 0.2); transition: width 0.5s ease-out; }
.poll-option-content { position: relative; padding: 12px 15px; display: flex; justify-content: space-between; color: #fff; font-weight: 500; font-size: 1.03rem; z-index: 2; }
.poll-percent { font-weight: 700; color: var(--neon-blue); opacity: 0.5; transition: 0.3s; }
.poll-option.voted { border-color: var(--neon-blue); background: rgba(14, 165, 233, 0.1); }
.poll-option.voted .poll-option-bg { background: rgba(14, 165, 233, 0.4); }
.poll-option.voted .poll-percent { opacity: 1; }
.poll-footer { margin-top: 1rem; font-size: 1rem; color: var(--text-muted); text-align: right; }

/* --- VOICE LOUNGE & STAGE STYLES --- */
.lounge-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; }.lounge-card{ background: linear-gradient(145deg, rgba(25, 30, 45, 0.24), rgba(15, 20, 30, 0.24)); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 1.5rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 8px 20px rgba(0,0,0,0.4); display: flex; flex-direction: column; min-height: 180px; }
.lounge-card:hover { transform: translateY(-5px); border-color: rgba(14, 165, 233, 0.4); box-shadow: 0 12px 30px rgba(14,165,233,0.15), inset 0 0 20px rgba(14,165,233,0.05); }

.lounge-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; }
.live-badge { background: rgba(239, 68, 68, 0.15); color: #ef4444; padding: 4px 10px; border-radius: 20px; font-size: 0.95rem; font-weight: 700; display: flex; align-items: center; gap: 6px; border: 1px solid rgba(239, 68, 68, 0.3); text-transform: uppercase; letter-spacing: 1px; }
.pulse-dot { width: 8px; height: 8px; background: #ef4444; border-radius: 50%; animation: pulse 1.5s infinite; box-shadow: 0 0 8px #ef4444; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); } 70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); } 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } }

.listener-count { color: var(--text-muted); font-size: 1rem; display: flex; align-items: center; gap: 5px; font-weight: 500; }
.lounge-topic { font-size: 1.2rem; color: #fff; margin-bottom: 0.5rem; line-height: 1.4; font-weight: 600; flex: 1; }
.lounge-host { font-size: 1rem; color: var(--text-muted); margin-bottom: 1.5rem; }
.lounge-host strong { color: #e2e8f0; }

.lounge-avatars { display: flex; align-items: center; }
.lounge-avatars .member-avatar { width: 42px; height: 42px; border-radius: 50%; border: 3px solid rgba(25, 30, 45, 1); box-shadow: none; font-size: 1.1rem; }
.avatar-more { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 600; color: #fff; margin-left: -15px; border: 3px solid rgba(25, 30, 45, 1); z-index: 1; backdrop-filter: blur(5px); }

.stage-section-title { font-size: 1rem; font-weight: 700; color: var(--text-muted); letter-spacing: 1px; margin-bottom: 1rem; }
.speakers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; justify-items: center; max-width: 1000px; margin: 0 auto; }
.speaker-card { position: relative; width: 100%; aspect-ratio: 16/9; background: linear-gradient(145deg, rgba(20,25,35,0.9), rgba(10,15,25,0.9)); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(0,0,0,0.5); overflow: hidden; transition: 0.3s; flex-direction: column;}
.speaker-card.active-speaker { border: 2px solid var(--neon-blue); box-shadow: 0 0 0 2px rgba(14,165,233,0.3), 0 10px 30px rgba(14,165,233,0.15); }
.speaker-card .speaker-avatar { width: 80px; height: 80px; font-size: 2.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.5); border-radius: 50%; z-index: 2; margin-bottom: 20px;}
.speaker-name { position: absolute; bottom: 15px; left: 15px; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); padding: 6px 12px; border-radius: 8px; font-size: 1rem; border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; gap: 8px; color: #fff; z-index: 2;}
.audience-grid { display: flex; flex-wrap: wrap; gap: 1rem; }
.audience-member { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.aud-name { font-size: 0.95rem; color: var(--text-muted); }
.stage-controls-bar {
    min-height: 80px;
    background: rgba(0,0,0,0.5);
    border-top: 1px solid var(--glass-border);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 16px;
}
/* NEW: top placement variant (below lounge header / above ON STAGE) */
.stage-controls-bar.stage-controls-bar-top {
    min-height: 0;
    border-top: none;
    border-bottom: 1px solid var(--glass-border);
    border-radius: 14px;
    background: rgba(0,0,0,0.45);
    margin: 14px 24px 0;   /* aligns with stage padding */
    padding: 12px 14px;
    justify-content: flex-end;
}
.control-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-btn:hover {
    background: rgba(255,255,255,0.15);
    transform: scale(1.1);
}

.btn-leave-call,
.btn-end-live-call {
    padding: 10px 24px;
    border-radius: 30px;
}

.btn-leave-call {
    background: rgba(239,68,68,0.15);
    color: #ef4444;
    border: 1px solid rgba(239,68,68,0.3);
}

.btn-end-live-call {
    background: rgba(245,158,11,0.16);
    color: #f59e0b;
    border: 1px solid rgba(245,158,11,0.34);
}

/* Mobile sizing for stage controls (now top bar, no hamburger blocking) */
@media (max-width: 520px) {
    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar {
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: 10px;
        padding: 14px 14px;
    }

    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar.stage-controls-bar-top {
        margin: 12px 12px 0;
    }

    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar .control-btn {
        width: 44px;
        height: 44px;
        font-size: 1.05rem;
        flex: 0 0 auto;
    }

    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar .btn-leave-call,
    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar .btn-end-live-call {
        padding: 12px 16px;
        font-size: 1rem;
        border-radius: 999px;

        flex: 1 1 0;
        min-width: 0;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }
}

@media (max-width: 390px) {
    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar.stage-controls-bar-top {
        margin: 10px 10px 0;
    }

    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar {
        gap: 8px;
    }

    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar .btn-leave-call,
    body[data-yh-view="academy"] #center-stage-view .stage-controls-bar .btn-end-live-call {
        padding: 10.5px 14px;
        font-size: 1rem;
    }
}

/* 5. MISC MODALS & CLASSES */
.fade-in { animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.coming-soon-wrapper { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); text-align: center; padding: 2rem; }
.coming-soon-title { font-size: 3rem; color: #fff; margin-bottom: 1rem; font-weight: 700; letter-spacing: 2px; }
.coming-soon-desc { font-size: 1.1rem; max-width: 500px; line-height: 1.6; color: var(--text-muted); }
.coming-soon-icon { font-size: 6rem; margin-bottom: 1.5rem; animation: floatIcon 3s ease-in-out infinite; filter: drop-shadow(0 10px 20px rgba(14,165,233,0.3)); }
@keyframes floatIcon { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }

/* ========================================================= */
/* 🛡️ UPDATED MODAL OVERLAY STYLING (FOR BLUR EFFECT) */
/* ========================================================= */

.modal-overlay {
    position: fixed; /* Locked on screen */
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* 🔥 FIX 1: Gumawa ng dark background (80% opacity) 🔥 */
    background-color: rgba(0, 0, 0, 0.8);
    
    /* 🔥 FIX 1: Idagdag ang blur effect sa background elements 🔥 */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); /* Safari support */
    
    z-index: 9999; /* Ensure it's on top of everything */
    display: flex; /* Centers modal content */
    align-items: center; 
    justify-content: center;
    padding: 20px;
    opacity: 0; /* Hidden by default for fade-in */
    transition: opacity 0.3s ease; /* Smooth fade-in */
    visibility: hidden; /* Hidden from interactions when not active */
}

/* Kapag ipinakita na natin ang modal... */
.modal-overlay:not(.hidden-step) {
    opacity: 1;
    visibility: visible;
}

/* Stylings para sa content box ng form */
.modal-content.hide-scrollbar {
    background: var(--panel-dark);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    padding: 3rem 2.5rem;
    
    /* 🔥 FIX 1: Tiyakin na malinaw at hindi blur ang mismong form 🔥 */
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    
    transform: scale(0.9); /* Subtle scale-in animation */
    transition: transform 0.3s ease;
}

.modal-overlay:not(.hidden-step) .modal-content {
    transform: scale(1);
}
.modal-card { background: rgba(15, 20, 30, 0.95); width: 100%; max-width: 440px; border-radius: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1); overflow: hidden; }
.modal-center { max-width: 350px; text-align: center; }
.modal-small { max-width: 350px; }
.modal-medium { max-width: 400px; }
.modal-large { max-width: 550px; }

.modal-header { padding: 1.5rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); }
.modal-header-center { justify-content: center; border-bottom: none; }
.modal-header h3 { margin: 0; color: #fff; font-size: 1.2rem; }
.modal-emoji-title { margin: 0; font-size: 1.5rem; }
.close-btn { color: var(--text-muted); cursor: pointer; font-size: 1.2rem; transition: 0.2s; }
.close-btn:hover { color: #fff; transform: rotate(90deg); }
.modal-body { padding: 1.5rem; }
.modal-footer { padding: 1.5rem; background: rgba(0,0,0,0.2); border-top: 1px solid rgba(255,255,255,0.05); }

.modal-title-text { color: #fff; margin-bottom: 10px; }
.modal-desc-text { color: var(--text-muted); font-size: 1rem; margin-bottom: 1.5rem; }
.modal-desc-text-left { color: var(--text-muted); font-size: 1rem; margin-bottom: 1rem; line-height: 1.4; text-align: left; }
.btn-success-action { background: var(--success); border-color: var(--success); box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4); }
.btn-danger-action { background: #ef4444; border-color: #ef4444; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); }
.btn-disabled { opacity: 0.5; }

.modal-search { width: 100%; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.05); padding: 12px; border-radius: 8px; color: #fff; font-size: 1.03rem; margin-bottom: 1rem; outline: none; transition: 0.3s;}
.modal-search:focus { border-color: var(--neon-blue); box-shadow: 0 0 10px rgba(14, 165, 233, 0.2);}

.modal-user-list { max-height: 250px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }
.modal-user-item { display: flex; justify-content: space-between; align-items: center; padding: 12px; border-radius: 8px; cursor: pointer; transition: 0.2s; border: 1px solid transparent; }
.modal-user-item:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }

#group-modal-directory .modal-user-item {
    width: 100%;
    min-width: 0;
}

#group-modal-directory .modal-user-item > span {
    min-width: 0;
}

#group-modal-directory .academy-group-member-toggle-btn {
    width: auto !important;
    min-width: 54px !important;
    max-width: 76px;
    flex: 0 0 auto;
    padding: 8.5px 13px !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
    white-space: nowrap;
    box-shadow: none !important;
    transform: none !important;
}

#group-modal-directory .academy-group-member-toggle-btn.btn-primary {
    min-width: 72px !important;
}

.settings-profile-section { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; }
.settings-avatar-wrapper { position: relative; width: 80px; height: 80px; border-radius: 50%; cursor: pointer; overflow: hidden; background: var(--neon-blue); box-shadow: 0 5px 15px rgba(0,0,0,0.3); border: 2px solid rgba(255,255,255,0.1); }
.settings-avatar-preview { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: bold; color: #fff; background-size: cover; background-position: center; }
.settings-avatar-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; opacity: 0; transition: 0.2s; color: #fff; }
.settings-avatar-wrapper:hover .settings-avatar-overlay { opacity: 1; }

.in-focus-mode .yh-sidebar,
.in-focus-mode .yh-right-sidebar { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

/* --- MINI PROFILE MODAL & LEADERBOARD --- */
.mp-card { padding: 0; }
.mp-banner { height: 100px; background: linear-gradient(135deg, var(--neon-blue), #38bdf8); }
.mp-body { position: relative; padding: 0 1.5rem 1.5rem 1.5rem; text-align: center; margin-top: -45px; }
.mp-avatar { width: 90px; height: 90px; font-size: 2.5rem; border: 4px solid rgba(15, 20, 30, 1); margin: 0 auto 10px auto; border-radius: 50%; box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
.mp-name { margin: 0; color: #fff; font-size: 1.3rem; }
.mp-role-container { margin-bottom: 1rem; }
.mp-close { position: absolute; top: 15px; right: 15px; }

.profile-stats { display: flex; justify-content: center; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; background: rgba(0,0,0,0.3); padding: 17px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); }
.stat-box { display: flex; flex-direction: column; align-items: center; }
.stat-num { font-size: 1.4rem; font-weight: 700; color: #fff; }
.stat-label { font-size: 0.95rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }
.stat-divider { width: 1px; height: 30px; background: rgba(255,255,255,0.1); }
.leaderboard-list li { margin-bottom: 5px; }

/* --- BUTTON STATES & BADGES --- */
.btn-following { background: rgba(255, 255, 255, 0.05) !important; color: var(--text-muted) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: none !important; }
.rank-1 { background: rgba(234, 179, 8, 0.2) !important; color: #eab308 !important; border-color: #eab308 !important; }
.my-profile-tag { background: rgba(14, 165, 233, 0.15); color: var(--neon-blue); border: 1px solid rgba(14, 165, 233, 0.3); font-size: 0.95rem; padding: 4px 12px; border-radius: 20px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1rem; display: inline-block; }

/* ========================================================= */
/* --- NEW: THE VAULT UI (PERSONAL FILE LIBRARY) --- */
/* ========================================================= */
.vault-filters { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 1rem; margin-bottom: 1.5rem; }
.vault-filter { background: transparent; border: 1px solid rgba(255,255,255,0.1); color: var(--text-muted); padding: 8px 16px; border-radius: 20px; cursor: pointer; font-size: 1rem; transition: 0.3s; }
.vault-filter:hover { background: rgba(255,255,255,0.05); color: #fff; }
.vault-filter.active { background: rgba(14, 165, 233, 0.15); color: var(--neon-blue); border-color: var(--neon-blue); font-weight: 600; }
.vault-btn-action { padding: 6px 12px; font-size: 1rem; width: auto; }

.vault-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.5rem; }
.vault-card { background: rgba(20, 25, 35, 0.6); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; padding: 1.32rem; transition: 0.3s; display: flex; flex-direction: column; cursor: pointer; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.vault-card:hover { transform: translateY(-5px); border-color: var(--neon-blue); box-shadow: 0 10px 25px rgba(14,165,233,0.15); background: rgba(20, 25, 35, 0.9); }
.vault-icon { font-size: 2.5rem; margin-bottom: 10px; text-align: center; }
.vault-filename { color: #fff; font-size: 1.03rem; font-weight: 600; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.vault-meta { font-size: 0.95rem; color: var(--text-muted); text-align: center; margin-bottom: 15px; }
.vault-origin { background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 6px; font-size: 0.95rem; color: var(--text-muted); text-align: center; margin-bottom: 10px; }
.btn-vault-action { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; padding: 8px; border-radius: 6px; font-size: 1rem; cursor: pointer; transition: 0.2s; width: 100%; text-align: center; }
.vault-card:hover .btn-vault-action { background: var(--neon-blue); border-color: var(--neon-blue); }

.vault-folder { background: rgba(14, 165, 233, 0.05); border: 1px dashed rgba(14, 165, 233, 0.3); }
.vault-folder:hover { background: rgba(14, 165, 233, 0.15); border-color: var(--neon-blue); }
.vault-folder .vault-icon { color: var(--neon-blue); }

.chat-attachment { display: flex; align-items: center; gap: 12px; background: rgba(0,0,0,0.3); padding: 10px; border-radius: 8px; margin-top: 8px; border: 1px solid rgba(255,255,255,0.05); }
.chat-attachment-icon { font-size: 1.8rem; }
.chat-attachment-info { display: flex; flex-direction: column; text-align: left; }
.chat-attachment-name { font-size: 1rem; color: #fff; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
.chat-attachment-size { font-size: 0.95rem; color: var(--text-muted); }
.chat-bubble.mine .chat-attachment { background: rgba(0,0,0,0.15); }

.vault-image-preview { width: 100%; height: 60px; border-radius: 8px; background-size: cover; background-position: center; margin-bottom: 10px; border: 1px solid rgba(255,255,255,0.1); }
.vault-folder-header { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; color: var(--neon-blue); font-weight: 600; cursor: pointer; grid-column: 1 / -1; background: rgba(14,165,233,0.1); padding: 10px 15px; border-radius: 8px; border: 1px solid rgba(14,165,233,0.3); transition: 0.2s; }
.vault-folder-header:hover { background: rgba(14,165,233,0.2); transform: translateX(5px); }

.context-menu { position: fixed; background: rgba(20, 25, 35, 0.95); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.6); z-index: 9999; display: flex; flex-direction: column; min-width: 160px; overflow: hidden; }
.context-btn { background: transparent; border: none; color: #fff; padding: 12px 15px; text-align: left; cursor: pointer; font-size: 1rem; border-bottom: 1px solid rgba(255,255,255,0.05); transition: 0.2s; display: flex; align-items: center; gap: 8px; }
.context-btn:hover { background: rgba(255,255,255,0.1); padding-left: 20px; }
.context-btn:last-child { border-bottom: none; }
.ctx-delete-btn { color: #ef4444; }

.preview-card { max-width: 800px; width: 95%; background: transparent; box-shadow: none; padding: 0; }
.preview-header { background: rgba(15, 20, 30, 0.95); border-radius: 8px 8px 0 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
.preview-close { background: rgba(239, 68, 68, 0.2); color: #ef4444; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.preview-body { background: rgba(0,0,0,0.85); padding: 20px; display: flex; justify-content: center; align-items: center; min-height: 400px; border-radius: 0 0 8px 8px; border: 1px solid rgba(255,255,255,0.1); border-top: none; }

.attach-preview-box { margin-bottom: 15px; background: rgba(0,0,0,0.5); padding: 10px; border-radius: 8px; min-height: 120px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.btn-attach-send { background: var(--neon-blue); border-color: var(--neon-blue); }

.share-modal-body { max-height: 300px; overflow-y: auto; }
.share-dest-list { display: flex; flex-direction: column; gap: 8px; }
.share-dest-btn { padding: 10px; text-align: left; }

.gift-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 15px; max-height: 250px; overflow-y: auto; padding: 5px; }
.gift-box { background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); padding: 10px; border-radius: 8px; cursor: pointer; transition: 0.2s; }
.gift-box:hover, .gift-box.selected-gift { border-color: var(--neon-blue); transform: translateY(-2px); background: rgba(14, 165, 233, 0.1); }
.gift-icon { font-size: 1.8rem; }
.gift-name { color: #fff; font-weight: bold; font-size: 0.95rem; margin-top: 5px; }
.gift-price { font-size: 0.91rem; color: #eab308; }
.gift-balance-bar { font-size: 1rem; color: #fff; margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.05); }
.gift-balance-amt { color: #eab308; font-weight: bold; }
.gift-topup-link { color: var(--neon-blue); text-decoration: none; margin-left: 10px; font-size: 0.95rem; }

/* --- ACTIVE & MUTED TOGGLE STATES --- */
.control-btn.toggled-off { background: rgba(239, 68, 68, 0.2); color: #ef4444; border-color: rgba(239, 68, 68, 0.4); position: relative; }
.control-btn.toggled-off::after { content: ''; position: absolute; width: 60%; height: 2px; background: #ef4444; transform: rotate(45deg); }
.control-btn.toggled-on { background: rgba(16, 185, 129, 0.2); color: #10b981; border-color: rgba(16, 185, 129, 0.4); }

.stage-chat-msg { background: rgba(255,255,255,0.05); padding: 8px 12px; border-radius: 8px; font-size: 1rem; color: #fff; line-height: 1.4; border: 1px solid rgba(255,255,255,0.02); }
.stage-chat-msg strong { color: var(--neon-blue); font-weight: 600; margin-right: 5px; }
/* --- STAGE VIDEO AVATAR OVERLAYS (MUTE & OFF-CAM) --- */
.speaker-card .overlay-status { position: absolute; top: 15px; right: 15px; background: rgba(0,0,0,0.6); padding: 5px 12px; border-radius: 8px; font-size: 0.8rem; color: #ef4444; border: 1px solid rgba(239,68,68,0.3); display: none; align-items: center; gap: 5px; z-index: 5; backdrop-filter: blur(4px); font-weight: bold; }
.speaker-card.is-muted .overlay-status.mute-alert { display: flex; }
.speaker-card.is-offcam .speaker-avatar { border-radius: 12px; font-size: 1rem; width: 100%; height: 100%; background: #1a1f2e !important; color: var(--text-muted); display: flex; flex-direction: column; gap: 10px; }
.speaker-card.is-offcam .speaker-avatar::after { content: 'Camera Off'; font-size: 0.85rem; font-weight: normal; }

/* Stage Invite Button */
.btn-invite-stage { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); padding: 10px 20px; border-radius: 30px; font-weight: 600; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 8px; }
.btn-invite-stage:hover { background: rgba(16, 185, 129, 0.25); transform: translateY(-2px); }
/* --- STEP 4 OTP UI STYLES --- */
.otp-styled-input { font-size: 2.5rem; letter-spacing: 15px; font-weight: bold; background: rgba(0,0,0,0.6); padding: 15px; transition: 0.3s border; }
.otp-styled-input:focus { letter-spacing: 20px; border-color: var(--neon-blue); box-shadow: 0 0 15px var(--neon-glow); }
.btn-resend { background: transparent; border: none; color: var(--neon-blue); font-weight: 600; cursor: pointer; text-decoration: underline; margin-top: 5px; transition: 0.2s; }
.btn-resend:hover:not(:disabled) { color: #fff; }

/* ========================================================= */
/* --- STRICT RESPONSIVENESS (PER DEVICE BREAKPOINT) --- */
/* ========================================================= */

/* 1920x1080 (Base/Default Desktop - Styles are inherited from main CSS) */

/* ========================================================= */
/* 🌌 YH UNIVERSE HUB (PORTALS) STYLING */
/* ========================================================= */
.portals-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
    width: 100%;
    max-width: 1200px;
    padding: 0 1rem;
}

.portal-card {
    background: rgba(26, 31, 46, 0.7); /* Match dashboard panel dark */
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 3rem 2rem;
    border-radius: 16px;
    text-align: center;
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.portal-card.active-portal {
    background: rgba(14, 165, 233, 0.05);
    border: 1px solid var(--neon-blue);
    box-shadow: 0 10px 30px rgba(14, 165, 233, 0.1);
}

.portal-card.active-portal:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(14, 165, 233, 0.2);
}

.portal-card.locked-portal {
    opacity: 0.6;
}

.portal-icon {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}

.portal-title {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 1px;
}

.portal-desc {
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-size: 1.03rem;
    line-height: 1.6;
    flex-grow: 1; /* Pushes button to bottom */
}

/* ========================================================= */
/* 🤖 ACADEMY AI ADMISSIONS MODAL STYLING (UPDATED FIX) */
/* ========================================================= */

#academy-apply-modal .modal-content {
    background: var(--panel-dark);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    padding: 3rem 2rem;
    position: relative;
    max-width: 700px;
    width: 90%;
    margin: 5vh auto; 
    max-height: 90vh; /* 🔥 DINAGDAG: Para pwedeng i-scroll pababa kung maliit ang screen */
    overflow-y: auto; /* 🔥 DINAGDAG: Scrollable para hindi maputol ang submit button */
}

/* ... (Hayaan mo lang yung #close-academy-apply style dito) ... */

/* 🔥 ITO ANG MGA BABAGUHIN PARA LUMITAW ANG TEXTBOXES 🔥 */
#form-academy-apply .input-field {
    background: rgba(255, 255, 255, 0.06); /* Lighter background para umangat sa itim */
    border: 1px solid rgba(255, 255, 255, 0.25); /* Mas malinaw na white border */
    color: #fff;
    padding: 14px 17px;
    border-radius: 8px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 1.03rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

#form-academy-apply .input-field:focus {
    outline: none;
    background: rgba(14, 165, 233, 0.05); /* Magkaka-subtle neon blue tint pag kinlick */
    border-color: var(--neon-blue);
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.4);
}

/* 🔥 DINAGDAG: Para malinaw yung placeholder text sa loob ng textbox */
#form-academy-apply .input-field::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
/* ========================================================= */
/* 🤖 ADMISSIONS FORM: DROPDOWN STYLING FIX */
/* ========================================================= */

#academy-apply-modal .input-field.styled-select {
    background-color: rgba(14, 165, 233, 0.1); /* Lighter neon tint */
    border: 1px solid var(--neon-blue);
    color: #fff;
    height: 47px;
    font-weight: 500;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230ea5e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1.2em;
    padding-right: 2.5rem;
}

#academy-apply-modal .input-field.styled-select:focus {
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.5);
    background-color: rgba(14, 165, 233, 0.15);
}

#academy-apply-modal .input-field.styled-select option {
    background: #1e293b; /* Solid dark background */
    color: #f9fafb; /* White text */
    padding: 14px;
}
/* ========================================================= */
/* 🤖 ADMISSIONS FORM: LOADING SPINNER STYLING FIX */
/* ========================================================= */

#academy-apply-modal #ai-spinner-phase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#academy-apply-modal .pulse-ring {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    border: 3px solid rgba(14, 165, 233, 0.2);
    border-top-color: var(--neon-blue);
    animation: pulseSpin 1s linear infinite;
    position: relative;
    left: auto;
    right: auto;
}

@keyframes pulseSpin {
    0% { transform: rotate(0deg); box-shadow: 0 0 10px rgba(14, 165, 233, 0.5); }
    100% { transform: rotate(360deg); box-shadow: 0 0 25px rgba(14, 165, 233, 0.2); }
}
/* ========================================================= */
/* ROADMAP TRANSFORMATION SYSTEM                             */
/* 28-day foundation + 12-month transformation UI             */
/* ========================================================= */

.roadmap-transformation-system {
    display: grid;
    gap: 18px;
    margin-bottom: 18px;
}
.roadmap-clean-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    width: 100%;
    max-width: none;
    min-height: 0;
    overflow: visible;
}

.roadmap-clean-main {
    display: grid;
    gap: 18px;
}.roadmap-clean-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
    gap: 20px;
    padding: clamp(18px, 2.6vw, 26px);
    border-radius: 22px;
}

.roadmap-clean-hero h2 {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(1.55rem, 2.8vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.roadmap-clean-hero p {
    max-width: 720px;
    margin: 10px 0 0;
    color: #cbd5e1;
    font-size: 1.03rem;
    line-height: 1.7;
}

.academy-roadmap-intro-copy {
    display: grid;
    gap: 8px;
}

.academy-roadmap-intro-copy strong {
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.55;
}

.academy-roadmap-intro-copy span {
    display: block;
    color: var(--text-muted);
    line-height: 1.65;
}

.roadmap-journey-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.roadmap-journey-strip > div {
    display: grid;
    gap: 6px;
    padding: 14px;
    border-radius: 16px;
}

.roadmap-journey-strip span {
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.roadmap-journey-strip strong {
    color: #f8fafc;
    font-size: 1rem;
}

.roadmap-journey-strip small {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.45;
}.roadmap-clean-status {
    display: grid;
    gap: 8px;
    align-content: center;
    padding: 18px;
    border-radius: 18px;
}

.roadmap-clean-status span {
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.roadmap-clean-status strong {
    color: #f8fafc;
    font-size: 1.2rem;
}

.roadmap-clean-status small {
    color: var(--text-muted);
    font-size: 1rem;
}

.roadmap-clean-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
    gap: 14px;
}

.roadmap-mission-board {
    gap: 14px;
}

.roadmap-mission-board-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.roadmap-mission-board-head h3 {
    margin: 4px 0 0;
    color: #f8fafc;
    font-size: 1.1rem;
}

.roadmap-mission-board-head span {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 8.5px 12px;
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 800;
    border: 1px solid rgba(14, 165, 233, 0.26);
    background: rgba(14, 165, 233, 0.09);
}

.roadmap-mission-track {
    max-height: 460px;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding-right: 4px;
    scrollbar-width: thin;
}

.roadmap-mission-day-card {
    min-height: 118px;
    display: grid;
    align-content: start;
    gap: 8px;
    text-align: left;
    padding: 14px;
    border-radius: 14px;
    color: #f8fafc;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.roadmap-mission-day-card:hover {
    transform: translateY(-1px);
}





.roadmap-mission-day-number {
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.roadmap-mission-day-card strong {
    font-size: 1rem;
    line-height: 1.35;
}

.roadmap-mission-day-card small {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.5;
}.roadmap-coach-panel {
    position: fixed;
    top: 138px;
    right: 28px;
    bottom: 28px;
    z-index: 1100;
    width: min(390px, calc(100vw - 42px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 12px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(14, 165, 233, 0.28);
    background: rgba(8, 18, 33, 0.24);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.roadmap-coach-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.roadmap-coach-head h3 {
    margin: 4px 0 0;
    color: #f8fafc;
    font-size: 1.05rem;
}

.roadmap-coach-close {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #f8fafc;
}.roadmap-coach-messages {
    min-height: 0;
    overflow: auto;
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(2, 6, 23, 0.24);
}

.roadmap-coach-empty {
    display: grid;
    gap: 8px;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.roadmap-coach-empty strong {
    color: #f8fafc;
}

.roadmap-coach-bubble {
    max-width: 88%;
    padding: 12px 14px;
    border-radius: 16px;
    color: #dbeafe;
    font-size: 1rem;
    line-height: 1.55;
    background: rgba(255, 255, 255, 0.06);
}

.roadmap-coach-bubble.is-user {
    justify-self: end;
    background: rgba(14, 165, 233, 0.18);
    border: 1px solid rgba(14, 165, 233, 0.24);
}

.roadmap-coach-bubble.is-assistant {
    justify-self: start;
    background: rgba(255, 255, 255, 0.07);
}

.roadmap-coach-prompts {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.roadmap-coach-prompts button {
    border-radius: 999px;
    border: 1px solid rgba(14, 165, 233, 0.24);
    background: rgba(14, 165, 233, 0.09);
    color: #bfdbfe;
    padding: 8.5px 12px;
    font-size: 0.95rem;
    font-weight: 800;
}

.roadmap-coach-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 78px;
    gap: 8px;
}.roadmap-transform-hero,
.roadmap-transform-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

.roadmap-transform-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 18px;
    padding: clamp(20px, 3vw, 32px);
}

.roadmap-transform-hero-copy {
    display: grid;
    gap: 14px;
    align-content: center;
}

.roadmap-transform-eyebrow {
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.roadmap-transform-hero h2 {
    margin: 0;
    max-width: 760px;
    color: #f8fafc;
    font-size: clamp(1.75rem, 4vw, 3.2rem);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.roadmap-transform-hero p,
.roadmap-transform-note {
    margin: 0;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.75;
}

.roadmap-transform-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}.roadmap-transform-status-card {
    display: grid;
    gap: 10px;
    align-content: center;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(125, 211, 252, 0.22);
    background: rgba(2, 6, 23, 0.24);
}

.roadmap-transform-status-kicker {
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.roadmap-transform-status-card strong {
    color: #ffffff;
    font-size: 1.35rem;
}

.roadmap-transform-status-card span {
    color: var(--text-muted);
    font-size: 1rem;
}

.roadmap-transform-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.roadmap-transform-card {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 20px;
}

.roadmap-transform-card h3 {
    margin: 0;
    color: #f8fafc;
    font-size: 1.15rem;
}

.roadmap-soft-rule {
    display: grid;
    gap: 4px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
}

.roadmap-soft-rule strong {
    color: #f8fafc;
    font-size: 1rem;
}

.roadmap-soft-rule span {
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.6;
}

.roadmap-transform-stat-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.roadmap-transform-stat-list > div {
    display: grid;
    gap: 6px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
}

.roadmap-transform-stat-list span {
    color: var(--text-muted);
    font-size: 0.95rem;
}

.roadmap-transform-stat-list strong {
    color: #f8fafc;
    font-size: 1.03rem;
}

.roadmap-foundation-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.roadmap-foundation-day {
    min-height: 58px;
    display: grid;
    place-items: center;
    gap: 2px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    color: var(--text-muted);
}

.roadmap-foundation-day span {
    font-weight: 900;
    font-size: 1.03rem;
}

.roadmap-foundation-day small {
    font-size: 0.85rem;
    color: currentColor;
    opacity: 0.82;
}

.roadmap-foundation-day.is-completed {
    border-color: rgba(34, 197, 94, 0.34);
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.roadmap-foundation-day.is-current,
.roadmap-foundation-day.is-recovery {
    border-color: rgba(14, 165, 233, 0.42);
    background: rgba(14, 165, 233, 0.14);
    color: #7dd3fc;
}

.roadmap-foundation-day.is-missed {
    border-color: rgba(245, 158, 11, 0.28);
    background: rgba(245, 158, 11, 0.09);
    color: #fcd34d;
}

.roadmap-year-map {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.roadmap-year-month {
    display: grid;
    gap: 6px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
}

.roadmap-year-month span {
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.roadmap-year-month strong {
    color: #f8fafc;
    font-size: 1.03rem;
}.roadmap-transform-progress-bar {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.08);
}.roadmap-transform-progress-bar > div {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(14, 165, 233, 0.24), rgba(34, 197, 94, 0.24));
    transition: width 0.25s ease;
}

.yh-right-sidebar.has-roadmap-ai-agent {
    position: relative;
    overflow: hidden;
}

.roadmap-ai-play-zone {
    position: absolute;
    inset: 8px 10px 8px 8px;
    z-index: 30;
    width: auto;
    height: auto;
    pointer-events: none;
    overflow: hidden;
    transform: none;
}

.roadmap-ai-agent {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    z-index: 31;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    background: transparent;
    color: #f8fafc;
    pointer-events: auto;
    cursor: pointer;
    transform: translate3d(var(--roadmap-ai-x, 16px), var(--roadmap-ai-y, 180px), 0);
    transition:
        transform 1.15s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.25s ease,
        opacity 0.25s ease;
    will-change: transform, filter, opacity;
}.roadmap-ai-bubble {
    position: relative;
    border-radius: 999px;
    padding: 9.5px 14px;
    background: rgba(8, 18, 33, 0.24);
    border: 1px solid rgba(14, 165, 233, 0.28);
    color: #dbeafe;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
    white-space: nowrap;
}.roadmap-ai-bubble::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(45deg);
    background: rgba(8, 18, 33, 0.24);
    border-top: 1px solid rgba(14, 165, 233, 0.28);
    border-right: 1px solid rgba(14, 165, 233, 0.28);
}

.roadmap-ai-robot {
    position: relative;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.22), transparent 32%),
        linear-gradient(135deg, #38bdf8, #22c55e);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.38);
}

.roadmap-ai-robot-face {
    font-size: 1.6rem;
}

.roadmap-ai-wave {
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 1.1rem;
    transform-origin: 20% 80%;
    animation: roadmapWaveHand 1.1s ease-in-out infinite alternate;
}

.roadmap-clean-shell.is-coach-open .roadmap-ai-agent {
    opacity: 0.55;
    filter: saturate(0.8);
}

.roadmap-ai-agent:hover {
    filter: brightness(1.12);
}

.yh-right-sidebar.has-roadmap-ai-agent:hover .roadmap-ai-agent {
    transition-duration: 0.55s;
}

.roadmap-ai-agent.is-near-current .roadmap-ai-robot {
    box-shadow:
        0 0 0 6px rgba(14, 165, 233, 0.12),
        0 18px 42px rgba(14, 165, 233, 0.25);
}

.roadmap-ai-agent.is-bouncing .roadmap-ai-robot {
    animation: roadmapRobotBounce 0.9s ease both;
}

.roadmap-ai-agent.is-bouncing .roadmap-ai-bubble {
    animation: roadmapBubblePop 0.55s ease both;
}

@keyframes roadmapRobotBounce {
    0% {
        transform: translateY(0) scale(1);
    }
    35% {
        transform: translateY(-10px) scale(1.04);
    }
    70% {
        transform: translateY(2px) scale(0.98);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes roadmapBubblePop {
    0% {
        transform: scale(0.92);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes roadmapWaveHand {
    from {
        transform: rotate(-10deg);
    }
    to {
        transform: rotate(22deg);
    }
}

@keyframes roadmapAiFloat {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-8px);
    }
}

@media (max-width: 900px) {
    .roadmap-transform-hero,
    .roadmap-transform-grid,
    .roadmap-clean-hero,
    .roadmap-clean-grid,
    .roadmap-journey-strip,
    .roadmap-builder-card-grid,
    .roadmap-builder-card-grid-2,
    .roadmap-pillar-card-grid,
    .roadmap-dna-grid {
        grid-template-columns: 1fr;
    }

    .roadmap-mission-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: 360px;
    }

    .roadmap-clean-shell {
        min-height: 0;
    }

    .roadmap-ai-play-zone {
        position: absolute;
        inset: 8px 10px 8px 8px;
        transform: none;
    }

    .roadmap-ai-agent {
        transition-duration: 0.9s;
    }

    .roadmap-coach-panel {
        top: 86px;
        right: 14px;
        bottom: 86px;
    }
    .roadmap-year-map {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .roadmap-foundation-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .roadmap-transform-actions {
        flex-direction: column;
    }

    .roadmap-transform-actions > * {
        width: 100%;
    }

    .roadmap-transform-stat-list,
    .roadmap-year-map {
        grid-template-columns: 1fr;
    }

    .roadmap-foundation-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .roadmap-ai-agent {
        right: auto;
        bottom: auto;
    }

    .roadmap-ai-bubble {
        display: inline-flex;
        font-size: 0.95rem;
        padding: 8.5px 12px;
    }

    .roadmap-mission-track {
        grid-template-columns: 1fr;
    }

    .roadmap-clean-shell {
        min-height: 0;
    }

    .roadmap-ai-play-zone {
        position: absolute;
        inset: 8px 8px 8px 8px;
        transform: none;
    }

    .roadmap-ai-agent {
        transform:
            translate3d(var(--roadmap-ai-x, 12px), var(--roadmap-ai-y, 180px), 0)
            scale(0.88);
        transform-origin: top left;
        transition-duration: 0.85s;
    }

    .roadmap-coach-panel {
        width: calc(100vw - 24px);
        right: 12px;
        top: 78px;
        bottom: 78px;
        border-radius: 20px;
    }

    .roadmap-coach-form {
        grid-template-columns: 1fr;
    }
}
/* ==========================================
   MOBILE-FIRST PRIORITY PATCH
   Append at the very end of public/css/style.css
   ========================================== */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img, video, canvas {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1024px) {
    .yh-right-sidebar {
        display: none !important;
    }

    .dashboard-core {
        grid-template-columns: 280px minmax(0, 1fr) !important;
    }
}

@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
    }

    body {
        min-height: 100dvh;
    }

    .step-container,
    .dashboard-layout,
    .dashboard-view-layer,
    .dashboard-core,
    .yh-main-chat,
    .yh-sidebar,
    .form-card-ultrawide,
    .card,
    .modal-card {
  background-color: #020617;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20)),
    url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
    #020617;
        max-width: 100%;
        box-sizing: border-box;
    }

    .portals-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .portal-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    .portal-title {
        font-size: 1.25rem !important;
    }

    .portal-desc {
        font-size: 1.03rem !important;
        line-height: 1.5 !important;
    }

    /* DASHBOARD BODY */
    .dashboard-core {
        display: flex !important;
        flex-direction: column !important;
        min-height: calc(100dvh - 130px) !important;
    }

    .yh-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    }

    .channel-search-container,
    .channel-content,
    .support-section {
        width: 100% !important;
        box-sizing: border-box;
    }

    .yh-main-chat {
        width: 100% !important;
        min-width: 0 !important;
    }

    .chat-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .header-left,
    .header-right {
        width: 100% !important;
    }

    .header-topic {
        font-size: 1rem !important;
    }

    .chat-messages,
    .vault-container,
    .lounge-container,
    .stage-layout-wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .chat-input-area {
        padding: 10px 12px !important;
    }

    .chat-input-wrapper {
        width: 100% !important;
        gap: 8px !important;
    }

    .chat-input-container {
        min-width: 0 !important;
        flex: 1 !important;
    }

    .chat-text-input,
    .stage-chat-input {
        min-width: 0 !important;
        width: 100% !important;
    }

    .input-extras {
        display: none !important;
    }

    .lounge-grid,
    .vault-grid {
        grid-template-columns: 1fr !important;
    }

    .stage-layout-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .stage-container,
    .stage-chat-panel {
        width: 100% !important;
    }

    .speakers-grid {
        grid-template-columns: 1fr !important;
    }

    .modal-overlay {
        padding: 12px !important;
    }

    .modal-card,
    .modal-center {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 480px) {
    .yh-top-nav {
        padding: 10px !important;
    }

    .main-title {
        font-size: 1.5rem !important;
    }

    .subtitle {
        font-size: 1.03rem !important;
    }

    .portal-card,
    .modal-card,
    .form-card-ultrawide {
        border-radius: 16px !important;
    }

    .btn-primary,
    .btn-secondary,
    .pill-btn-login,
    .btn-large {
        min-height: 48px !important;
    }

    .chat-header h3,
    .portal-title,
    .coming-soon-title {
        font-size: 1.1rem !important;
    }
}
/* ==========================================
   ACADEMY INTERIOR UI AUTHORITY
   sidebar shell + home + feed + lounge
   ========================================== */

#academy-wrapper {
    gap: 0;
}

#academy-wrapper .yh-sidebar {
    background: rgba(10, 15, 25, 0.22);
    border-right: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(18px);
}

#academy-wrapper .academy-sidebar-shell {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px 14px 16px;
    height: 100%;
}
body[data-yh-view="academy"] .academy-universe-return-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    min-width: 0;
}

body[data-yh-view="academy"] .academy-top-universe-btn {
    width: auto;
    min-width: max-content;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(77, 139, 255, 0.5);
    background: rgba(77, 139, 255, 0.08);
    color: #8bd4ff;
    font-size: 1.03rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-align: center;
    box-shadow: none;
    transition: 0.2s ease;
}

body[data-yh-view="academy"] .academy-top-universe-btn:hover {
    color: #ffffff;
    border-color: rgba(77, 139, 255, 0.72);
    background: rgba(77, 139, 255, 0.16);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    body[data-yh-view="academy"] .academy-top-universe-btn {
        min-height: 38px;
        padding: 9.5px 12px;
        border-radius: 12px;
        font-size: 1rem;
        letter-spacing: 0;
    }
}
#academy-wrapper .channel-search-container {
    padding-bottom: 0.85rem;
}

#academy-wrapper .academy-search-results-panel {
    margin: 10px 6px 0;
    border-radius: 16px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: rgba(8, 15, 30, 0.28);
    box-shadow: 0 18px 45px rgba(0,0,0,0.35);
    overflow: hidden;
}

#academy-wrapper .academy-search-results-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
}

#academy-wrapper .academy-search-results-title {
    color: #fff;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#academy-wrapper .academy-search-results-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#academy-wrapper .academy-search-results-open {
    width: auto;
    padding: 8.5px 12px;
    border-radius: 999px;
    border: 1px solid rgba(14,165,233,0.35);
    background: rgba(14,165,233,0.14);
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s;
}

#academy-wrapper .academy-search-results-open:hover {
    background: rgba(14,165,233,0.22);
    transform: translateY(-1px);
}

#academy-wrapper .academy-search-results-close {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

#academy-wrapper .academy-search-results-close:hover {
    background: rgba(255,255,255,0.12);
    transform: translateY(-1px);
}

#academy-wrapper .academy-search-results-inner {
    display: grid;
    gap: 10px;
    padding: 12px 12px 14px;
    max-height: 320px;
    overflow: auto;
}

#academy-wrapper .academy-search-tag-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(14,165,233,0.2);
    background: rgba(14,165,233,0.08);
}

#academy-wrapper .academy-search-tag-row strong {
    color: #fff;
    font-size: 1.03rem;
}

#academy-wrapper .academy-search-tag-row span {
    color: var(--text-muted);
    font-size: 1rem;
}

#academy-wrapper .academy-search-tag-row button {
    width: auto !important;
    padding: 9.5px 14px !important;
    border-radius: 999px !important;
}

#academy-wrapper .academy-search-result-meta {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 2px;
}

#academy-wrapper .academy-search-result-name {
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
}

#academy-wrapper .academy-search-result-name small {
    font-weight: 600;
    color: rgba(226,232,240,0.7);
}

#academy-wrapper .academy-search-result-tags {
    color: rgba(148,163,184,0.95);
    font-size: 0.95rem;
    margin-top: 4px;
    line-height: 1.2;
}

#academy-wrapper .academy-search-result-actions button {
    width: auto !important;
    padding: 9.5px 14px !important;
    border-radius: 999px !important;
}

#academy-wrapper .academy-sidebar-intro {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
}

#academy-wrapper .academy-sidebar-kicker {
    color: var(--neon-blue);
    font-size: 0.95rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

#academy-wrapper .academy-sidebar-title {
    margin: 8px 0 6px;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.2;
}

#academy-wrapper .academy-sidebar-copy {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

#academy-wrapper .academy-mobile-nav-drawer {
    display: none;
}

#academy-wrapper .academy-channel-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

#academy-wrapper .academy-channel-list > li,
#academy-wrapper .academy-channel-list > .channel-link {
    margin-bottom: 10px;
}

#academy-wrapper .academy-channel-list > li:last-child,
#academy-wrapper .academy-channel-list > .channel-link:last-child {
    margin-bottom: 10px;
}

#academy-wrapper .academy-channel-list .channel-link {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: rgba(15, 23, 42, 0.28);
    color: var(--text-muted);
    box-shadow: none;
    cursor: pointer;
    transition: 0.2s ease;
}

#academy-wrapper .academy-channel-list .channel-link:hover,
#academy-wrapper .academy-channel-list .channel-link.active {
    color: #ffffff;
    border-left: 1px solid rgba(14, 165, 233, 0.55);
    border-color: rgba(14, 165, 233, 0.55);
    background: rgba(14, 165, 233, 0.14);
    box-shadow: 0 0 18px rgba(14, 165, 233, 0.16);
}

#academy-wrapper .academy-channel-list .channel-link .sidebar-icon {
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

#academy-wrapper .academy-channel-list .channel-link .sidebar-text,
#academy-wrapper .academy-channel-list .channel-link .sidebar-text-group {
    color: inherit;
    font-size: 1.03rem;
    font-weight: 700;
    line-height: 1.1;
}

#academy-wrapper .academy-sidebar-progress {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.025);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.academy-profile-shell {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 900px;
    margin: 0 auto;
}

.academy-profile-hero-card,
.academy-profile-card {
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

.academy-profile-hero-left {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.academy-profile-avatar {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: rgba(14,165,233,0.18);
    border: 1px solid rgba(14,165,233,0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.18rem;
    flex-shrink: 0;
}

.academy-profile-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
}

.academy-profile-username {
    color: var(--text-muted);
    font-size: 1rem;
    margin-top: 4px;
}

.academy-profile-role {
    color: var(--neon-blue);
    font-size: 1rem;
    font-weight: 600;
    margin-top: 6px;
}

.academy-profile-bio {
    color: #dbe7f3;
    line-height: 1.55;
    font-size: 1.03rem;
}

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

.academy-profile-card-kicker {
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.academy-profile-card-title {
    color: #fff;
    margin: 0 0 12px 0;
    font-size: 1rem;
}

.academy-profile-stat-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.academy-profile-stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    color: #dbe7f3;
    font-size: 1.03rem;
}

.academy-profile-stat-row strong {
    color: #fff;
}

#academy-wrapper .academy-sidebar-progress-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    font-size: 1rem;
    color: var(--text-muted);
}

#academy-wrapper .academy-support-row {
    border-top: 1px solid rgba(255,255,255,0.06);
    padding-top: 12px;
}

body[data-yh-view="academy"] .yh-main-chat {
    background: rgba(10, 15, 25, 0.22);
}

body[data-yh-view="academy"] .chat-header {
    height: auto !important;
    min-height: 72px !important;
    padding: 18px 22px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    background: rgba(10, 15, 25, 0.22) !important;
    backdrop-filter: blur(12px);
}

body[data-yh-view="academy"] .chat-header .header-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

body[data-yh-view="academy"] .chat-header .header-divider {
    height: 18px;
}

body[data-yh-view="academy"] .chat-messages {
    padding: 20px 18px 22px !important;
}

.academy-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 16px;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.035);
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

.academy-home-eyebrow {
    color: var(--neon-blue);
    font-size: 0.95rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.academy-home-title {
    margin: 10px 0 8px;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.1;
}

.academy-home-copy {
    margin: 0;
    max-width: 720px;
    color: var(--text-muted);
    line-height: 1.7;
}

.academy-home-meta {
    margin-top: 10px;
    font-size: 1rem;
    color: var(--text-muted);
}

.academy-home-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
}

.academy-home-action-btn {
    width: auto !important;
    min-height: 44px;
    padding: 12px 18px !important;
}

.academy-home-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.academy-home-stat-card {
    padding: 18px;
    border-radius: 16px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}

.academy-home-stat-label {
    font-size: 1rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.academy-home-stat-value {
    margin-top: 8px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
}

.academy-home-stat-value span {
    font-size: 1.03rem;
    color: var(--text-muted);
}

.academy-home-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-bottom: 12px;
}

.academy-home-panel {
    padding: 18px;
    border-radius: 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.academy-home-panel-label {
    font-size: 1rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.academy-home-panel-copy {
    margin-top: 10px;
    font-size: 1.03rem;
    line-height: 1.7;
    color: #fff;
}

/* PATCH: Dashboard Academy Roadmap centered loading state v1 */
.academy-roadmap-loading-shell {
    width: 100% !important;
    min-height: clamp(420px, 58vh, 720px) !important;
    display: grid !important;
    place-items: center !important;
    padding: clamp(28px, 5vw, 72px) 18px !important;
}.academy-roadmap-loading-card {
    width: min(92vw, 440px) !important;
    min-height: 270px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    padding: 34px 28px 30px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(56, 189, 248, 0.24) !important;
    background:
        radial-gradient(circle at top, rgba(56, 189, 248, 0.18), transparent 40%),
        linear-gradient(180deg, rgba(15, 30, 54, 0.28), rgba(6, 12, 25, 0.28)) !important;
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.42),
        0 0 34px rgba(56, 189, 248, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    animation: academyRoadmapLoadingFloat 2.8s ease-in-out infinite !important;
}

.academy-roadmap-loading-orb {
    position: relative !important;
    width: 78px !important;
    height: 78px !important;
    display: grid !important;
    place-items: center !important;
    margin-bottom: 4px !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle, rgba(56, 189, 248, 0.18), rgba(56, 189, 248, 0.04) 62%, transparent 70%) !important;
}

.academy-roadmap-loading-ring {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    border: 2px solid rgba(56, 189, 248, 0.16) !important;
    border-top-color: rgba(56, 189, 248, 0.92) !important;
    border-right-color: rgba(125, 211, 252, 0.60) !important;
    box-shadow:
        0 0 18px rgba(56, 189, 248, 0.24),
        inset 0 0 18px rgba(56, 189, 248, 0.10) !important;
    animation: academyRoadmapLoadingSpin 0.95s linear infinite !important;
}

.academy-roadmap-loading-logo {
    position: relative !important;
    z-index: 1 !important;
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 14px rgba(56, 189, 248, 0.52)) !important;
}

.academy-roadmap-loading-kicker {
    color: #38bdf8 !important;
    font-size: 0.95rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

.academy-roadmap-loading-title {
    margin: 0 !important;
    color: #f8fbff !important;
    font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.12 !important;
}

.academy-roadmap-loading-copy {
    width: min(100%, 320px) !important;
    margin: 0 auto !important;
    color: rgba(203, 213, 225, 0.86) !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
}

.academy-roadmap-loading-progress {
    position: relative !important;
    width: min(100%, 250px) !important;
    height: 7px !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(148, 163, 184, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}.academy-roadmap-loading-progress span {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 42% !important;
    border-radius: inherit !important;
    background:
        linear-gradient(90deg, rgba(56, 189, 248, 0.16), rgba(56, 189, 248, 0.24), rgba(125, 211, 252, 0.24)) !important;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.42) !important;
    animation: academyRoadmapLoadingSweep 1.45s ease-in-out infinite !important;
}

@keyframes academyRoadmapLoadingSpin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes academyRoadmapLoadingSweep {
    0% {
        transform: translateX(-105%);
    }
    100% {
        transform: translateX(245%);
    }
}

@keyframes academyRoadmapLoadingFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

@media (max-width: 720px) {
    .academy-roadmap-loading-shell {
        min-height: 360px !important;
        padding: 24px 14px !important;
    }

    .academy-roadmap-loading-card {
        min-height: 245px !important;
        padding: 28px 22px 24px !important;
        border-radius: 24px !important;
    }
}
/* END PATCH: Dashboard Academy Roadmap centered loading state v1 */

/* PATCH: Academy Messages centered loading state v15 */
.academy-messages-loading-shell {
    min-height: clamp(430px, 62vh, 760px) !important;
}

.academy-messages-loading-card {
    width: min(92vw, 430px) !important;
}

.academy-messages-loading-orb {
    background:
        radial-gradient(circle, rgba(56, 189, 248, 0.20), rgba(56, 189, 248, 0.05) 62%, transparent 72%) !important;
}

.academy-messages-loading-logo {
    width: 39px !important;
    height: 39px !important;
    object-fit: contain !important;
}

.academy-messages-inbox-list.is-loading-conversations {
    min-height: 116px !important;
    overflow: hidden !important;
}

.academy-messages-tab-status-card.is-premium-loader {
    min-height: 116px !important;
    border-style: solid !important;
    border-color: rgba(56, 189, 248, 0.22) !important;
    background:
        radial-gradient(circle at top, rgba(56, 189, 248, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(15, 30, 54, 0.64), rgba(7, 13, 25, 0.72)) !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.24),
        0 0 24px rgba(56, 189, 248, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.academy-messages-tab-premium-orb {
    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
}

.academy-messages-tab-premium-orb > span {
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    border: 2px solid rgba(56, 189, 248, 0.14) !important;
    border-top-color: rgba(56, 189, 248, 0.95) !important;
    animation: academyRoadmapLoadingSpin 0.95s linear infinite !important;
}

.academy-messages-tab-premium-orb img {
    position: relative !important;
    z-index: 1 !important;
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.46)) !important;
}
/* END PATCH: Academy Messages centered loading state v15 */

.academy-home-chip-row {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.academy-home-missions {
    margin-top: 12px;
    display: grid;
    gap: 10px;
}

.academy-feed-shell {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.academy-chat-surface {
    min-height: 0;
}

.academy-messages-inbox {
    width: 100%;
    min-height: calc(100vh - 280px);
    display: grid;
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

#academy-chat[data-chat-mode="home"] .academy-messages-inbox {
    width: 100%;
    max-width: none;
    min-height: 0;
    display: block;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#academy-chat[data-chat-mode="home"] .academy-messages-inbox-sidebar {
    display: none !important;
}

#academy-chat[data-chat-mode="messages"] .academy-messages-inbox-sidebar,
#academy-chat[data-chat-mode="thread"] .academy-messages-inbox-sidebar {
    display: flex !important;
}.academy-messages-inbox-sidebar {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.academy-messages-inbox-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.academy-messages-inbox-kicker {
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(148, 163, 184, 0.92);
    margin-bottom: 4px;
}

.academy-messages-inbox-title {
    font-size: 1rem;
    font-weight: 700;
    color: #f8fafc;
}

.academy-messages-inbox-refresh {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #e2e8f0;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.academy-messages-inbox-refresh:hover {
    background: rgba(14, 165, 233, 0.12);
    border-color: rgba(14, 165, 233, 0.28);
    transform: translateY(-1px);
}

.academy-messages-inbox-list {
    min-height: 0;
    overflow: auto;
    display: grid;
    gap: 10px;
    padding-right: 4px;
    transition: opacity 0.14s ease;
}

.academy-messages-inbox-list.is-switching-message-tab {
    opacity: 0.92;
}

.academy-messages-inbox-empty,
.academy-messages-tab-status-card {
    padding: 22px 16px;
    border-radius: 16px;
    color: var(--text-muted);
    text-align: center;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.08);
    line-height: 1.6;
}

.academy-messages-tab-status-card {
    min-height: 96px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
}

.academy-messages-tab-status-card strong {
    color: #e2e8f0;
    font-size: 1rem;
    font-weight: 900;
}

.academy-messages-tab-status-card span {
    max-width: 210px;
    color: rgba(148, 163, 184, 0.92);
    font-size: 0.95rem;
}

.academy-messages-tab-status-card.is-loading {
    border-style: solid;
    border-color: rgba(56, 189, 248, 0.18);
    background: rgba(14, 165, 233, 0.04);
}

.academy-messages-tab-spinner {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: 2px solid rgba(148, 163, 184, 0.22);
    border-top-color: rgba(56, 189, 248, 0.96);
    animation: yh-btn-spin 0.8s linear infinite;
}

.academy-messages-inbox-item {
    width: 100%;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.025);
    color: #f8fafc;
    border-radius: 16px;
    padding: 14px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    cursor: pointer;
    text-align: left;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.academy-messages-inbox-item:hover {
    transform: translateY(-1px);
    border-color: rgba(56, 189, 248, 0.22);
    background: rgba(14, 165, 233, 0.06);
}

.academy-messages-inbox-item.is-active {
    border-color: rgba(56, 189, 248, 0.38);
    background: rgba(14, 165, 233, 0.11);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.08);
}

.academy-messages-inbox-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    background: rgba(14, 165, 233, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.academy-messages-inbox-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.academy-messages-inbox-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.academy-messages-inbox-name {
    min-width: 0;
    font-size: 1.03rem;
    font-weight: 700;
    color: #f8fafc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.academy-messages-inbox-time {
    margin-left: auto;
    flex-shrink: 0;
    font-size: 0.95rem;
    color: rgba(148, 163, 184, 0.88);
    text-align: right;
    white-space: nowrap;
}

.academy-messages-inbox-preview {
    min-width: 0;
    font-size: 1rem;
    color: rgba(226, 232, 240, 0.78);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.academy-messages-inbox-meta {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.academy-messages-inbox-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 8.5px;
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.16);
    color: #e0f2fe;
    font-size: 0.95rem;
    font-weight: 700;
}

.academy-messages-inbox-roomtype {
    font-size: 0.95rem;
    color: rgba(148, 163, 184, 0.9);
}

.academy-messages-thread-shell {
    min-width: 0;
    min-height: 0;
    height: 100%;
    border-radius: 18px;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#academy-chat[data-chat-mode="home"] .academy-messages-thread-shell #dynamic-chat-history {
    display: block;
    overflow: visible;
    padding: 0;
}

#academy-chat[data-chat-mode="home"] .academy-messages-thread-shell,
#academy-chat[data-chat-mode="home"] .academy-messages-thread-shell #dynamic-chat-history,
#academy-chat[data-chat-mode="home"] #chat-welcome-box,
#academy-chat[data-chat-mode="home"] .academy-home-stack,
#academy-chat[data-chat-mode="home"] .roadmap-transformation-system,
#academy-chat[data-chat-mode="home"] .roadmap-clean-shell,
#academy-chat[data-chat-mode="home"] .roadmap-clean-main {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

#academy-chat[data-chat-mode="home"] .academy-home-panel,
#academy-chat[data-chat-mode="home"] .academy-home-hero,
#academy-chat[data-chat-mode="home"] .academy-home-stats,
#academy-chat[data-chat-mode="home"] .roadmap-clean-hero,
#academy-chat[data-chat-mode="home"] .roadmap-clean-grid,
#academy-chat[data-chat-mode="home"] .roadmap-transform-card,
#academy-chat[data-chat-mode="home"] .roadmap-mission-board {
    width: 100%;
    max-width: none;
}

#academy-chat[data-chat-mode="messages"] .academy-messages-thread-shell #dynamic-chat-history,
#academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell #dynamic-chat-history {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    padding: 20px 20px 12px;
}

#academy-chat[data-chat-mode="messages"] .academy-messages-thread-shell .welcome-embed,
#academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .welcome-embed {
    margin: 18px;
}

#academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .chat-input-area {
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(
        180deg,
        rgba(5, 8, 22, 0.00) 0%,
        rgba(5, 8, 22, 0.62) 16%,
        rgba(5, 8, 22, 0.92) 100%
    );
}

#academy-chat[data-chat-mode="home"] .academy-messages-thread-shell #chat-input-area,
#academy-chat[data-chat-mode="messages"] .academy-messages-thread-shell #chat-input-area {
    display: none !important;
}
.academy-chat-header-logo {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 10px rgba(14, 165, 233, 0.42));
}

.academy-messages-thread-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02));
}

.academy-messages-thread-header-main {
    min-width: 0;
    display: grid;
    grid-template-columns: auto 46px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    flex: 1;
}

.academy-messages-thread-back-btn {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

.academy-messages-thread-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    background: rgba(14, 165, 233, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.academy-messages-thread-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.academy-messages-thread-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.academy-messages-thread-title {
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #f8fafc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.academy-messages-thread-roomtype {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10.5px;
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.14);
    color: #e0f2fe;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.academy-messages-thread-meta {
    color: rgba(226, 232, 240, 0.74);
    font-size: 1rem;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.academy-messages-thread-actions {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.academy-messages-thread-action-btn {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #e2e8f0;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.academy-messages-thread-action-btn:hover {
    background: rgba(14, 165, 233, 0.12);
    border-color: rgba(14, 165, 233, 0.28);
    transform: translateY(-1px);
}

.academy-messages-thread-menu-trigger {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
}

.academy-messages-thread-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 190px;
    display: none;
    flex-direction: column;
    gap: 4px;
    padding: 8.5px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 15, 32, 0.34);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.38);
    z-index: 150;
}

.academy-messages-thread-menu.is-open {
    display: flex;
}

.academy-messages-thread-menu button {
    width: 100%;
    border: 0;
    background: transparent;
    color: #f8fafc;
    text-align: left;
    padding: 10.5px 12px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
}

.academy-messages-thread-menu button:hover {
    background: rgba(255, 255, 255, 0.08);
}

.academy-messages-thread-menu button[data-thread-room-action="hide"],
.academy-messages-thread-menu button[data-thread-room-action="block"] {
    color: #fecaca;
}

.academy-messages-thread-empty {
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 28px;
    color: var(--text-muted);
    line-height: 1.7;
}
.academy-messages-inbox-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: start;
    gap: 10px;
    overflow: visible;
    isolation: isolate;
    z-index: 1;
}

.academy-messages-inbox-card.is-active .academy-messages-inbox-item {
    border-color: rgba(14, 165, 233, 0.42);
    background: rgba(14, 165, 233, 0.12);
}

.academy-messages-inbox-card.is-action-loading {
    z-index: 25;
}

.academy-messages-inbox-card.is-action-loading .academy-messages-inbox-item {
    opacity: 0.64;
    pointer-events: none;
}

.academy-messages-inbox-row-loader {
    position: absolute;
    inset: 8px 52px 8px 8px;
    z-index: 40;
    border-radius: 14px;
    background: rgba(3, 7, 18, 0.58);
    border: 1px solid rgba(56, 189, 248, 0.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #bae6fd;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    pointer-events: none;
}

.academy-messages-inbox-row-spinner {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(186, 230, 253, 0.24);
    border-top-color: rgba(186, 230, 253, 0.95);
    animation: yh-btn-spin 0.78s linear infinite;
    flex: 0 0 auto;
}

.academy-messages-inbox-card.is-action-loading .academy-messages-inbox-menu {
    display: none;
}

.academy-messages-inbox-card.is-action-loading .academy-messages-inbox-menu-trigger {
    opacity: 0.55;
    cursor: wait;
    pointer-events: none;
}

.academy-messages-inbox-card.is-active,
.academy-messages-inbox-card:focus-within {
    z-index: 20;
}

.academy-messages-inbox-actions {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    align-self: flex-start;
    width: 44px;
    min-width: 44px;
    overflow: visible;
    z-index: 30;
}

.academy-messages-inbox-menu-trigger {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #f8fafc;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.academy-messages-inbox-menu-trigger:hover {
    background: rgba(14, 165, 233, 0.10);
    border-color: rgba(14, 165, 233, 0.28);
    transform: translateY(-1px);
}

.academy-messages-inbox-menu {
    position: absolute;
    top: 0;
    right: calc(100% + 8px);
    bottom: auto;
    left: auto;
    min-width: 160px;
    max-width: 190px;
    display: none;
    flex-direction: column;
    gap: 4px;
    padding: 7.5px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 15, 32, 0.34);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.34);
    z-index: 120;
}

.academy-messages-inbox-menu.is-open {
    display: flex;
}

.academy-messages-inbox-list {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.academy-messages-inbox-list::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.academy-messages-inbox-item {
    min-width: 0;
}

.academy-messages-inbox-copy {
    min-width: 0;
}

.academy-messages-inbox-menu button {
    width: 100%;
    border: 0;
    background: transparent;
    color: #f8fafc;
    text-align: left;
    padding: 9.5px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1.2;
    font-weight: 500;
}

.academy-messages-inbox-menu button:hover {
    background: rgba(255, 255, 255, 0.08);
}

.academy-messages-inbox-muted {
    display: inline-flex;
    align-items: center;
    padding: 2px 9.5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-muted);
    font-size: 0.95rem;
}

.academy-sidebar-unread-badge {
    margin-left: auto;
    min-width: 22px;
    height: 22px;
    padding: 0 8.5px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
}
@media (max-width: 1024px) {
    .academy-messages-inbox {
        grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
    }
}

@media (max-width: 768px) {
    .academy-messages-inbox {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .academy-messages-inbox-sidebar {
        order: 1;
    }

    .academy-messages-thread-shell {
        order: 2;
        border-radius: 16px;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 36px !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 12px 14px !important;
        min-height: 56px !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-header-main {
        grid-column: 1;
        grid-row: 1;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 32px 38px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-back-btn {
        grid-column: 1;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-avatar {
        grid-column: 2;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-size: cover !important;
        background-position: center !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-copy {
        grid-column: 3;
        min-width: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-title-row {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        flex-wrap: nowrap !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-title {
        font-size: 0.98rem !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-meta,
    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-roomtype {
        display: none !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-actions {
        grid-column: 2;
        grid-row: 1;
        justify-self: end !important;
        width: 36px !important;
        min-width: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0 !important;
        position: relative !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-action-btn {
        flex: 0 0 auto;
        min-height: 34px !important;
        padding: 0 12px !important;
        font-size: 1rem !important;
        border-radius: 999px !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-menu-trigger {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-messages-thread-refresh-btn {
        display: none !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-menu {
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;
        width: 178px !important;
        max-width: calc(100vw - 24px) !important;
        transform: none !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding: 12px 58px 12px 14px !important;
        min-height: 56px !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-header-main {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 32px 38px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 1 1 auto !important;
        order: 1 !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-back-btn {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-avatar {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        overflow: hidden !important;
        background-color: rgba(14, 165, 233, 0.22) !important;
        background-size: cover !important;
        background-position: center !important;
        color: #fff !important;
        font-size: 0.9rem !important;
        font-weight: 800 !important;
        flex: 0 0 38px !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-copy {
        grid-column: 3 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-actions {
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        z-index: 12 !important;
        width: 34px !important;
        min-width: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        order: 2 !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-menu-trigger {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action .academy-messages-thread-menu {
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;
        transform: none !important;
        width: 178px !important;
        max-width: calc(100vw - 24px) !important;
    }

    .academy-messages-thread-empty {
        min-height: 220px;
        padding: 20px 16px;
        font-size: 1.03rem;
    }

    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-sidebar {
        display: none !important;
    }

    #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .chat-input-wrapper {
        min-height: 52px;
        gap: 8px;
        padding: 9.5px 12px;
        border-radius: 18px;
    }

    #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .action-btn.plus-btn,
    #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .input-extras span,
    #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .chat-send-btn {
        width: 34px;
        height: 34px;
        min-width: 34px;
        min-height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
    }

    #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .chat-input-container {
        min-width: 0;
        flex: 1 1 auto;
    }

    #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell .chat-text-input {
        min-height: 38px;
        padding: 0 44px 0 14px;
        font-size: 1.03rem;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] .chat-header {
        height: 56px !important;
        min-height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 16px !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 80 !important;
        background: rgba(8, 15, 32, 0.98) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] .chat-header .academy-header-left {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-align: center !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #chat-header-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 26px !important;
        height: 26px !important;
        flex: 0 0 26px !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #chat-header-title {
        margin: 0 !important;
        font-size: 1rem !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] .header-divider,
    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] .academy-chat-header-spacer,
    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] .header-topic {
        display: none !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] .header-right {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-mobile-bottom-nav.academy-mobile-bottom-nav-hidden {
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: none !important;
        transform: translateY(calc(100% + 22px)) !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat {
        height: calc(100dvh - 56px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #chat-messages {
        height: calc(100dvh - 112px) !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #academy-messages-inbox {
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell {
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 0 !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #dynamic-chat-history {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        padding: 18px 14px 92px !important;
        -webkit-overflow-scrolling: touch;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #chat-input-area {
        display: block !important;
        position: sticky !important;
        bottom: 0 !important;
        z-index: 90 !important;
        flex: 0 0 auto !important;
        padding: 8px 10px calc(10px + env(safe-area-inset-bottom)) !important;
        background: linear-gradient(
            180deg,
            rgba(8, 15, 32, 0),
            rgba(8, 15, 32, 0.92) 24%,
            rgba(8, 15, 32, 0.98) 100%
        ) !important;
        border-top: 1px solid rgba(56, 189, 248, 0.12) !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #chat-input-area .chat-input-wrapper {
        width: 100% !important;
        min-height: 52px !important;
        gap: 8px !important;
        padding: 9.5px 12px !important;
        border-radius: 18px !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #chat-input-area .chat-input-container {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    body[data-yh-view="academy"].academy-mobile-message-thread-single-action #academy-chat[data-chat-mode="thread"] #chat-input-area .chat-text-input {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 0 44px 0 14px !important;
        font-size: 1.03rem !important;
    }

    .academy-messages-inbox-card {
        grid-template-columns: minmax(0, 1fr) 42px;
        gap: 8px;
    }

    .academy-messages-inbox-actions {
        width: 42px;
        min-width: 42px;
    }

    .academy-messages-inbox-menu {
        top: 0;
        right: calc(100% + 8px);
        bottom: auto;
        left: auto;
        min-width: 148px;
        max-width: 176px;
    }

    .academy-sidebar-unread-badge {
        min-width: 20px;
        height: 20px;
        font-size: 0.91rem;
    }
}.academy-feed-composer-card,
.academy-feed-card {
    padding: 18px;
    border-radius: 18px;
}

.academy-lead-missions-scroll {
    padding: 18px;
}

.academy-lead-missions-shell {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 1180px;
    margin: 0 auto;
}

.academy-lead-missions-workspace {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.academy-missions-module-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.academy-missions-module-card {
    width: 100%;
    min-height: 128px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 20px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.045);
    color: var(--text-main);
    text-align: left;
    cursor: pointer;
    transition: 0.2s ease;
}

.academy-missions-module-card:hover {
    border-color: rgba(14, 165, 233, 0.48);
    background: rgba(14, 165, 233, 0.12);
    transform: translateY(-2px);
}

.academy-missions-module-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(14, 165, 233, 0.28);
    font-size: 1.35rem;
}

.academy-missions-module-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.academy-missions-module-title {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 800;
}

.academy-missions-module-copy {
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.45;
}

.academy-missions-module-arrow {
    color: var(--neon-blue);
    font-size: 1.2rem;
    font-weight: 800;
}.academy-lead-missions-hero,
.academy-lead-panel,
.academy-lead-info-card,
.academy-lead-list-card {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 18px;
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}
.academy-lead-operator-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 22px;
    border-color: rgba(56, 189, 248, 0.16);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.1), transparent 34%),
        rgba(255, 255, 255, 0.035);
}

.academy-lead-operator-focus {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.academy-lead-operator-focus article {
    display: grid;
    gap: 6px;
    align-content: start;
    min-height: 116px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background: rgba(2, 6, 23, 0.28);
}

.academy-lead-operator-focus span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.22);
    color: #bae6fd;
    font-size: 0.95rem;
    font-weight: 900;
}

.academy-lead-operator-focus strong {
    color: #fff;
    font-size: 1rem;
    line-height: 1.25;
}

.academy-lead-operator-focus small {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.45;
}

#academy-lead-panel-database {
    border-color: rgba(56, 189, 248, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.022)),
        rgba(6, 14, 28, 0.28);
}

#academy-lead-panel-database .academy-lead-table-wrap {
    border-radius: 16px;
}

#academy-lead-panel-database table {
    width: 100%;
}

@media (max-width: 980px) {
    .academy-lead-operator-focus {
        grid-template-columns: 1fr;
    }

    .academy-lead-operator-focus article {
        min-height: 0;
    }
}
.academy-lead-missions-title {
    margin: 6px 0 8px;
    font-size: 1.35rem;
    font-weight: 700;
}

.academy-lead-missions-copy,
.academy-lead-card-copy,
.academy-lead-list-meta,
.academy-lead-list-note {
    color: var(--text-muted);
    line-height: 1.55;
}

.academy-lead-subtabs {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.academy-lead-subtab {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-main);
    border-radius: 999px;
    padding: 12px 16px;
    font-size: 1.03rem;
    cursor: pointer;
    transition: 0.2s ease;
}

.academy-lead-subtab:hover,
.academy-lead-subtab.active {
    border-color: var(--neon-blue);
    background: rgba(14, 165, 233, 0.14);
    color: #fff;
}

.academy-lead-readme-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.academy-lead-card-title,
.academy-lead-list-title {
    margin: 6px 0 6px;
    color: #fff;
    font-weight: 700;
}

.academy-lead-modal-kicker {
    width: 100%;
    margin: 0;
    text-align: center;
    color: #cfe9ff;
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.academy-lead-modal-title {
    width: 100%;
    margin: 6px 0 0;
    color: #fff;
    font-weight: 800;
    font-size: clamp(1.45rem, 2.3vw, 2rem);
    line-height: 1.08;
    text-align: center;
}

.academy-lead-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.academy-lead-table {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.academy-lead-table th,
.academy-lead-table td {
    padding: 14px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;
    vertical-align: top;
}

.academy-lead-table th {
    color: #fff;
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.academy-lead-table td {
    color: var(--text-muted);
    font-size: 1.03rem;
}

.academy-lead-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.14);
    border: 1px solid rgba(14, 165, 233, 0.32);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.academy-lead-list {
    display: grid;
    gap: 12px;
}

.academy-lead-list-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.academy-lead-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    color: var(--text-main);
    margin-bottom: 12px;
    font-size: 1.03rem;
}

.academy-lead-modal {
    position: fixed;
    inset: 0;
    z-index: 11050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(2, 8, 23, 0.34);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.academy-lead-modal-card {
    width: min(980px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(15, 23, 42, 0.34);
    padding: 20px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.academy-lead-modal-head {
    margin-bottom: 20px;
}

.academy-lead-modal-head-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.academy-lead-modal-head-copy {
    width: min(100%, 680px);
    margin: 0 auto;
}

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

.academy-lead-form-span-2 {
    grid-column: 1 / -1;
}

.academy-lead-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.academy-lead-header-actions {
display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
    width: auto;
    max-width: min(100%, 500px);
    flex: 0 0 auto;
}

.academy-lead-profile-btn {
width: auto;
    min-width: 0;
    min-height: 38px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.88rem;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
}

/* Academy mission header action sizing owner v226 */
#academy-lead-missions-view #btn-back-to-missions-hub {
    width: auto;
    min-width: 116px;
    max-width: 132px;
    flex: 0 0 auto;
}

#academy-lead-missions-view #btn-edit-lead-operator-profile {
    width: auto;
    min-width: 180px;
    max-width: 206px;
    flex: 0 0 auto;
}

#academy-lead-missions-view #btn-open-lead-entry-modal {
    width: auto;
    min-width: 108px;
    max-width: 124px;
    min-height: 38px;
    padding: 10px 14px;
    border-radius: 10px;
    font-family: "Rajdhani", "Poppins", sans-serif;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
}

#academy-lead-missions-view #btn-back-to-missions-playbook-hub {
    width: auto;
    min-width: 136px;
    max-width: 158px;
    flex: 0 0 auto;
}

#academy-lead-missions-view #btn-start-current-playbook-mission {
    width: auto;
    min-width: 186px;
    max-width: 214px;
    flex: 0 0 auto;
}
/* End Academy mission header action sizing owner v226 */

.academy-lead-recruitment-card {
    width: min(1040px, 100%);
}

.academy-lead-modal-subtitle {
    margin: 10px auto 0;
    color: var(--text-muted);
    line-height: 1.55;
    max-width: 720px;
    font-size: 1.03rem;
}

.academy-lead-required-note {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 14px auto 0;
    padding: 8.5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(14, 165, 233, 0.28);
    background: rgba(14, 165, 233, 0.1);
    color: #dff5ff;
    font-size: 1rem;
    font-weight: 700;
}

.academy-lead-chip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.academy-lead-choice,
.academy-lead-agreement {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    width: fit-content;
    cursor: pointer;
    user-select: none;
}

.academy-lead-choice {
    min-height: 40px;
    padding: 12px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.045);
    color: var(--text-main);
    font-size: 1rem;
    line-height: 1.25;
    transition: 0.2s ease;
}

.academy-lead-choice:hover {
    border-color: rgba(14, 165, 233, 0.48);
    background: rgba(14, 165, 233, 0.11);
}

.academy-lead-choice input {
    margin-top: 1px;
    accent-color: var(--neon-blue);
}

.academy-lead-choice:has(input:checked) {
    border-color: var(--neon-blue);
    background: rgba(14, 165, 233, 0.16);
    color: #fff;
}

.academy-lead-agreement-stack {
    display: grid;
    gap: 10px;
}

.academy-lead-agreement {
    width: 100%;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.45;
}

.academy-lead-agreement input {
    margin-top: 3px;
    accent-color: var(--success);
}

#lead-recruitment-email[readonly] {
    opacity: 0.82;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    #academy-lead-missions-view .chat-header {
        align-items: flex-start;
        gap: 12px;
    }

    #academy-lead-missions-view .header-right {
        width: 100%;
    }

    #academy-lead-missions-view .academy-lead-header-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #academy-lead-missions-view #btn-open-lead-entry-modal,
    #academy-lead-missions-view #btn-edit-lead-operator-profile {
        width: 100%;
        min-width: 0;
    }

    .academy-lead-missions-scroll {
        padding: 12px 12px calc(104px + env(safe-area-inset-bottom, 0px));
    }

    .academy-lead-subtabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .academy-lead-subtabs::-webkit-scrollbar {
        display: none;
    }

    .academy-lead-subtab {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .academy-lead-list-top {
        flex-direction: column;
        align-items: stretch;
    }

    .academy-lead-table {
        min-width: 720px;
    }

    .academy-lead-modal {
        padding: 14px;
        align-items: flex-start;
    }

    .academy-lead-modal-card {
        width: 100%;
        max-height: calc(100vh - 24px);
        border-radius: 18px;
        padding: 16px 14px calc(18px + env(safe-area-inset-bottom, 0px));
        margin: 0;
    }

    .academy-lead-modal-head {
        margin-bottom: 14px;
    }

    .academy-lead-modal-head-copy {
        width: 100%;
        max-width: none;
    }

    .academy-lead-form-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .academy-lead-form-span-2 {
        grid-column: auto;
    }

    .academy-lead-form-actions {
        grid-column: auto;
        flex-direction: column;
        justify-content: stretch;
        gap: 10px;
    }

    .academy-lead-form-actions .btn-primary,
    .academy-lead-form-actions .btn-secondary {
        width: 100%;
    }

    .academy-lead-modal-subtitle {
        font-size: 1rem;
        line-height: 1.5;
    }

    .academy-lead-required-note {
        width: 100%;
        border-radius: 14px;
        text-align: center;
    }

    .academy-lead-chip-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .academy-lead-choice {
        width: 100%;
        border-radius: 14px;
        justify-content: flex-start;
        padding: 13px 14px;
    }

    .academy-lead-agreement {
        font-size: 1rem;
        padding: 13px;
    }
}

#voice-lobby-view .lounge-container,
#video-lobby-view .lounge-container {
    padding: 20px;
}

#lounge-grid,
#video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

#center-stage-view .stage-layout-wrapper {
    gap: 16px;
}

@media (max-width: 1024px) {
    .academy-home-hero {
        grid-template-columns: 1fr;
    }

    .academy-home-actions {
        justify-content: flex-start;
    }

    #voice-lobby-view .lounge-container,
    #video-lobby-view .lounge-container {
        padding: 16px;
    }
}

@media (max-width: 768px) {
    #academy-wrapper .academy-sidebar-shell {
        gap: 12px;
        padding: 14px 0 0;
    }

    #academy-wrapper .academy-sidebar-intro,
    #academy-wrapper .academy-sidebar-progress,
    #academy-wrapper .academy-support-row {
        display: none !important;
    }

    #academy-wrapper .academy-channel-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    #academy-wrapper .academy-channel-list .channel-link {
        padding: 14px 9.5px;
        justify-content: center;
        border-radius: 14px;
    }

    #academy-wrapper .academy-channel-list .channel-link .sidebar-text {
        font-size: 0.95rem !important;
        text-align: center;
    }

    .academy-home-hero {
        padding: 18px;
        border-radius: 18px;
    }

    .academy-home-title {
        font-size: 1.45rem;
    }

    .academy-home-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .academy-home-action-btn {
        width: 100% !important;
    }

    .academy-home-stat-card,
    .academy-home-panel,
    .academy-feed-composer-card,
    .academy-feed-card {
        border-radius: 16px;
        padding: 16px;
    }

    body[data-yh-view="academy"] .chat-header {
        padding: 16px 14px !important;
    }

    body[data-yh-view="academy"] .chat-header .header-left,
    body[data-yh-view="academy"] .chat-header .header-right {
        width: 100%;
    }

    body[data-yh-view="academy"] .header-topic {
        font-size: 1rem !important;
        line-height: 1.45 !important;
    }

    #voice-lobby-view .lounge-container,
    #video-lobby-view .lounge-container,
    body[data-yh-view="academy"] .chat-messages {
        padding: 14px !important;
    }

    #center-stage-view .stage-layout-wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header {
        height: auto !important;
        min-height: 148px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 12px 14px 4px !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .academy-header-left {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px 10px !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .hash-big {
        grid-column: 1;
        grid-row: 1;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header h3 {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .header-divider,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .academy-chat-header-spacer {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .header-topic {
        grid-column: 1 / -1;
        width: 100%;
        margin: 0;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .academy-chat-header-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] #btn-open-dm-modal,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] #btn-open-group-modal {
        width: 100% !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 14px !important;
        border-radius: 14px !important;
        font-size: 1rem !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-header .btn-focus-mode {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] #chat-messages {
        padding-top: 0 !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-inbox {
        margin-top: 0 !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-sidebar {
        height: 600px !important;
        max-height: 600px !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-head {
        flex: 0 0 auto !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-list {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 2px !important;
        padding-bottom: 8px !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 480px) {
    .academy-home-title {
        font-size: 1.28rem;
    }

    .academy-home-stat-value {
        font-size: 1.45rem;
    }

    .academy-home-stat-card,
    .academy-home-panel,
    .academy-feed-composer-card,
    .academy-feed-card {
        border-radius: 14px;
        padding: 14px;
    }
}
/* ==========================================
   MOBILE UI CLEANUP HOTFIX
   Append at the very end
   ========================================== */

.video-container,
.play-btn,
.intro-video {
    display: none !important;
}
/* ==========================================
   FINAL RESPONSIVE SHELL AUTHORITY
   swipeable universe hub + desktop user strip
   ========================================== */

body[data-yh-view="hub"] #academy-wrapper,
body[data-yh-view="hub"] #view-plazas,
body[data-yh-view="hub"] #view-federation {
    display: none !important;
}

body[data-yh-view="academy"] #universe-hub-view,
body[data-yh-view="plazas"] #universe-hub-view {
    display: none !important;
}

body.academy-launcher-open {
    overflow: hidden;
}

.nav-tabs {
    display: none !important;
}

.desktop-user-strip {
    display: flex;
    align-items: center;
    min-height: 64px;
    background:
        linear-gradient(180deg, rgba(7, 15, 29, 0.74), rgba(7, 13, 25, 0.46));
    border-bottom: 1px solid rgba(56, 189, 248, 0.10);
    padding: 8px 1.8rem;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.desktop-user-strip-inner {
    width: 100%;
    min-height: 46px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.desktop-user-strip-left,
.desktop-user-strip-right,
.desktop-user-profile-cluster,
.desktop-user-strip .profile-mini {
    min-width: 0;gap:6px !important;}

.desktop-user-strip-left {
    display: flex;
    align-items: center;
    align-self: center;
    min-width: 0;
    min-height: 46px;
}

.desktop-user-strip-right {
    display: inline-flex;
    align-items: center;
    align-self: center;
    justify-content: flex-end;gap:6px !important;
    min-width: 0;
    min-height: 46px;
}

.desktop-user-profile-cluster {
    display: inline-flex;
    align-items: center;
    align-self: center;
    gap: 10px;
    min-height: 46px;
}

.yh-resources-menu {
    position: relative;
    z-index: 120;
    display: inline-flex;
    align-items: center;
    align-self: center;
    isolation: isolate;
}

.yh-resources-menu.yh-resources-menu-open {
    z-index: 26000;
}
.yh-resources-menu-btn {
    width: auto !important;
    min-height: 44px;
    height: 44px;
    padding: 0 17px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 10px;
    border-color: rgba(56, 189, 248, 0.34) !important;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.10), rgba(14, 165, 233, 0.035)) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
    white-space: nowrap;
    line-height: 1;
}

.yh-resources-menu-icon {
    font-size: 1.03rem;
    line-height: 1;
}

.yh-resources-menu-btn .yh-resources-menu-label {
    align-items: center;
    line-height: 1;
}

.yh-resources-menu-btn .yh-resources-menu-label-desktop {
    display: inline-flex !important;
}

.yh-resources-menu-btn .yh-resources-menu-label-mobile {
    display: none !important;
}

@media (max-width: 768px) {
    .yh-resources-menu-btn .yh-resources-menu-label-desktop {
        display: none !important;
    }

    .yh-resources-menu-btn .yh-resources-menu-label-mobile {
        display: inline-flex !important;
    }
}

.yh-resources-menu-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    width: min(340px, calc(100vw - 28px));
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    padding: 17px;
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(6, 14, 28, 0.992);
    box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.72),
        0 0 0 1px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    display: none;
    gap: 10px;
    z-index: 2147483001 !important;
    pointer-events: auto;
    isolation: isolate;
}

.yh-resources-menu-panel.show {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147483001 !important;
}
body.yh-resources-menu-open .desktop-user-strip {
    position: relative;
    z-index: 32000 !important;
    overflow: visible !important;
    isolation: isolate;
}

body.yh-resources-menu-open .desktop-user-strip-inner,
body.yh-resources-menu-open .desktop-user-strip-right,
body.yh-resources-menu-open .yh-resources-menu {
    overflow: visible !important;
    z-index: 32000 !important;gap:6px !important;}

body.yh-resources-menu-open .yh-resources-menu-panel {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 32001 !important;
    pointer-events: auto !important;
}

body.yh-resources-menu-open .dashboard-core,
body.yh-resources-menu-open .academy-main-content,
body.yh-resources-menu-open #academy-feed-view,
body.yh-resources-menu-open .academy-feed-layout,
body.yh-resources-menu-open .academy-feed-main,
body.yh-resources-menu-open .academy-feed-right-rail,
body.yh-resources-menu-open .academy-feed-card,
body.yh-resources-menu-open .academy-feed-composer {
    z-index: auto !important;
}

body.yh-resources-menu-open::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: none;
    background: rgba(2, 6, 23, 0.08);
}
.yh-resources-menu-panel-head {
    display: grid;
    gap: 4px;
    margin-bottom: 4px;
}

.yh-resources-menu-kicker {
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--neon-blue);
}

.yh-resources-menu-title {
    margin: 0;
    font-size: 1rem;
    color: #fff;
    line-height: 1.2;
}

.yh-resources-menu-list {
    display: grid;
    gap: 10px;
}

.yh-resource-mini-card {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.03);
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.yh-resource-mini-card:hover {
    transform: translateY(-2px);
    border-color: rgba(56, 189, 248, 0.34);
    background: rgba(56, 189, 248, 0.06);
}

.yh-resource-mini-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.yh-resource-mini-logo {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    flex-shrink: 0;
}

.yh-resource-mini-eyebrow {
    font-size: 0.91rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--text-muted);
}

.yh-resource-mini-name {
    font-size: 1.03rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
}

.yh-resource-mini-copy {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--text-muted);
}

.yh-featured-rail,
.yh-featured-sites-mobile {
    display: none !important;
}
.universe-hub-view {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 14%, rgba(56, 189, 248, 0.12), transparent 26%),
        radial-gradient(circle at 84% 10%, rgba(59, 130, 246, 0.10), transparent 24%),
        radial-gradient(circle at 50% 76%, rgba(14, 165, 233, 0.08), transparent 28%),
        linear-gradient(180deg, #040816 0%, #07111f 52%, #020617 100%);
}

.universe-hub-view::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.52;
    background:
        radial-gradient(circle at 6% 12%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.6px),
        radial-gradient(circle at 12% 24%, rgba(125, 211, 252, 0.90) 0 1.2px, transparent 1.8px),
        radial-gradient(circle at 18% 68%, rgba(255,255,255,0.82) 0 1px, transparent 1.6px),
        radial-gradient(circle at 24% 36%, rgba(186, 230, 253, 0.88) 0 1.15px, transparent 1.7px),
        radial-gradient(circle at 31% 16%, rgba(255,255,255,0.70) 0 0.95px, transparent 1.5px),
        radial-gradient(circle at 37% 56%, rgba(125, 211, 252, 0.78) 0 1.15px, transparent 1.7px),
        radial-gradient(circle at 44% 28%, rgba(255,255,255,0.86) 0 1px, transparent 1.5px),
        radial-gradient(circle at 51% 74%, rgba(186, 230, 253, 0.78) 0 1.1px, transparent 1.7px),
        radial-gradient(circle at 58% 18%, rgba(255,255,255,0.80) 0 1.05px, transparent 1.6px),
        radial-gradient(circle at 66% 46%, rgba(125, 211, 252, 0.74) 0 1.15px, transparent 1.75px),
        radial-gradient(circle at 72% 24%, rgba(255,255,255,0.84) 0 1px, transparent 1.55px),
        radial-gradient(circle at 79% 58%, rgba(186, 230, 253, 0.76) 0 1.15px, transparent 1.75px),
        radial-gradient(circle at 86% 16%, rgba(255,255,255,0.72) 0 1px, transparent 1.55px),
        radial-gradient(circle at 91% 34%, rgba(125, 211, 252, 0.76) 0 1.1px, transparent 1.7px),
        radial-gradient(circle at 95% 72%, rgba(255,255,255,0.84) 0 1px, transparent 1.55px);
}

.universe-hub-view::after {
    content: "";
    position: absolute;
    top: 120px;
    right: -180px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.78;
    background:
        radial-gradient(circle at 35% 35%, rgba(125, 211, 252, 0.22), rgba(59, 130, 246, 0.14) 26%, rgba(14, 165, 233, 0.08) 48%, rgba(2, 6, 23, 0) 72%);
    filter: blur(12px);
    box-shadow:
        inset -40px -60px 120px rgba(2, 6, 23, 0.18),
        0 0 120px rgba(56, 189, 248, 0.08);
}

.yh-universe-carousel-shell {
    position: relative;
    width: 100%;
    max-width: 1040px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 10px;
}

.yh-universe-carousel-shell::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 260px;
    border-radius: 32px;
    background:
        radial-gradient(circle at center, rgba(56, 189, 248, 0.12), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 72%);
    filter: blur(18px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.92;
}

.yh-universe-carousel-shell::after {
    content: "";
    position: absolute;
    inset: 22px 28px auto 28px;
    height: 340px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.34;
    border-radius: 28px;
    background:
        linear-gradient(rgba(56, 189, 248, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.09) 1px, transparent 1px),
        radial-gradient(circle at 8% 18%, rgba(125, 211, 252, 0.22) 0 1.2px, transparent 1.9px),
        radial-gradient(circle at 18% 36%, rgba(255, 255, 255, 0.22) 0 1.15px, transparent 1.8px),
        radial-gradient(circle at 29% 22%, rgba(125, 211, 252, 0.22) 0 1.15px, transparent 1.8px),
        radial-gradient(circle at 42% 40%, rgba(255, 255, 255, 0.22) 0 1.05px, transparent 1.7px),
        radial-gradient(circle at 56% 20%, rgba(186, 230, 253, 0.22) 0 1.15px, transparent 1.8px),
        radial-gradient(circle at 68% 34%, rgba(125, 211, 252, 0.22) 0 1.15px, transparent 1.8px),
        radial-gradient(circle at 81% 18%, rgba(255, 255, 255, 0.22) 0 1.05px, transparent 1.7px),
        linear-gradient(115deg, transparent 0 17.8%, rgba(56, 189, 248, 0.12) 17.8% 18.05%, transparent 18.05% 100%),
        linear-gradient(112deg, transparent 0 28.4%, rgba(56, 189, 248, 0.10) 28.4% 28.65%, transparent 28.65% 100%),
        linear-gradient(120deg, transparent 0 41.5%, rgba(56, 189, 248, 0.09) 41.5% 41.75%, transparent 41.75% 100%),
        linear-gradient(118deg, transparent 0 55.5%, rgba(56, 189, 248, 0.10) 55.5% 55.75%, transparent 55.75% 100%),
        linear-gradient(112deg, transparent 0 67.8%, rgba(56, 189, 248, 0.08) 67.8% 68.05%, transparent 68.05% 100%);
    background-size:
        56px 56px,
        56px 56px,
        auto,
        auto,
        auto,
        auto,
        auto,
        auto,
        auto,
        auto,
        auto,
        auto,
        auto,
        auto;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.95), rgba(0,0,0,0.35) 72%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.95), rgba(0,0,0,0.35) 72%, transparent 100%);
}

.yh-universe-carousel-shell > * {
    position: relative;
    z-index: 1;
}

.yh-universe-stage-nav {
    position: relative;
    width: 100%;
    max-width: 1040px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.yh-universe-stage-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.yh-universe-carousel-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.yh-universe-side-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
    height: 58px;
    border: 1px solid rgba(56, 189, 248, 0.20);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018)),
        rgba(7, 15, 30, 0.26);
    color: #d9f4ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 30;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.05);
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, opacity 0.22s ease, box-shadow 0.22s ease;
}

body.yh-notifications-open .yh-universe-side-nav,
body.yh-resources-menu-open .yh-universe-side-nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-50%) scale(0.88);
}

.yh-universe-side-nav:hover {
    transform: translateY(-50%) scale(1.05);
    border-color: rgba(56, 189, 248, 0.42);
    background:
        linear-gradient(180deg, rgba(14, 165, 233, 0.13), rgba(255,255,255,0.02)),
        rgba(8, 18, 34, 0.26);
    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.38),
        0 0 28px rgba(14, 165, 233, 0.12);
}

.yh-universe-side-nav span {
    font-size: 2rem;
    line-height: 1;
    font-weight: 800;
    pointer-events: none;
}

.yh-universe-side-nav-prev {
    left: -84px;
}

.yh-universe-side-nav-next {
    right: -84px;
}

.yh-universe-intro {
    text-align: center;
    margin-bottom: 0;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.yh-universe-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border: 1px solid rgba(14, 165, 233, 0.28);
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.08);
    color: var(--neon-blue);
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.yh-universe-title {
    font-size: clamp(2.3rem, 4vw, 3.2rem) !important;
    line-height: 1.02 !important;
    margin-bottom: 0 !important;
    letter-spacing: 0.04em;
    text-shadow: 0 12px 35px rgba(14, 165, 233, 0.12);
}

.yh-universe-intro-copy {
    margin: 12px auto 0;
    max-width: 650px;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1.03rem;
    line-height: 1.68;
}

.yh-universe-command-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 1fr);
    gap: 16px;
    padding: 20px 22px;
    border-radius: 26px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
        rgba(7, 16, 31, 0.26);
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.yh-universe-command-hero::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    left: -180px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.38;
    background:
        radial-gradient(circle, transparent 42%, rgba(56, 189, 248, 0.18) 42.6%, transparent 43.4%),
        radial-gradient(circle, transparent 56%, rgba(56, 189, 248, 0.12) 56.6%, transparent 57.3%),
        radial-gradient(circle, transparent 70%, rgba(125, 211, 252, 0.10) 70.6%, transparent 71.3%);
    filter: blur(0.2px);
}

.yh-universe-command-hero::after {
    content: "";
    position: absolute;
    inset: auto auto -120px -80px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.24;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.28), rgba(14, 165, 233, 0.12) 42%, rgba(2, 6, 23, 0) 72%);
    filter: blur(16px);
}

.yh-universe-command-hero > * {
    position: relative;
    z-index: 1;
}

.yh-universe-command-hero-main {
    min-width: 0;
}

.yh-universe-command-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.10);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: #d9f4ff;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yh-universe-command-title {
    margin: 12px 0 8px;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    line-height: 1.2;
    color: #f8fbff;
}

.yh-universe-command-copy {
    margin: 0;
    color: #a9b7c9;
    font-size: 1.03rem;
    line-height: 1.65;
    max-width: 620px;
}

.yh-universe-command-pill-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-content: center;
}

.yh-universe-command-pill {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 15px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02)),
        rgba(10, 19, 35, 0.78);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.yh-universe-command-pill-label {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7dd3fc;
}

.yh-universe-command-pill strong {
    color: #f8fbff;
    font-size: 1.03rem;
    line-height: 1.3;
}

@media (max-width: 980px) {
    .yh-universe-command-hero {
        grid-template-columns: 1fr;
    }

    .yh-universe-command-pill-row {
        grid-template-columns: 1fr;
    }

    .universe-hub-view::after {
        right: -240px;
        top: 180px;
        width: 420px;
        height: 420px;
        opacity: 0.58;
    }

    .yh-universe-carousel-shell::after {
        inset: 16px 14px auto 14px;
        height: 280px;
        opacity: 0.24;
    }

    .yh-universe-command-hero::before {
        width: 420px;
        height: 420px;
        left: -170px;
        opacity: 0.28;
    }
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-carousel {
    width: 100%;
    overflow: hidden;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-track {
    display: flex;
    width: 100%;
    transition: transform 0.35s ease;
    will-change: transform;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-track.no-transition {
    transition: none !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide {
    flex: 0 0 100%;
    min-width: 100%;
    padding: 2px;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px 16px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(96, 165, 250, 0.16);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.016)),
        rgba(7, 17, 33, 0.28);
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 42%);
    pointer-events: none;
    z-index: -1;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card > * {
    position: relative;
    z-index: 1;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-card-core {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-icon {
    font-size: 2.5rem !important;
    margin-bottom: 2px !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-icon--image {
    width: clamp(104px, 20vw, 128px);
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 4px !important;
    text-shadow: none !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-icon-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 10px 24px rgba(10, 18, 40, 0.34));
    user-select: none;
    pointer-events: none;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-title {
    font-size: 1.55rem !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-desc {
    font-size: 1.03rem !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .btn-primary,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .btn-secondary {
    min-height: 46px;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card {
    border-color: rgba(56, 189, 248, 0.26);
    box-shadow:
        0 24px 56px rgba(0, 0, 0, 0.36),
        0 0 0 1px rgba(56, 189, 248, 0.05),
        0 0 34px rgba(14, 165, 233, 0.08);
}

.yh-universe-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.yh-universe-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
}

.yh-universe-meta-copy {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.4;
}

.yh-universe-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

.yh-universe-dot {
    width: 9px;
    height: 9px;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    cursor: pointer;
    transition: all 0.25s ease;
}

.yh-universe-dot.active {
    width: 26px;
    background: var(--neon-blue);
    box-shadow: 0 0 16px var(--neon-glow);
}

.yh-universe-feature-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 18px 19px;
    border-radius: 20px;
    border: 1px solid rgba(14, 165, 233, 0.16);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
        rgba(8, 18, 34, 0.28);
    box-shadow:
        0 18px 44px rgba(0,0,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.yh-universe-feature-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%),
        radial-gradient(circle at 18% 82%, rgba(125, 211, 252, 0.06), transparent 24%);
    pointer-events: none;
}

.yh-universe-feature-panel--side {
    width: 100%;
    height: fit-content;
    align-self: stretch;
}

.yh-universe-feature-kicker {
    color: var(--neon-blue);
    font-size: 0.91rem;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    font-weight: 700;
}

.yh-universe-feature-title {
    margin: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.22;
}

.yh-universe-feature-desc {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.42;
}

.yh-universe-feature-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.yh-universe-feature-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.1);
    border: 1px solid rgba(14, 165, 233, 0.18);
    color: #d9f3ff;
    font-size: 0.95rem;
    line-height: 1;
}

@media (min-width: 1181px) {
    .yh-universe-carousel-shell {
        max-width: 1340px;
    }

    .yh-universe-stage-nav {
        max-width: 1340px;
    }

    .yh-universe-stage-body {
        display: grid;
        grid-template-columns: 292px minmax(0, 1fr) 292px;
        align-items: start;
        gap: 16px;
    }

    .yh-universe-progress-rail {
        grid-column: 1;
        width: 292px;
        min-width: 292px;
        max-width: 292px;
        flex: 0 0 292px;
        align-self: start;
    }

    .yh-universe-progress-card {
        height: auto;
    }

    .yh-universe-carousel-column {
        grid-column: 2;
        min-width: 0;
    }

    .yh-universe-feature-panel--side {
        grid-column: 3;
        width: 100%;
        margin-top: 1px;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card {
        padding: 14px 16px 12px !important;
        gap: 10px;
        border-radius: 17px !important;
    }

    .yh-universe-meta {
        gap: 8px;
        margin-bottom: 0;
    }

    .yh-universe-meta-copy {
        font-size: 1rem;
        line-height: 1.32;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-title {
        font-size: 1.42rem !important;
        margin-bottom: 0 !important;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-desc {
        font-size: 1rem !important;
        line-height: 1.42 !important;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-icon--image {
        width: clamp(96px, 16vw, 118px);
        margin: 0 auto 2px !important;
    }

    .yh-universe-academy-strip,
    .yh-universe-federation-strip {
        margin-top: -80px;
        padding-top: 0;
    }

    .yh-universe-academy-strip-head {
        margin-bottom: 2px;
    }

    .yh-universe-academy-strip-copy {
    margin: 0;
    max-width: 420px;
    text-align: right;
}
}

.yh-universe-academy-strip {
    --lower-accent-rgb: 56, 189, 248;
    --lower-secondary-rgb: 125, 211, 252;
    --lower-warm-rgb: 255, 255, 255;
    position: relative;
    display: none;
    width: 100%;
    margin-top: 12px;
    padding: 18px 18px 16px;
    border-radius: 26px;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.01)),
        rgba(7, 16, 31, 0.72);
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.04);
    overflow: hidden;
    isolation: isolate;
}

.yh-universe-academy-strip.is-active {
    display: block;
}

.yh-universe-academy-strip.is-active:hover {
    border-color: rgba(var(--lower-accent-rgb), 0.22);
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.28),
        0 0 34px rgba(var(--lower-accent-rgb), 0.06),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

.yh-universe-academy-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
    background:
        radial-gradient(circle at 8% 18%, rgba(255,255,255,0.90) 0 1px, transparent 1.7px),
        radial-gradient(circle at 18% 32%, rgba(125, 211, 252, 0.85) 0 1.15px, transparent 1.85px),
        radial-gradient(circle at 29% 20%, rgba(255,255,255,0.68) 0 1px, transparent 1.7px),
        radial-gradient(circle at 44% 14%, rgba(125, 211, 252, 0.74) 0 1.1px, transparent 1.8px),
        radial-gradient(circle at 58% 24%, rgba(255,255,255,0.58) 0 1px, transparent 1.7px),
        radial-gradient(circle at 72% 16%, rgba(186, 230, 253, 0.80) 0 1.15px, transparent 1.85px),
        radial-gradient(circle at 86% 28%, rgba(255,255,255,0.66) 0 1px, transparent 1.7px),
        linear-gradient(105deg, transparent 0 25%, rgba(56, 189, 248, 0.08) 25.2% 25.45%, transparent 25.45% 100%),
        linear-gradient(113deg, transparent 0 44%, rgba(56, 189, 248, 0.06) 44.2% 44.45%, transparent 44.45% 100%),
        linear-gradient(111deg, transparent 0 67%, rgba(56, 189, 248, 0.06) 67.2% 67.45%, transparent 67.45% 100%);
    transform: translate3d(0, 0, 0);
    animation: yhLowerStripStarsDrift 14s ease-in-out infinite alternate;
}

.yh-universe-academy-strip::after {
    content: "";
    position: absolute;
    right: -130px;
    bottom: -170px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.28;
    background:
        radial-gradient(circle, transparent 48%, rgba(56, 189, 248, 0.14) 48.8%, transparent 49.8%),
        radial-gradient(circle, transparent 63%, rgba(56, 189, 248, 0.09) 63.8%, transparent 64.8%),
        radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.12), rgba(2, 6, 23, 0) 68%);
    filter: blur(0.2px);
    transform-origin: center;
    animation: yhLowerStripOrbitalPulse 10s ease-in-out infinite;
}

.yh-universe-academy-strip > *:not(.yh-lower-premium-decor) {
    position: relative;
    z-index: 2;
}

.yh-lower-premium-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    border-radius: inherit;
}

.yh-lower-premium-orbit {
    position: absolute;
    right: -92px;
    bottom: -118px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    opacity: 0.24;
    background:
        radial-gradient(circle, transparent 46%, rgba(var(--lower-accent-rgb), 0.18) 46.6%, transparent 47.3%),
        radial-gradient(circle, transparent 60%, rgba(var(--lower-secondary-rgb), 0.12) 60.6%, transparent 61.2%),
        radial-gradient(circle, transparent 74%, rgba(var(--lower-accent-rgb), 0.08) 74.6%, transparent 75.2%);
    filter: blur(0.2px);
    animation: yhLowerPremiumOrbitSpin 18s linear infinite;
}

.yh-lower-premium-meteor {
    position: absolute;
    top: 24px;
    left: -180px;
    width: 150px;
    height: 2px;
    border-radius: 999px;
    opacity: 0;
    transform: rotate(-18deg);
    transform-origin: right center;
    background: linear-gradient(
        90deg,
        rgba(var(--lower-accent-rgb), 0) 0%,
        rgba(var(--lower-accent-rgb), 0.20) 22%,
        rgba(var(--lower-secondary-rgb), 0.76) 58%,
        rgba(255, 255, 255, 0.96) 76%,
        rgba(255, 255, 255, 0) 100%
    );
    box-shadow:
        0 0 12px rgba(var(--lower-accent-rgb), 0.26),
        0 0 28px rgba(var(--lower-accent-rgb), 0.12);
    filter: blur(0.15px);
    animation: yhLowerPremiumMeteorFly 8.5s ease-in-out infinite;
}

.yh-lower-premium-depth {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.26;
    background: radial-gradient(circle, rgba(var(--lower-accent-rgb), 0.26), rgba(var(--lower-accent-rgb), 0.08) 42%, rgba(2, 6, 23, 0) 72%);
    filter: blur(18px);
}

.yh-lower-premium-depth-a {
    left: 8%;
    bottom: -52px;
    width: 180px;
    height: 92px;
    animation: yhLowerPremiumDepthFloatA 12s ease-in-out infinite alternate;
}

.yh-lower-premium-depth-b {
    right: 18%;
    top: 34px;
    width: 132px;
    height: 70px;
    opacity: 0.18;
    animation: yhLowerPremiumDepthFloatB 15s ease-in-out infinite alternate;
}

.yh-universe-academy-strip-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(56, 189, 248, 0.08);
}

.yh-universe-academy-strip-kicker {
    color: var(--neon-blue);
}

.yh-universe-academy-strip-copy {
    margin: 0;
    max-width: 420px;
    color: var(--text-muted);
    text-align: right;
}

.yh-universe-academy-marquee {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    padding: 12px 0;
    border: 1px solid rgba(56, 189, 248, 0.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
        rgba(5, 12, 24, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        inset 0 0 32px rgba(56, 189, 248, 0.04);
    mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.yh-universe-academy-marquee::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: -26px;
    height: 90px;
    border-radius: 999px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.36;
    background: radial-gradient(circle at center, rgba(var(--lower-accent-rgb), 0.24), rgba(var(--lower-secondary-rgb), 0.10) 42%, rgba(2, 6, 23, 0) 74%);
    filter: blur(16px);
    animation: yhLowerPremiumRailGlow 6.8s ease-in-out infinite;
}

.yh-universe-academy-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -14%;
    width: 180px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.16;
    background: linear-gradient(90deg, rgba(56, 189, 248, 0), rgba(56, 189, 248, 0.22), rgba(56, 189, 248, 0));
    filter: blur(14px);
    animation: yhLowerStripBeamSweep 9s ease-in-out infinite;
}

.yh-universe-academy-marquee-track {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: max-content;
    will-change: transform;
    animation: yhAcademyMarqueeScroll 24s linear infinite;
}

.yh-universe-academy-marquee:hover .yh-universe-academy-marquee-track,
.yh-universe-academy-marquee:focus-within .yh-universe-academy-marquee-track {
    animation-play-state: paused;
}

.yh-universe-academy-marquee-group {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    padding-right: 14px;
}

.yh-universe-academy-marquee-card {
    position: relative;
    width: clamp(180px, 15vw, 236px);
    aspect-ratio: 16 / 10;
    flex: 0 0 auto;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(56, 189, 248, 0.16);
    background: rgba(255, 255, 255, 0.04);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255,255,255,0.05);
    cursor: zoom-in;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
    outline: none;
}.yh-universe-academy-marquee-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 34%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0), rgba(2, 6, 23, 0.24));
}

.yh-universe-academy-marquee-card::before {
    content: "";
    position: absolute;
    top: -18%;
    bottom: -18%;
    left: -42%;
    width: 34%;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.16), rgba(255,255,255,0));
    transform: rotate(12deg);
    filter: blur(6px);
    animation: yhLowerStripCardShimmer 7.8s ease-in-out infinite;
}

.yh-universe-academy-marquee-card:hover,
.yh-universe-academy-marquee-card:focus-visible {
    transform: translateY(-6px) scale(1.012);
    border-color: rgba(var(--lower-accent-rgb), 0.42);
    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(var(--lower-accent-rgb), 0.20),
        0 0 28px rgba(var(--lower-accent-rgb), 0.10),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

.yh-universe-academy-marquee-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
    transform: scale(1.01);
}

#yh-universe-federation-strip {
    --lower-accent-rgb: 56, 189, 248;
    --lower-secondary-rgb: 250, 204, 21;
    --lower-warm-rgb: 250, 204, 21;
    border-color: rgba(56, 189, 248, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
        rgba(10, 12, 28, 0.74);
}

#yh-universe-federation-strip::before {
    background:
        radial-gradient(circle at 8% 18%, rgba(255,255,255,0.90) 0 1px, transparent 1.7px),
        radial-gradient(circle at 18% 32%, rgba(196, 181, 253, 0.78) 0 1.15px, transparent 1.85px),
        radial-gradient(circle at 29% 20%, rgba(255,255,255,0.68) 0 1px, transparent 1.7px),
        radial-gradient(circle at 44% 14%, rgba(250, 204, 21, 0.52) 0 1.1px, transparent 1.8px),
        radial-gradient(circle at 58% 24%, rgba(255,255,255,0.58) 0 1px, transparent 1.7px),
        radial-gradient(circle at 72% 16%, rgba(192, 132, 252, 0.62) 0 1.15px, transparent 1.85px),
        radial-gradient(circle at 86% 28%, rgba(255,255,255,0.66) 0 1px, transparent 1.7px),
        linear-gradient(105deg, transparent 0 25%, rgba(56, 189, 248, 0.08) 25.2% 25.45%, transparent 25.45% 100%),
        linear-gradient(113deg, transparent 0 44%, rgba(250, 204, 21, 0.06) 44.2% 44.45%, transparent 44.45% 100%),
        linear-gradient(111deg, transparent 0 67%, rgba(56, 189, 248, 0.06) 67.2% 67.45%, transparent 67.45% 100%);
}

#yh-universe-federation-strip::after {
    background:
        radial-gradient(circle, transparent 48%, rgba(56, 189, 248, 0.14) 48.8%, transparent 49.8%),
        radial-gradient(circle, transparent 63%, rgba(250, 204, 21, 0.08) 63.8%, transparent 64.8%),
        radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.12), rgba(2, 6, 23, 0) 68%);
}

#yh-universe-federation-strip .yh-universe-academy-strip-kicker {
    color: #c4b5fd;
}

#yh-universe-plaza-strip {
    --lower-accent-rgb: 45, 212, 191;
    --lower-secondary-rgb: 52, 211, 153;
    --lower-warm-rgb: 153, 246, 228;
    border-color: rgba(45, 212, 191, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
        rgba(6, 18, 24, 0.72);
}

#yh-universe-plaza-strip::before {
    background:
        radial-gradient(circle at 8% 18%, rgba(255,255,255,0.90) 0 1px, transparent 1.7px),
        radial-gradient(circle at 18% 32%, rgba(45, 212, 191, 0.78) 0 1.15px, transparent 1.85px),
        radial-gradient(circle at 29% 20%, rgba(255,255,255,0.68) 0 1px, transparent 1.7px),
        radial-gradient(circle at 44% 14%, rgba(52, 211, 153, 0.58) 0 1.1px, transparent 1.8px),
        radial-gradient(circle at 58% 24%, rgba(255,255,255,0.58) 0 1px, transparent 1.7px),
        radial-gradient(circle at 72% 16%, rgba(153, 246, 228, 0.62) 0 1.15px, transparent 1.85px),
        radial-gradient(circle at 86% 28%, rgba(255,255,255,0.66) 0 1px, transparent 1.7px),
        linear-gradient(105deg, transparent 0 25%, rgba(45, 212, 191, 0.08) 25.2% 25.45%, transparent 25.45% 100%),
        linear-gradient(113deg, transparent 0 44%, rgba(52, 211, 153, 0.06) 44.2% 44.45%, transparent 44.45% 100%),
        linear-gradient(111deg, transparent 0 67%, rgba(45, 212, 191, 0.06) 67.2% 67.45%, transparent 67.45% 100%);
}

#yh-universe-plaza-strip::after {
    background:
        radial-gradient(circle, transparent 48%, rgba(45, 212, 191, 0.14) 48.8%, transparent 49.8%),
        radial-gradient(circle, transparent 63%, rgba(52, 211, 153, 0.08) 63.8%, transparent 64.8%),
        radial-gradient(circle at 50% 50%, rgba(45, 212, 191, 0.12), rgba(2, 6, 23, 0) 68%);
}

#yh-universe-plaza-strip .yh-universe-academy-strip-kicker {
    color: #7dd3c7;
}

@keyframes yhAcademyMarqueeScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-50% - 7px));
    }
}

@keyframes yhLowerStripStarsDrift {
    0% {
        opacity: 0.42;
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        opacity: 0.58;
        transform: translate3d(4px, -2px, 0) scale(1.01);
    }
    100% {
        opacity: 0.48;
        transform: translate3d(-4px, 3px, 0) scale(1.015);
    }
}

@keyframes yhLowerStripOrbitalPulse {
    0% {
        opacity: 0.22;
        transform: scale(0.98) rotate(0deg);
    }
    50% {
        opacity: 0.34;
        transform: scale(1.02) rotate(6deg);
    }
    100% {
        opacity: 0.22;
        transform: scale(0.985) rotate(0deg);
    }
}

@keyframes yhLowerStripBeamSweep {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    12% {
        opacity: 0.16;
    }
    50% {
        opacity: 0.22;
        transform: translateX(540px);
    }
    88% {
        opacity: 0.12;
    }
    100% {
        opacity: 0;
        transform: translateX(980px);
    }
}

@keyframes yhLowerStripCardShimmer {
    0%,
    82%,
    100% {
        opacity: 0;
        transform: translateX(0) rotate(12deg);
    }
    88% {
        opacity: 0.14;
    }
    96% {
        opacity: 0.18;
        transform: translateX(210px) rotate(12deg);
    }
}

@keyframes yhLowerPremiumMeteorFly {
    0%,
    62%,
    100% {
        opacity: 0;
        transform: rotate(-18deg) translate3d(0, 0, 0) scaleX(0.88);
    }
    69% {
        opacity: 0.95;
    }
    86% {
        opacity: 0.62;
        transform: rotate(-18deg) translate3d(1180px, 176px, 0) scaleX(1.08);
    }
}

@keyframes yhLowerPremiumOrbitSpin {
    0% {
        transform: rotate(0deg) scale(0.98);
        opacity: 0.18;
    }
    50% {
        transform: rotate(180deg) scale(1.025);
        opacity: 0.28;
    }
    100% {
        transform: rotate(360deg) scale(0.98);
        opacity: 0.18;
    }
}

@keyframes yhLowerPremiumDepthFloatA {
    0% {
        transform: translate3d(0, 0, 0) scale(0.98);
        opacity: 0.18;
    }
    100% {
        transform: translate3d(34px, -10px, 0) scale(1.08);
        opacity: 0.30;
    }
}

@keyframes yhLowerPremiumDepthFloatB {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.12;
    }
    100% {
        transform: translate3d(-28px, 8px, 0) scale(1.08);
        opacity: 0.22;
    }
}

@keyframes yhLowerPremiumRailGlow {
    0%,
    100% {
        opacity: 0.24;
        transform: translate3d(-10px, 0, 0) scaleX(0.96);
    }
    50% {
        opacity: 0.42;
        transform: translate3d(10px, -2px, 0) scaleX(1.04);
    }
}

@media (max-width: 1180px) {
    .yh-universe-academy-strip {
        margin-top: 16px;
        padding: 16px 16px 14px;
    }

    .yh-universe-academy-strip-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .yh-universe-academy-strip::after {
        right: -170px;
        bottom: -210px;
        width: 340px;
        height: 340px;
        opacity: 0.22;
    }

    .yh-lower-premium-orbit {
        right: -130px;
        bottom: -150px;
        width: 240px;
        height: 240px;
        opacity: 0.18;
    }

    .yh-lower-premium-meteor {
        width: 120px;
        animation-duration: 10s;
    }

    .yh-lower-premium-depth-a {
        width: 140px;
        height: 70px;
        opacity: 0.18;
    }

    .yh-lower-premium-depth-b {
        display: none;
    }

    .yh-universe-academy-strip-copy {
    text-align: left;
}

    .yh-universe-academy-marquee-track {
        animation-duration: 20s;
    }

    .yh-universe-academy-marquee-card {
        width: clamp(160px, 42vw, 220px);
    }
}

@media (max-width: 640px) {
    .yh-universe-academy-strip {
        margin-top: 14px;
    }

    .yh-universe-academy-strip-head {
        margin-bottom: 10px;
        gap: 6px;
    }

    .yh-universe-academy-strip-copy {
}

    .yh-universe-academy-marquee-group {
        gap: 10px;
        padding-right: 10px;
    }

    .yh-universe-academy-marquee-track {
        animation-duration: 18s;
    }

    .yh-universe-academy-marquee-card {
        width: 148px;
        border-radius: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yh-universe-academy-strip::before,
    .yh-universe-academy-strip::after,
    .yh-universe-academy-marquee::before,
    .yh-universe-academy-marquee::after,
    .yh-universe-academy-marquee-card::before,
    .yh-universe-academy-marquee-track,
    .yh-lower-premium-orbit,
    .yh-lower-premium-meteor,
    .yh-lower-premium-depth {
        animation: none !important;
        transform: none !important;
    }

    .yh-lower-premium-meteor,
    .yh-lower-premium-depth {
        display: none !important;
    }
}

.yh-universe-image-lightbox {
    z-index: 12050 !important;
    background: rgba(2, 6, 23, 0.82) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    padding: 24px !important;
}

.yh-universe-image-lightbox-dialog {
    position: relative;
    width: min(1100px, calc(100vw - 40px));
    max-height: min(90vh, 900px);
    padding: 18px 18px 14px;
    border-radius: 24px;
    background: rgba(8, 15, 30, 0.34);
    border: 1px solid rgba(56, 189, 248, 0.22);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
}

.yh-universe-image-lightbox-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
}

.yh-universe-image-lightbox-close:hover {
    background: rgba(56, 189, 248, 0.16);
    transform: scale(1.04);
}

.yh-universe-image-lightbox-media-wrap {
    width: 100%;
    min-height: 0;
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
}

.yh-universe-image-lightbox-img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: min(78vh, 820px);
    margin: 0 auto;
    object-fit: contain;
    border-radius: 18px;
    background: #020617;
}

.yh-universe-image-lightbox-caption {
    min-height: 18px;
    color: var(--text-muted);
    font-size: 0.84rem;
    line-height: 1.4;
    text-align: center;
    padding: 0 8px 2px;
}

@media (max-width: 640px) {
    .yh-universe-image-lightbox {
        padding: 14px !important;
    }

    .yh-universe-image-lightbox-dialog {
        width: min(100vw - 20px, 100%);
        padding: 12px 12px 10px;
        border-radius: 18px;
    }

    .yh-universe-image-lightbox-close {
        top: 10px;
        right: 10px;
        width: 38px;
        height: 38px;
    }

    .yh-universe-image-lightbox-img {
        max-height: 72vh;
        border-radius: 14px;
    }

    .yh-universe-image-lightbox-caption {
        font-size: 0.78rem;
    }
}

#academy-wrapper {
    display: none;
}

#academy-apply-modal.hidden-step {
    display: none !important;
}

#academy-apply-modal:not(.hidden-step) {
    display: flex !important;
}

@media (min-width: 1025px) {
    body[data-yh-view="academy"] .yh-top-nav {
        height: 64px !important;
        min-height: 64px !important;
        padding: 0 24px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
    }

    body[data-yh-view="academy"] .nav-brand,
    body[data-yh-view="academy"] .nav-actions {
        width: auto !important;
    }

    body[data-yh-view="academy"] .nav-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        height: 100% !important;
    }

    body[data-yh-view="academy"] .nav-brand img {
        width: 30px !important;
        height: 30px !important;
    }

    body[data-yh-view="academy"] .nav-brand span {
        font-size: 1.12rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.05em !important;
    }

    body[data-yh-view="academy"] .nav-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        height: 100% !important;
    }

    body[data-yh-view="academy"] .btn-logout {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        padding: 12px 16px !important;
    }

    body[data-yh-view="academy"] .dashboard-core {
        display: flex !important;
        flex-direction: row !important;
        min-height: calc(100dvh - 108px) !important;
    }

    body[data-yh-view="academy"] .yh-sidebar {
        display: flex !important;
        width: 280px !important;
        max-width: 280px !important;
        border-right: 1px solid var(--glass-border) !important;
        border-bottom: none !important;
        padding: 0 !important;
    }

    body[data-yh-view="academy"] .yh-right-sidebar {
        display: flex !important;
        width: 260px !important;
    }

    body[data-yh-view="academy"] .channel-search-container,
    body[data-yh-view="academy"] .support-section {
        display: block !important;
    }

    body[data-yh-view="academy"] .channel-list {
        display: block !important;
    }

    body[data-yh-view="academy"] .chat-header {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 24px !important;
        min-height: 65px !important;
    }

    body[data-yh-view="academy"] .header-left,
    body[data-yh-view="academy"] .header-right {
        width: auto !important;
    }
}

/* ========================================================= */
/* ACADEMY DESKTOP CENTER-SCROLL OVERRIDE                    */
/* ========================================================= */
@media (min-width: 769px) {
    body[data-yh-view="academy"] {
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] .dashboard-layout {
        min-height: 100dvh !important;
        height: 100dvh !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-wrapper,
    body[data-yh-view="academy"] .dashboard-core {
        min-height: 0 !important;
        overflow: hidden !important;
        align-items: stretch !important;
    }

    body[data-yh-view="academy"] #academy-sidebar {
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-sidebar .channel-content {
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    body[data-yh-view="academy"] .yh-right-sidebar {
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    body[data-yh-view="academy"] .yh-main-chat,
    body[data-yh-view="academy"] #academy-chat,
    body[data-yh-view="academy"] #academy-feed-view,
    body[data-yh-view="academy"] #academy-profile-view,
    body[data-yh-view="academy"] #voice-lobby-view,
    body[data-yh-view="academy"] #video-lobby-view,
    body[data-yh-view="academy"] #center-stage-view {
        min-height: 0 !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    /* Roadmap + Community Feed */
    body[data-yh-view="academy"] #academy-chat .chat-messages,
    body[data-yh-view="academy"] #academy-feed-view .chat-messages {
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
    }

    /* Messages stays inside center shell */
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .chat-messages,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .chat-messages {
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-inbox,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .academy-messages-inbox,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-sidebar,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-sidebar,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-thread-shell,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell {
        min-height: 0 !important;
        height: 100% !important;
    }

    /* Profile / visited profile */
    body[data-yh-view="academy"] #academy-profile-view {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
    }

    /* Voice / live stage */
    body[data-yh-view="academy"] #voice-lobby-view .lounge-container,
    body[data-yh-view="academy"] #video-lobby-view .lounge-container,
    body[data-yh-view="academy"] #center-stage-view .stage-layout-wrapper {
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
    }
}

@media (max-width: 768px) {
    body[data-yh-view="academy"] {
        overflow-y: auto !important;
    }

    body[data-yh-view="academy"] .dashboard-layout,
    body[data-yh-view="academy"] .dashboard-core,
    body[data-yh-view="academy"] .yh-main-chat,
    body[data-yh-view="academy"] #academy-chat,
    body[data-yh-view="academy"] #academy-feed-view,
    body[data-yh-view="academy"] #academy-profile-view,
    body[data-yh-view="academy"] #voice-lobby-view,
    body[data-yh-view="academy"] #video-lobby-view,
    body[data-yh-view="academy"] #center-stage-view {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }
}
.academy-feed-composer-head {
    display: none !important;
}

.academy-feed-composer-textarea {
    min-height: 44px !important;
    max-height: 96px !important;
}

.academy-feed-composer-facebook {
    padding: 12px !important;
    border-radius: 18px !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.academy-feed-composer-top {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.academy-feed-composer-avatar {
    flex-shrink: 0;
    width: 42px !important;
    height: 42px !important;
    font-size: 1rem !important;
}

.academy-feed-facebook-textarea {
    flex: 1;
    min-height: 46px !important;
    max-height: 92px !important;
    resize: none !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    line-height: 1.35 !important;
}

.academy-feed-composer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 0;
}

.academy-feed-gallery-btn {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(14,165,233,0.28);
    background: rgba(255,255,255,0.04);
    color: var(--neon-blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.1rem;
    transition: 0.2s ease;
}

.academy-feed-gallery-btn:hover {
    background: rgba(14,165,233,0.12);
    transform: translateY(-1px);
}

.academy-feed-post-submit-btn {
    width: auto !important;
    min-width: 118px;
    padding: 13px 20px !important;
    border-radius: 999px !important;
}

.academy-feed-image-preview-wrap {
    border-radius: 14px;
    overflow: hidden;
    margin-top: 2px;
}

.academy-feed-image-preview {
    width: 100%;
    max-width: 100%;
    max-height: 240px;
    object-fit: cover;
    display: block;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.08);
}

.academy-feed-post-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: center !important;
}

.academy-feed-post-actions .btn-secondary {
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

@media (max-width: 480px) {
    #academy-feed-view .academy-feed-post-actions {
        grid-template-columns: 1fr !important;
    }

    #academy-feed-view .academy-feed-post-actions .btn-secondary,
    #academy-feed-view .academy-feed-post-actions .btn-primary,
    #academy-feed-view .academy-feed-like-btn,
    #academy-feed-view .academy-feed-comments-toggle-btn,
    #academy-feed-view .academy-feed-share-btn {
        width: 100% !important;
        min-width: 0 !important;
        padding: 9.5px 9.5px !important;
        font-size: 0.95rem !important;
    }

    #academy-feed-view .academy-feed-share-embed-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    #academy-feed-view .academy-feed-share-embed-meta {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    #academy-feed-view .academy-feed-share-embed-name,
    #academy-feed-view .academy-feed-share-embed-role {
        max-width: 100% !important;
        white-space: normal !important;
    }
}

.academy-feed-post-compact {
    padding: 16px !important;
}

.academy-feed-post-compact .btn-secondary,
.academy-feed-post-compact .btn-primary {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
}

.academy-feed-post-compact .academy-feed-comments-toggle-btn {
    min-height: 42px !important;
}

@media (max-width: 480px) {
    .academy-feed-post-compact {
        padding: 14px !important;
    }
}
/* ==========================================
   ACADEMY FEED FULL-WIDTH CENTER STAGE
   ========================================== */

#academy-feed-view .academy-feed-shell {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    gap: clamp(18px, 1.45vw, 24px);
    padding: 0 0 24px;
}

#academy-feed-view .academy-feed-composer-card,
#academy-feed-view .academy-feed-card,
#academy-feed-view #academy-feed-list {
    width: 100%;
    max-width: none;
}

#academy-feed-view .academy-feed-card,
#academy-feed-view .academy-feed-composer-card {
    padding: 16px;
    border-radius: 18px;
}

#academy-feed-view .academy-feed-card {
    margin: 0;
}

#academy-feed-view .academy-feed-comments-wrap textarea.chat-text-input {
    min-height: 72px !important;
    padding: 12px 14px !important;
}

#academy-feed-view .academy-feed-comment-submit-btn,
#academy-feed-view .academy-feed-like-btn,
#academy-feed-view .academy-feed-comments-toggle-btn,
#academy-feed-view .academy-feed-share-btn {
    min-height: 40px !important;
    padding: 9.5px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
    border-radius: 12px !important;
}

#academy-feed-view .academy-feed-post-menu-btn {
    min-height: 34px !important;
    padding: 7.5px 12px !important;
}
#academy-feed-view .academy-feed-card {
    position: relative;
    z-index: 1;
    overflow: visible !important;
    isolation: auto;
}

#academy-feed-view .academy-feed-card.is-menu-open {
    z-index: 10000 !important;
}

#academy-feed-view .academy-feed-card.is-menu-open .academy-feed-post-menu {
    z-index: 10001 !important;
}

#academy-feed-view .academy-feed-post-menu {
    z-index: 10001 !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
}
#academy-feed-image-preview-wrap {
    border-radius: 12px;
    overflow: hidden;
}

#academy-feed-image-preview {
    max-height: 220px;
    object-fit: cover;
}

/* ==========================================
   ACADEMY FEED SHARE MODAL (FULL STYLING)
   ========================================== */

#academy-feed-share-modal {
    z-index: 10030;
}

body.academy-feed-share-open {
    overflow: hidden;
}

#academy-feed-share-modal .academy-feed-share-modal-content {
    width: min(620px, calc(100vw - 32px));
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Move X to upper-right corner */
#academy-feed-share-modal .academy-feed-share-close {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 1.05rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
}

#academy-feed-share-modal .academy-feed-share-close:hover {
    background: rgba(14, 165, 233, 0.18);
    color: var(--neon-blue);
    transform: rotate(90deg);
}

#academy-feed-share-modal .academy-feed-share-header {
    padding-right: 56px; /* space for the close button */
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#academy-feed-share-modal .academy-feed-share-kicker {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--neon-blue);
}

#academy-feed-share-modal .academy-feed-share-title {
    margin: 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
}

#academy-feed-share-modal .academy-feed-share-copy {
    margin: 0;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.5;
}

#academy-feed-share-modal .academy-feed-share-textarea {
    width: 100%;
    resize: none;
    border-radius: 14px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: #fff;
}

#academy-feed-share-modal .academy-feed-share-textarea:focus {
    outline: none;
    border-color: rgba(56, 189, 248, 0.6);
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

#academy-feed-share-modal .academy-feed-share-preview {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    padding: 14px;
}

#academy-feed-share-modal .academy-feed-share-preview-author {
    color: #fff;
    font-weight: 700;
    font-size: 1.03rem;
    margin-bottom: 6px;
}

#academy-feed-share-modal .academy-feed-share-preview-body {
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.55;
}

#academy-feed-share-modal .academy-feed-share-preview-image {
    width: 100%;
    border-radius: 14px;
    margin-top: 10px;
    max-height: 240px;
    object-fit: cover;
    display: block;
}

#academy-feed-share-modal .academy-feed-share-actions {
    display: flex;
    gap: 10px;
    margin-top: 2px;
    flex-wrap: wrap;
}

#academy-feed-share-modal .academy-feed-share-actions .btn-secondary,
#academy-feed-share-modal .academy-feed-share-actions .btn-primary {
    flex: 1 1 140px;
    min-height: 44px !important;
    border-radius: 999px !important;
    padding: 12px 18px !important;
}
.academy-feed-post-avatar-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    line-height: 0;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.academy-feed-post-avatar-trigger:hover {
    transform: scale(1.04);
    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.22);
}

.academy-feed-post-avatar-trigger:focus-visible,
.academy-messages-profile-trigger:focus-visible,
.academy-messages-thread-avatar[data-message-profile-id]:focus-visible {
    outline: 2px solid rgba(14, 165, 233, 0.8);
    outline-offset: 3px;
}

.academy-messages-profile-trigger,
.academy-messages-thread-avatar[data-message-profile-id] {
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.academy-messages-profile-trigger:hover,
.academy-messages-thread-avatar[data-message-profile-id]:hover {
    transform: scale(1.04);
    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.22);
}
/* share/post modal vertical tightening */
#academy-feed-share-modal .modal-content,
#academy-post-modal .modal-content {
    max-height: min(72vh, 620px) !important;
    padding: 20px 18px !important;
}

#academy-feed-share-modal textarea,
#academy-post-modal textarea {
    min-height: 88px !important;
}

#academy-feed-share-modal .academy-feed-share-preview,
#academy-post-modal .academy-feed-share-preview {
    max-height: 180px;
    overflow: auto;
}
/* ==========================================
   ACADEMY HUB BUTTON CLICK FIX
   ========================================== */

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-carousel,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-track,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card {
    position: relative;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-carousel {
    overflow: hidden !important;
    isolation: isolate;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-track {
    overflow: visible !important;
    will-change: transform;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide {
    overflow: hidden !important;
    pointer-events: none;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active {
    pointer-events: auto !important;
    z-index: 20 !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal {
    position: relative;
    z-index: 25 !important;
    overflow: hidden !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal * {
    pointer-events: auto !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) #btn-open-academy-apply {
    position: relative;
    z-index: 60 !important;
    display: block;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 1024px) {
    .yh-universe-carousel {
        overflow: hidden !important;
        touch-action: pan-y !important;
    }

    .yh-universe-track {
        overflow: visible !important;
        will-change: transform;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide {
        overflow: hidden !important;
        pointer-events: none !important;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active {
        pointer-events: auto !important;
        z-index: 20 !important;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal {
        overflow: hidden !important;
        z-index: 25 !important;
    }

    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal,
    .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal * {
        pointer-events: auto !important;
    }
}

/* ==========================================
   ACADEMY FEED ACTION BUTTON SIZE MATCH
   ========================================== */

#academy-feed-view .academy-feed-post-compact {
    padding: 13px !important;
    border-radius: 14px !important;
}

#academy-feed-view .academy-feed-post-actions-grid {
    gap: 6px !important;
    margin-top: 10px !important;
}

#academy-feed-view .academy-feed-like-btn,
#academy-feed-view .academy-feed-comments-toggle-btn,
#academy-feed-view .academy-feed-share-btn,
#academy-feed-view .academy-feed-comment-submit-btn {
    min-height: 40px !important;
    height: 40px !important;
    padding: 8.5px 9.5px !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-radius: 10px !important;
}

#academy-feed-view .academy-feed-comments-wrap {
    margin-top: 10px !important;
}

#academy-feed-view .academy-feed-comments-wrap textarea.chat-text-input {
    min-height: 64px !important;
    padding: 12px !important;
}

@media (max-width: 480px) {
    #academy-feed-view .academy-feed-like-btn,
    #academy-feed-view .academy-feed-comments-toggle-btn,
    #academy-feed-view .academy-feed-share-btn,
    #academy-feed-view .academy-feed-comment-submit-btn {
        font-size: 0.95rem !important;
        padding: 7.5px 7.5px !important;
    }
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card.active-portal {
    position: relative !important;
    z-index: 10 !important;
}

/* ========================================================= */
/* YH LANDING PAGE                                           */
/* ========================================================= */
.yh-landing-step {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: auto;
    overflow: visible;
    display: block;
    padding: 0;
}

.yh-landing-shell {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    padding: 0 clamp(18px, 3vw, 56px) clamp(64px, 7vw, 110px);
    overflow: clip;
    background:
        radial-gradient(circle at 62% 18%, rgba(37, 99, 235, 0.16), transparent 34%),
        radial-gradient(circle at 18% 14%, rgba(14, 165, 233, 0.08), transparent 32%),
        linear-gradient(180deg, #020611 0%, #06101f 46%, #02050d 100%);
}

.yh-landing-shell::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.34;
    background-image:
        radial-gradient(rgba(191, 219, 254, 0.88) 0.8px, transparent 0.8px),
        radial-gradient(rgba(56, 189, 248, 0.46) 0.9px, transparent 0.9px);
    background-size: 156px 156px, 243px 243px;
    background-position: 18px 32px, 92px 76px;
}

.yh-landing-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.yh-landing-bg-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    opacity: 1;
    transform: scale(1.002);
    filter:
        saturate(1.08)
        contrast(1.04)
        brightness(0.76);
}

.yh-landing-bg-art {
    padding: 0;
}

.yh-landing-bg-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 68% 26%, rgba(56, 189, 248, 0.08), transparent 30%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.62) 0%, rgba(2, 6, 23, 0.22) 46%, rgba(2, 6, 23, 0.38) 100%),
        linear-gradient(180deg, rgba(2, 6, 23, 0.10), rgba(2, 6, 23, 0.74));
}
.yh-landing-hero {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding-top: clamp(10px, 1.2vh, 18px);
}

.yh-landing-section,
.yh-landing-auth-wrap {
    position: relative;
    z-index: 3;
}

.yh-landing-section,
.yh-landing-auth-wrap {
    width: min(100%, 1680px);
    max-width: 1680px;
    margin: 0 auto;
}

.yh-landing-hero {
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.yh-landing-hero-grid {
    width: min(100%, 1440px);
    max-width: 1440px;
    margin: 0 auto;
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(360px, 0.86fr) minmax(520px, 1.14fr);
    gap: clamp(26px, 4vw, 76px);
    align-items: center;
    align-content: center;
    min-height: calc(100svh - 76px);
    padding: clamp(46px, 5vw, 76px) 0 clamp(56px, 7vw, 108px);
    transform: none;
}

.yh-landing-hero-copy {
    position: relative;
    z-index: 4;
    max-width: 640px;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.yh-landing-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    max-width: max-content;
    flex: 0 0 auto;
    align-self: flex-start;
    border: 1px solid rgba(56, 189, 248, 0.32);
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.12), rgba(14, 165, 233, 0.045));
    color: #38bdf8;
    padding: 0.48rem 0.9rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 0.82rem;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 24px rgba(56, 189, 248, 0.12);
}

.yh-landing-title {
    max-width: 11.6ch;
    margin: 0 0 0.72rem;
    color: #f8fbff;
    font-size: clamp(3.7rem, 5.4vw, 6.35rem);
    line-height: 0.92;
    letter-spacing: -0.07em;
    font-weight: 900;
    text-wrap: balance;
    text-shadow: 0 22px 55px rgba(0, 0, 0, 0.42);
}

.yh-landing-title-gradient {
    background: linear-gradient(92deg, #eaf7ff 0%, #38bdf8 38%, #2563eb 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.yh-landing-narrative {
    max-width: 610px;
    margin-bottom: 0.62rem;
    color: #f8fafc;
    font-size: clamp(0.98rem, 1.1vw, 1.08rem);
    line-height: 1.36;
    font-weight: 800;
}

.yh-landing-subtitle {
    max-width: 590px;
    color: rgba(226, 232, 240, 0.8);
    font-size: 0.98rem;
    line-height: 1.72;
    margin-bottom: 1.3rem;
}

.yh-landing-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.82rem;
    margin-bottom: 1.18rem;
}

.yh-landing-cta-stack {
    display: flex;
    flex-direction: column;
    gap: 0.62rem;
}

.yh-landing-cta-note {
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.95rem;
    font-weight: 500;
    padding-left: 0.1rem;
}

.yh-landing-cta-primary,
.yh-landing-cta-secondary {
    width: auto;
    min-width: 185px;
    min-height: 48px;
    padding: 0.82rem 1.05rem;
    border-radius: 12px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.yh-landing-cta-primary {
    background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
    box-shadow:
        0 18px 42px rgba(37, 99, 235, 0.26),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.yh-landing-cta-secondary {
    color: #bae6fd;
    border-color: rgba(56, 189, 248, 0.34);
    background: rgba(3, 7, 18, 0.42);
}

.yh-landing-proof-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.yh-landing-proof-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.63rem 0.89rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(56, 189, 248, 0.12);
    color: #e5e7eb;
    font-size: 0.95rem;
    font-weight: 500;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.yh-landing-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 630px;
    gap: 0.78rem;
}

.yh-landing-metric-card {
    position: relative;
    min-height: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.64), rgba(3, 7, 18, 0.52));
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 13px;
    padding: 0.91rem 1.07rem 0.91rem 3.15rem;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 16px 44px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.yh-landing-metric-card::before {
    content: "◌";
    position: absolute;
    left: 0.95rem;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #38bdf8;
    font-size: 1.02rem;
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.16);
}

.yh-landing-metric-card:nth-child(1)::before { content: "👥"; }
.yh-landing-metric-card:nth-child(2)::before { content: "◎"; }
.yh-landing-metric-card:nth-child(3)::before { content: "⌁"; }

.yh-landing-metric-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow: 0 20px 44px rgba(2, 8, 23, 0.42);
}

.yh-landing-metric-card strong {
    display: block;
    width: 100%;
    color: #f8fbff;
    font-size: 1.14rem;
    line-height: 1;
    margin-bottom: 0.18rem;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.yh-landing-metric-card span {
    display: block;
    width: 100%;
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.95rem;
    line-height: 1.25;
    text-align: center;
}

.yh-landing-scroll-hint {
    display: none !important;
}

.yh-landing-scroll-arrow {
    display: none !important;
}

.yh-landing-hero {
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: 100vh;
    min-height: 100svh;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.yh-landing-hero-grid {
    width: min(100%, 1440px);
    max-width: 1440px;
    margin: 0 auto;
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(360px, 0.86fr) minmax(520px, 1.14fr);
    gap: clamp(26px, 4vw, 76px);
    align-items: center;
    align-content: center;
    min-height: calc(100svh - 76px);
    padding: clamp(46px, 5vw, 76px) 0 clamp(46px, 6vw, 82px);
    transform: none;
}
.yh-landing-hero-copy {
    position: relative;
    z-index: 4;
    max-width: 700px;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.yh-landing-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    max-width: max-content;
    flex: 0 0 auto;
    align-self: flex-start;
    border: 1px solid rgba(14, 165, 233, 0.42);
    background: rgba(14, 165, 233, 0.08);
    color: var(--neon-blue);
    padding: 0.48rem 0.9rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.06), 0 8px 20px rgba(2, 132, 199, 0.08);
}

.yh-landing-title {
    font-size: clamp(2.9rem, 4.8vw, 4.95rem);
    line-height: 0.9;
    margin-bottom: 0.58rem;
    font-weight: 800;
    letter-spacing: -1.9px;
    text-wrap: balance;
    max-width: 10.8ch;
}

.yh-landing-narrative {
    max-width: 620px;
    margin-bottom: 0.48rem;
    color: #f8fafc;
    font-size: 1.03rem;
    line-height: 1.35;
    font-weight: 700;
}

.yh-landing-subtitle {
    max-width: 560px;
    color: #d1d5db;
    font-size: 1.03rem;
    line-height: 1.58;
    margin-bottom: 0.72rem;
}

.yh-landing-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.62rem;
}

.yh-landing-cta-stack {
    display: flex;
    flex-direction: column;
    gap: 0.62rem;
}

.yh-landing-cta-note {
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.95rem;
    font-weight: 500;
    padding-left: 0.1rem;
}

.yh-landing-cta-primary,
.yh-landing-cta-secondary {
    width: auto;
    min-width: 185px;
    padding: 0.82rem 1.05rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.yh-landing-proof-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.yh-landing-proof-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.63rem 0.89rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(56, 189, 248, 0.12);
    color: #e5e7eb;
    font-size: 0.95rem;
    font-weight: 500;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.yh-landing-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 630px;
    gap: 0.78rem;
}

.yh-landing-metric-card {
    position: relative;
    min-height: 68px;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.64), rgba(3, 7, 18, 0.52));
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 13px;
    padding: 0.98rem 1.07rem 0.98rem 3.15rem;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 16px 44px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.yh-landing-metric-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow: 0 20px 44px rgba(2, 8, 23, 0.42);
}

.yh-landing-metric-card strong {
    display: block;
    color: #f8fbff;
    font-size: 1.14rem;
    line-height: 1;
    margin-bottom: 0.18rem;
}

.yh-landing-metric-card span {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.95rem;
}

.yh-landing-scroll-hint {
    display: none !important;
}

.yh-landing-scroll-arrow {
    display: none !important;
}

.yh-landing-hero-visual {
    position: relative;
    z-index: 1;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yh-landing-visual-card {
    position: relative;
    width: min(100%, 34vw);
    max-width: 560px;
    min-height: clamp(300px, 46svh, 470px);
    border-radius: 1.1rem;
    overflow: hidden;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background:
        radial-gradient(circle at top, rgba(14, 165, 233, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(8, 15, 32, 0.96), rgba(5, 10, 22, 0.98));
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.38);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.yh-landing-visual-card::after {
    content: "";
    position: absolute;
    inset: 0.85rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(255,255,255,0.05);
    pointer-events: none;
    z-index: 5;
}

.yh-landing-visual-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow:
        0 30px 72px rgba(0, 0, 0, 0.46),
        0 0 0 1px rgba(56, 189, 248, 0.08);
}

.yh-landing-visual-glow {
    position: absolute;
    inset: -34% -36% -30% -34%;
    z-index: 1;
    pointer-events: none;
    border-radius: 999px;
    opacity: 0.76;
    background:
        radial-gradient(circle at 67% 50%,
            rgba(125, 211, 252, 0.18) 0%,
            rgba(37, 99, 235, 0.12) 24%,
            rgba(251, 191, 36, 0.055) 38%,
            rgba(37, 99, 235, 0.045) 52%,
            transparent 68%);
    filter: blur(42px);
}
.yh-landing-visual-noise {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.06;
    background-image:
        radial-gradient(rgba(255,255,255,0.45) 0.7px, transparent 0.7px);
    background-size: 18px 18px;
    animation: yhNoiseDrift 18s linear infinite;
}

.yh-landing-map-card {
    display: block;
}

.yh-landing-map-shell {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: clamp(300px, 46svh, 470px);
    height: 100%;
}

/* old pre-globe duplicate landing map block removed */

.yh-landing-map-stats {
    position: absolute;
    top: 0.95rem;
    left: 0.95rem;
    right: 0.95rem;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.yh-landing-map-stat {
    min-width: 0;
    padding: 0.84rem 0.93rem;
    border-radius: 0.9rem;
    background: rgba(2, 6, 23, 0.7);
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 10px 26px rgba(0,0,0,0.22);
}

.yh-landing-map-stat-label {
    display: block;
    color: #9fb3c8;
    font-size: 0.91rem;
    text-transform: uppercase;
    letter-spacing: 1.15px;
    margin-bottom: 0.28rem;
}

.yh-landing-map-stat strong {
    display: block;
    color: #fff;
    font-size: clamp(0.98rem, 1.2vw, 1.12rem);
    line-height: 1;
}

.yh-landing-map-kicker {
    position: absolute;
    left: 0.95rem;
    right: 0.95rem;
    bottom: 0.95rem;
    z-index: 3;
    padding: 0.82rem 0.9rem;
    border-radius: 0.9rem;
    background: rgba(2, 6, 23, 0.74);
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.yh-landing-activity-rail {
position: relative;
    z-index: 3;
    width: min(100%, 590px);
    margin-top: clamp(0.68rem, 1vw, 0.95rem);
    padding: clamp(0.62rem, 0.78vw, 0.78rem);
    overflow: hidden;
}

.yh-landing-activity-head {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.58rem;
    padding-bottom: 0.42rem;
    padding: 0.22rem 0.46rem 0.48rem;
    margin-bottom: 0.52rem;
}

.yh-landing-activity-status {
display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    white-space: nowrap;
}

.yh-landing-activity-status-dot {
width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    flex: 0 0 auto;
}

.yh-landing-activity-card {
display: flex;
    align-items: center;
    min-height: 78px;
    padding: 1.02rem 1.07rem;
}

.yh-landing-activity-card-copy {
    min-width: 0;
}

.yh-landing-activity-label {
display: block;
    margin-bottom: 0.28rem;
}

#yh-landing-activity-text {
    display: block;
    color: #f8fafc;
    font-size: 1.03rem;
    line-height: 1.45;
}

.yh-landing-visual-kicker {
    display: block;
    color: var(--neon-blue);
    font-size: 0.91rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    margin-bottom: 0.24rem;
}

.yh-landing-section {
    margin-top: 0;
    scroll-margin-top: clamp(88px, 10vh, 120px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: clamp(1.15rem, 2.8svh, 2.35rem) 0;
}

#yh-divisions-section.yh-landing-section {
    width: min(100%, 1540px);
    min-height: 0;
    margin: clamp(34px, 4vw, 70px) auto 0;
    padding: clamp(18px, 2.4vw, 30px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(8, 16, 32, 0.64), rgba(3, 7, 18, 0.46));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 28px 80px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.yh-landing-dashboard-preview {
    min-height: 0;
    padding: clamp(1.15rem, 2.8svh, 2.35rem) 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.yh-landing-section-head {
    display: flex;
    justify-content: space-between;
    gap: 1.15rem;
    align-items: end;
    margin-bottom: clamp(0.95rem, 1.5vh, 1.35rem);
}

.yh-landing-section-kicker {
    color: var(--neon-blue);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 0.6rem;
}

.yh-landing-section-title {
    color: #f8fbff;
    font-size: clamp(2rem, 3vw, 3.1rem);
    letter-spacing: -0.06em;
    line-height: 1.02;
    margin-bottom: 0;
}

.yh-landing-section-copy {
    max-width: 420px;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.7;
}

.yh-landing-division-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.88rem;
}

.yh-landing-division-card {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 10%, rgba(56, 189, 248, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(7, 20, 42, 0.78), rgba(2, 8, 20, 0.84));
    border: 1px solid rgba(125, 211, 252, 0.18);
    border-radius: 22px;
    padding: clamp(1.1rem, 1.5vw, 1.35rem);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    display: flex;
    flex-direction: column;
    min-height: 100%;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 0 32px rgba(56, 189, 248, 0.04),
        0 20px 54px rgba(0, 0, 0, 0.34);
}

.yh-landing-division-card.is-live {
    box-shadow:
        0 0 0 1px rgba(16, 185, 129, 0.18),
        0 18px 46px rgba(0, 0, 0, 0.28);
}

.yh-landing-division-card.is-open {
    box-shadow:
        0 0 0 1px rgba(14, 165, 233, 0.14),
        0 18px 46px rgba(0, 0, 0, 0.28);
}

.yh-landing-division-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.yh-landing-status {
    display: inline-flex;
    align-items: center;
    padding: 0.54rem 0.88rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.yh-landing-status.live {
    background: rgba(16, 185, 129, 0.12);
    color: #34d399;
    border: 1px solid rgba(52, 211, 153, 0.2);
}

.yh-landing-status.open {
    background: rgba(14, 165, 233, 0.12);
    color: #7dd3fc;
    border: 1px solid rgba(125, 211, 252, 0.18);
}

.yh-landing-status.soon {
    background: rgba(14, 165, 233, 0.12);
    color: #7dd3fc;
    border: 1px solid rgba(125, 211, 252, 0.18);
}

.yh-landing-icon {
    width: clamp(92px, 7.2vw, 124px);
    height: clamp(72px, 5.8vw, 98px);
    object-fit: contain;
    display: block;
    flex: 0 0 auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow:
        0 0 22px rgba(56, 189, 248, 0.20),
        0 0 52px rgba(37, 99, 235, 0.12);
    filter:
        drop-shadow(0 0 12px rgba(56, 189, 248, 0.22))
        drop-shadow(0 0 24px rgba(37, 99, 235, 0.16));
}

.yh-landing-division-card h3 {
    margin-bottom: 0.6rem;
    font-size: 1.4rem;
}

.yh-landing-division-card p {
    color: #d1d5db;
    line-height: 1.7;
    margin-bottom: 1rem;
}

.yh-landing-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem 0;
    display: grid;
    gap: 0.7rem;
}

.yh-landing-feature-list li {
    color: var(--text-muted);
    font-size: 1.03rem;
    padding-left: 1rem;
    position: relative;
}

.yh-landing-feature-list li::before {
    content: "•";
    color: var(--neon-blue);
    position: absolute;
    left: 0;
    top: 0;
}

.yh-division-btn {
    margin-top: auto;
}
.yh-landing-testimonials {
    min-height: auto;
    padding: clamp(2rem, 5svh, 4rem) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yh-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: stretch;
}

.yh-testimonial-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.9), rgba(6, 12, 26, 0.92));
    border: 1px solid rgba(56, 189, 248, 0.15);
    border-radius: 1.15rem;
    padding: 1.32rem 1.27rem 1.18rem;
    min-height: clamp(190px, 22svh, 240px);
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.yh-testimonial-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.14), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 42%);
    opacity: 0.9;
    pointer-events: none;
    z-index: 0;
}

.yh-testimonial-card > * {
    position: relative;
    z-index: 1;
}

.yh-testimonial-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow:
        0 20px 38px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(56, 189, 248, 0.06);
}

.yh-testimonial-quote {
    margin: 0;
    color: #e5e7eb;
    font-size: 1.03rem;
    line-height: 1.72;
    flex: 1;
}

.yh-testimonial-meta {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.yh-testimonial-meta strong {
    color: #ffffff;
    font-size: 1.03rem;
    line-height: 1.2;
}

.yh-testimonial-meta span {
    color: var(--text-muted);
    font-size: 0.95rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yh-dashboard-preview-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: clamp(1rem, 1.25vw, 1.25rem);
    align-items: stretch;
}

.yh-dashboard-preview-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.28), rgba(6, 12, 26, 0.28));
    border: 1px solid rgba(56, 189, 248, 0.15);
    border-radius: 1.1rem;
    padding: 1.32rem 1.27rem 1.23rem;
    min-height: clamp(158px, 18svh, 196px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.65rem;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.yh-dashboard-preview-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 42%);
    opacity: 0.9;
    pointer-events: none;
    z-index: 0;
}

.yh-dashboard-preview-card > * {
    position: relative;
    z-index: 1;
}

.yh-dashboard-preview-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow:
        0 20px 38px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(56, 189, 248, 0.06);
}

.yh-dashboard-preview-card h4 {
    font-size: 1.02rem;
    line-height: 1.25;
    margin: 0;
    color: #ffffff;
}

.yh-dashboard-preview-card p {
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.58;
    margin: 0;
    max-width: none;
}
.yh-landing-auth-wrap {
    margin-top: 0;
    margin-bottom: 0;
    width: min(96vw, 1680px);
    max-width: 1680px;
    min-height: 0;
    padding: clamp(1.1rem, 3svh, 2.4rem) 0 clamp(1.8rem, 4.2svh, 3.2rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 1rem;
}

.yh-auth-section-head {
    width: 100%;
    margin-bottom: 0;
}

.yh-auth-card {
    min-height: unset;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
}

.yh-auth-panel-left {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(180deg, rgba(2, 132, 199, 0.22), rgba(15, 23, 42, 0.82)),
        rgba(0, 0, 0, 0.35);
    min-height: clamp(560px, 72svh, 760px);
}

.yh-auth-panel-copy {
    max-width: 360px;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yh-auth-panel-copy .step1-logo {
    display: block;
    width: 64px;
    margin: 0 auto 0.85rem;
}

.yh-auth-panel-copy .step-indicator-badge {
    align-self: center;
    margin: 0 auto 1.1rem;
    text-align: center;
}

.yh-auth-panel-title {
    font-size: clamp(1.65rem, 2vw, 1.9rem);
    line-height: 1.08;
    margin-bottom: 0.8rem;
}

/* FIX: Remove modal behavior for landing page */
html {
    scroll-behavior: smooth;
}

html:has(body[data-yh-page="apply"]) {
    scroll-behavior: auto;
}

body[data-yh-page="apply"] {
    scroll-behavior: auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: auto;
    touch-action: pan-y;
}
body[data-yh-page="apply"] #yh-world-map,
body[data-yh-page="apply"] #yh-world-map canvas,
body[data-yh-page="apply"] .yh-landing-shell,
body[data-yh-page="apply"] .yh-landing-hero,
body[data-yh-page="apply"] .yh-landing-hero-grid,
body[data-yh-page="apply"] .yh-landing-hero-copy,
body[data-yh-page="apply"] .yh-landing-hero-visual,
body[data-yh-page="apply"] .yh-landing-map-stage-wrap,
body[data-yh-page="apply"] .yh-landing-globe-stage,
body[data-yh-page="apply"] .yh-landing-activity-panel,
body[data-yh-page="apply"] .yh-landing-activity-rail,
body[data-yh-page="apply"] .yh-landing-activity-card,
body[data-yh-page="apply"] .yh-landing-activity-stream,
body[data-yh-page="apply"] .yh-landing-activity-event,
body[data-yh-page="apply"] .yh-landing-metrics,
body[data-yh-page="apply"] .yh-landing-metric-card,
body[data-yh-page="apply"] .yh-landing-cta-row,
body[data-yh-page="apply"] .yh-landing-cta-stack,
body[data-yh-page="apply"] .yh-landing-section,
body[data-yh-page="apply"] .yh-landing-division-grid,
body[data-yh-page="apply"] .yh-landing-division-card,
body[data-yh-page="apply"] .yh-landing-auth-wrap,
body[data-yh-page="apply"] .yh-auth-card {
    overscroll-behavior: auto;
    touch-action: pan-y;
}
body[data-yh-page="apply"] .yh-landing-bg,
body[data-yh-page="apply"] .yh-landing-bg-image,
body[data-yh-page="apply"] .yh-landing-bg-overlay,
body[data-yh-page="apply"] .yh-space-asteroid-layer,
body[data-yh-page="apply"] .yh-space-meteor-layer,
body[data-yh-page="apply"] .yh-landing-visual-glow,
body[data-yh-page="apply"] .yh-landing-visual-noise,
body[data-yh-page="apply"] .yh-landing-map-overlay {
    pointer-events: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step {
    position: static;
    inset: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow: visible;
    overflow-y: visible;
    overflow-x: clip;
    align-items: unset;
    justify-content: unset;
}
body[data-yh-page="apply"] #step-1.yh-landing-step > .yh-landing-shell,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-stage-wrap,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-world-map {
    overflow: visible;
}
/* ========================================================= */
/* LANDING AUTH CARD FIX                                     */
/* ========================================================= */
.yh-auth-card {
    max-width: min(96vw, 1280px);
    width: min(96vw, 1280px);
    min-height: clamp(560px, 72svh, 760px);
    height: auto;
    max-height: none;
    overflow: visible;
    align-items: stretch;
}

.yh-auth-card .panel-left,
.yh-auth-card .panel-right-wrapper {
    height: auto;
    min-height: clamp(560px, 72svh, 760px);
    max-height: none;
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-auth-card {
        display: block;
        width: min(100%, 374px);
        max-width: calc(100vw - 28px);
        min-height: 0;
        height: auto;
        max-height: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        align-items: stretch;
    }

    body[data-yh-page="apply"] .yh-auth-card .panel-left,
    body[data-yh-page="apply"] .yh-auth-card .yh-auth-panel-left {
        display: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .panel-right-wrapper {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        perspective: none;
    }
}

@media (max-width: 480px) {
    body[data-yh-page="apply"] .yh-auth-card {
        width: min(100%, 360px);
        max-width: calc(100vw - 28px);
    }
}

/* ========================================================= */
/* APPLE DEVICE HARDENING                                    */
/* MacBook + iPhone safe viewport and overflow fixes         */
/* ========================================================= */

@media (max-width: 768px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        width: min(100%, 430px);
        min-height: auto;
        margin: 0 auto;
        padding: clamp(82px, 9svh, 104px) 16px 30px;
        gap: 14px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        width: 100%;
        max-width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill {
        align-self: flex-start;
        margin-bottom: 0.72rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        max-width: 11.6ch;
        margin: 0 0 0.7rem;
        text-align: left;
        font-size: clamp(2.3rem, 9.2vw, 2.82rem);
        line-height: 0.92;
        letter-spacing: -1.35px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
        max-width: 340px;
        margin: 0 0 0.72rem;
        text-align: left;
        line-height: 1.46;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        max-width: 354px;
        margin: 0 0 1rem;
        text-align: left;
        line-height: 1.58;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-row {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.68rem;
        margin-bottom: 0.9rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-stack {
        width: 100%;
        align-items: stretch;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-primary,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-secondary {
        width: 100%;
        min-width: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-note {
        text-align: left;
        padding-left: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-metrics {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.54rem;
        margin-bottom: 0.88rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-scroll-hint {
        margin-top: 0;
        margin-bottom: 0.72rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-panel {
        width: 100%;
        margin-top: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        width: 100%;
        max-width: 100%;
        margin: 0.2rem 0 0;
        justify-content: center;
        align-items: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-stage-wrap {
        width: 100%;
        min-height: clamp(220px, 68vw, 310px);
        height: clamp(220px, 68vw, 310px);
    }

    .yh-top-nav {
        padding-top: max(10px, env(safe-area-inset-top)) !important;
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
    }

    .desktop-user-strip {
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
    }
}

@media (max-width: 480px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
        gap: 12px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        font-size: clamp(2.05rem, 8.7vw, 2.45rem);
        line-height: 0.94;
        max-width: 11.4ch;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        max-width: 100%;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-metric-card {
        padding: 0.71rem 0.61rem 0.71rem 2.52rem;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-metric-card strong {
        width: 100%;
        font-size: 1rem;
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-metric-card span {
        width: 100%;
        font-size: 0.91rem;
        line-height: 1.25;
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage {
        max-width: 340px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-stage-wrap {
        min-height: clamp(210px, 70vw, 292px);
        height: clamp(210px, 70vw, 292px);
    }

    body:not([data-yh-page="apply"]) .flip-card-front,
    body:not([data-yh-page="apply"]) .flip-card-back,
    body:not([data-yh-page="apply"]) .approved-form-right {
        padding: 1.2rem 1rem calc(1.2rem + env(safe-area-inset-bottom));
    }

    #notif-dropdown,
    .yh-resources-menu-panel {
        max-width: calc(100vw - 20px) !important;
    }
}
.yh-auth-card .flip-card-inner {
    position: relative;
    width: 100%;
    min-height: clamp(560px, 72svh, 760px);
    height: auto;
    transform-style: preserve-3d;
}

.yh-auth-card .flip-card-front,
.yh-auth-card .flip-card-back {
    position: absolute;
    inset: 0;
    width: 100%;
    min-height: clamp(560px, 72svh, 760px);
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.yh-auth-card .auth-center-wrapper {
    min-height: 100%;
    justify-content: center;
}

.yh-auth-card .flip-card-back {
    transform: rotateY(180deg);
}

.yh-auth-card .flip-card-front {
    transform: rotateY(0deg);
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card {
        display: block;
        width: min(100%, 374px);
        max-width: calc(100vw - 28px);
        min-height: 0;
        height: auto;
        max-height: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .panel-left,
    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .yh-auth-panel-left {
        display: none;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .panel-right-wrapper {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        perspective: none;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-inner {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        transform: none;
        transition: none;
        transform-style: flat;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-inner.is-flipped {
        transform: none;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-back {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 24px 24px 46px;
        overflow: visible;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
        transform: none;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-back {
        display: none;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-inner.is-flipped .flip-card-front {
        display: none;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-inner.is-flipped .flip-card-back {
        display: flex;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .auth-center-wrapper {
        min-height: 0;
        width: 100%;
        margin: 0 auto;
        justify-content: flex-start;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .text-center.mb-large {
        margin-bottom: 1.1rem;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .forgot-link {
        margin-bottom: 1.15rem;
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .divider {
        margin: 0.9rem 0;
    }
}

@media (max-width: 480px) {
    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card {
        width: min(100%, 360px);
    }

    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] #yh-auth-section .yh-auth-card .flip-card-back {
        padding: 22px 24px 44px;
    }
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        transform: none;
        transition: none;
        transform-style: flat;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner.is-flipped {
        transform: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] .yh-auth-card .flip-card-back {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 24px 24px 48px;
        overflow: visible;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
        transform: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-front {
        cursor: default;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-back {
        display: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner.is-flipped .flip-card-front {
        display: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner.is-flipped .flip-card-back {
        display: flex;
    }

    body[data-yh-page="apply"] .yh-auth-card .auth-center-wrapper {
        min-height: 0;
        width: 100%;
        margin: 0 auto;
        justify-content: flex-start;
    }

    body[data-yh-page="apply"] .yh-auth-card .text-center.mb-large {
        margin-bottom: 1.15rem;
    }

    body[data-yh-page="apply"] .yh-auth-card .forgot-link {
        margin-bottom: 1.25rem;
    }

    body[data-yh-page="apply"] .yh-auth-card .divider {
        margin: 1rem 0;
    }
}

@media (max-width: 480px) {
    body[data-yh-page="apply"] .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] .yh-auth-card .flip-card-back {
        padding: 22px 24px 48px;
    }
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-auth-card {
        display: block;
        width: min(100%, 390px);
        min-height: 0;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    body[data-yh-page="apply"] .yh-auth-card .yh-auth-panel-left {
        display: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .panel-right-wrapper {
        width: 100%;
        height: auto;
        min-height: 0;
        perspective: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 0;
        transform: none;
        transition: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner.is-flipped {
        transform: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] .yh-auth-card .flip-card-back {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 26px 24px 30px;
        overflow: visible;
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
        transform: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-back {
        display: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner.is-flipped .flip-card-front {
        display: none;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-inner.is-flipped .flip-card-back {
        display: flex;
    }

    body[data-yh-page="apply"] .yh-auth-card .auth-center-wrapper {
        min-height: 0;
        margin: 0 auto;
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    body[data-yh-page="apply"] .yh-auth-card {
        width: min(100%, 374px);
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] .yh-auth-card .flip-card-back {
        padding: 24px 24px 28px;
    }

    body[data-yh-page="apply"] .yh-auth-card .text-center.mb-large {
        margin-bottom: 1.35rem;
    }
}
/* ========================================================= */
/* FEATURED PARTNERSHIPS / FEATURED WEBSITES                 */
/* ========================================================= */
.yh-featured-sites-wrap {
    width: 100%;
    margin-top: 4px;
}

.yh-featured-sites-wrap .yh-universe-feature-panel {
    position: relative;
    overflow: hidden;
    padding: 22px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.16), transparent 36%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.28), rgba(8, 15, 30, 0.28));
    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.yh-featured-sites-wrap .yh-universe-feature-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.06) 0%,
        rgba(255,255,255,0.01) 38%,
        rgba(255,255,255,0.00) 100%
    );
}

.yh-featured-sites-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 228px !important;
    padding: 20px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    color: inherit !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02)),
        rgba(15, 23, 42, 0.28) !important;
    box-shadow:
        0 10px 28px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.16), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 42%);
    opacity: 0.9;
    z-index: -1;
    pointer-events: none;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        135deg,
        rgba(56, 189, 248, 0.34),
        rgba(255,255,255,0.04),
        rgba(56, 189, 248, 0.14)
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    opacity: 0.7;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.3) !important;
    box-shadow:
        0 18px 36px rgba(0,0,0,0.34),
        0 0 0 1px rgba(56, 189, 248, 0.08),
        0 0 30px rgba(14, 165, 233, 0.12);
}

.yh-featured-sites-wrap .yh-dashboard-preview-card > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card img {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 8.5px !important;
    border-radius: 14px !important;
    object-fit: contain;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 10px 18px rgba(0,0,0,0.18);
}

.yh-featured-sites-wrap .yh-dashboard-preview-card > div:first-child > div:last-child {
    min-width: 0;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card > div:first-child > div:last-child > div:first-child {
    margin-bottom: 4px !important;
    color: rgba(255,255,255,0.62) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card h4 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 1.08rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card p {
    margin: 0 !important;
    color: var(--text-muted) !important;
    font-size: 1.03rem !important;
    line-height: 1.6 !important;
    max-width: 42ch;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card .btn-secondary {
    width: auto !important;
    min-width: 0 !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
    align-self: flex-start !important;
    border: 1px solid rgba(56, 189, 248, 0.34) !important;
    background: rgba(14, 165, 233, 0.08) !important;
    color: #d9f4ff !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    box-shadow: none !important;
    pointer-events: none;
}

.yh-featured-sites-wrap .yh-dashboard-preview-card .btn-secondary:hover {
    transform: none !important;
    background: rgba(14, 165, 233, 0.08) !important;
    color: #d9f4ff !important;
}

@media (max-width: 1024px) {
    .yh-featured-sites-wrap .yh-universe-feature-panel {
        padding: 20px !important;
    }

    .yh-featured-sites-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card {
        min-height: 214px !important;
        padding: 18px !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card h4 {
        font-size: 1rem !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card p {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .yh-featured-sites-grid {
        grid-template-columns: 1fr !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card {
        min-height: 198px !important;
    }
}

@media (max-width: 480px) {
    .yh-featured-sites-wrap {
        margin-top: 2px;
    }

    .yh-featured-sites-wrap .yh-universe-feature-panel {
        padding: 16px !important;
        border-radius: 16px !important;
    }

    .yh-featured-sites-grid {
        gap: 12px !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card {
        min-height: auto !important;
        padding: 16px !important;
        border-radius: 16px !important;
        gap: 12px !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card img {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        border-radius: 12px !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card h4 {
        font-size: 1.03rem !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card p {
        font-size: 1rem !important;
        line-height: 1.55 !important;
    }

    .yh-featured-sites-wrap .yh-dashboard-preview-card .btn-secondary {
        padding: 10.5px 14px !important;
        font-size: 1rem !important;
    }
}

/* ==========================================
   DESKTOP FEATURED PARTNERSHIPS SIDE RAILS
   center hub + left rail + right rail
   ========================================== */
.yh-universe-hub-shell {
    width: 100%;
}

.yh-featured-rail {
    display: none;
}

.yh-featured-rail-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    min-height: 224px;
    padding: 20px;
    border-radius: 20px;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(255,255,255,0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02)),
        rgba(15, 23, 42, 0.82);
    box-shadow:
        0 10px 28px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.yh-featured-rail-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.16), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 42%);
    opacity: 0.9;
    z-index: -1;
    pointer-events: none;
}

.yh-featured-rail-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        135deg,
        rgba(56, 189, 248, 0.34),
        rgba(255,255,255,0.04),
        rgba(56, 189, 248, 0.14)
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    opacity: 0.72;
}

.yh-featured-rail-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow:
        0 18px 36px rgba(0,0,0,0.34),
        0 0 0 1px rgba(56, 189, 248, 0.08),
        0 0 30px rgba(14, 165, 233, 0.12);
}

.yh-featured-rail .yh-featured-sites-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.yh-featured-rail .yh-featured-sites-logo {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    padding: 7px;
    border-radius: 14px;
    object-fit: contain;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 10px 18px rgba(0,0,0,0.18);
}

.yh-featured-rail .yh-featured-sites-copy {
    min-width: 0;
}

.yh-featured-rail .yh-featured-sites-eyebrow {
    margin-bottom: 4px;
    color: rgba(255,255,255,0.62);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.yh-featured-rail .yh-featured-sites-name {
    margin: 0;
    color: #ffffff;
    font-size: 1.08rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.yh-featured-rail .yh-featured-sites-text {
    margin: 0;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.6;
}

.yh-featured-rail .yh-featured-sites-cta {
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    align-self: flex-start !important;
    border: 1px solid rgba(56, 189, 248, 0.34) !important;
    background: rgba(14, 165, 233, 0.08) !important;
    color: #d9f4ff !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    box-shadow: none !important;
    pointer-events: none;
}

.yh-featured-rail .yh-featured-sites-cta:hover {
    transform: none !important;
    background: rgba(14, 165, 233, 0.08) !important;
    color: #d9f4ff !important;
}

@media (min-width: 1181px) {
    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) #universe-hub-view,
    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .universe-hub-view {
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 22px 28px 56px !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-hub-shell {
        width: 100% !important;
        max-width: 1080px !important;
        margin: 0 auto !important;
        display: block !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-carousel-shell {
        width: 100% !important;
        max-width: 1120px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 1180px) {
    .yh-universe-hub-shell {
        display: block !important;
    }

    .desktop-user-strip {
        min-height: 62px;
        padding: 8px 14px;
    }

    .desktop-user-strip-inner {
        min-height: 44px;
        gap: 10px;
    }

    .yh-universe-side-nav {
        width: 52px;
        height: 52px;
    }

    .yh-universe-side-nav-prev {
        left: -18px;
    }

    .yh-universe-side-nav-next {
        right: -18px;
    }
}
.yh-auth-card {
    min-height: unset;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
}
/* ==========================================
   FINAL OVERRIDE: REMOVE OLD FEATURED CARDS
   keep only Partnerships and Resources menu
   ========================================== */
body[data-yh-view="hub"] .yh-featured-rail,
body[data-yh-view="hub"] .yh-featured-rail-left,
body[data-yh-view="hub"] .yh-featured-rail-right,
body[data-yh-view="hub"] .yh-featured-sites-wrap,
body[data-yh-view="hub"] .yh-featured-sites-mobile {
    display: none !important;
}

body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-hub-shell {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    display: block !important;
}

body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-carousel-shell {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal * {
    pointer-events: auto !important;
}
/* FINAL CLEAN CTA FIX: single real button only */
.yh-universe-cta-hitbox {
    display: contents !important;
    pointer-events: none !important;
}

/* ===== SINGLE SOURCE OF TRUTH: ACADEMY CTA ===== */
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-cta-wrap {
    width: 100% !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000 !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-shell {
    position: relative !important;
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 16px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 1.07rem 1.32rem !important;
    border-radius: 16px !important;
    border: 1px solid rgba(56, 189, 248, 0.72) !important;
    background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 100%) !important;
    color: #f8fdff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-shadow:
        0 10px 26px rgba(14, 165, 233, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    caret-color: transparent !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-shell:hover .academy-entry-button-visual,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-shell:focus-within .academy-entry-button-visual {
    transform: translateY(-1px) !important;
    box-shadow:
        0 14px 30px rgba(14, 165, 233, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    filter: brightness(1.03) !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) #btn-open-academy-apply,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-hit-button {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    z-index: 5 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    caret-color: transparent !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) #btn-open-academy-apply::before,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) #btn-open-academy-apply::after {
    pointer-events: none !important;
}

.btn-primary[data-loading="true"],
.btn-secondary[data-loading="true"] {
    cursor: wait !important;
    opacity: 0.92 !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide {
    pointer-events: none !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active {
    pointer-events: auto !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal {
    position: relative !important;
    z-index: 100 !important;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal > * {
    pointer-events: auto !important;
}
/* ===== REGISTER EXTRAS ===== */
.yh-upload-shell {
    display: grid;
    gap: 10px;
}

.yh-upload-input {
    display: none;
}

.yh-upload-label {
    width: 100%;
    padding: 0.95rem 1rem;
    border: 1px dashed rgba(56, 189, 248, 0.45);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-main);
    text-align: center;
    cursor: pointer;
    transition: 0.25s ease;
}

.yh-upload-label:hover {
    border-color: var(--neon-blue);
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.18);
}

.yh-upload-help {
    font-size: 1rem;
    color: var(--text-muted);
    line-height: 1.4;
}

.yh-upload-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 12px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    border-radius: 14px;
    background: rgba(2, 8, 23, 0.28);
}

.yh-upload-preview-img {
    width: 82px;
    height: 82px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid rgba(56, 189, 248, 0.3);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.yh-upload-recrop-btn {
    width: auto;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(14, 165, 233, 0.08);
    color: var(--neon-blue);
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    transition: 0.2s ease;
}

.yh-upload-recrop-btn:hover {
    background: rgba(14, 165, 233, 0.16);
    color: #fff;
}

body.yh-profile-cropper-open {
    overflow: hidden;
}.yh-profile-cropper-modal {
    position: fixed;
    inset: 0;
    z-index: 15000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(2, 6, 23, 0.34);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.yh-profile-cropper-dialog {
    width: min(94vw, 430px);
    border: 1px solid rgba(56, 189, 248, 0.24);
    border-radius: 22px;
    background:
        radial-gradient(circle at top, rgba(56, 189, 248, 0.12), transparent 42%),
        rgba(12, 23, 42, 0.34);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.52);
    padding: 20px;
}

.yh-profile-cropper-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.yh-profile-cropper-head h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 1.05rem;
}

.yh-profile-cropper-head p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.4;
}

.yh-profile-cropper-close {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

.yh-profile-cropper-body {
    display: grid;
    justify-items: center;
    gap: 12px;
}

.yh-profile-cropper-stage {
    position: relative;
    width: min(72vw, 280px);
    height: min(72vw, 280px);
    min-width: 210px;
    min-height: 210px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.26);
    cursor: grab;
    touch-action: none;
    user-select: none;
    border: 1px solid rgba(56, 189, 248, 0.18);
    box-shadow:
        inset 0 0 0 999px rgba(2, 6, 23, 0.02),
        0 20px 52px rgba(0, 0, 0, 0.38);
}

.yh-profile-cropper-stage.is-dragging {
    cursor: grabbing;
}

.yh-profile-cropper-stage img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: none;
    height: auto;
    transform-origin: center center;
    user-select: none;
    pointer-events: none;
    will-change: transform;
}

.yh-profile-cropper-ring {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 2px solid rgba(255, 255, 255, 0.86);
    box-shadow:
        inset 0 0 0 1px rgba(56, 189, 248, 0.34),
        0 0 0 999px rgba(2, 6, 23, 0.28);
    pointer-events: none;
}

.yh-profile-cropper-zoom-label {
    width: min(72vw, 280px);
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 800;
}

.yh-profile-cropper-zoom {
    width: min(72vw, 280px);
    accent-color: var(--neon-blue);
}

.yh-profile-cropper-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

@media (max-width: 520px) {
    .yh-profile-cropper-dialog {
        padding: 18px;
        border-radius: 18px;
    }

    .yh-profile-cropper-actions {
        grid-template-columns: 1fr;
    }
}

.yh-password-shell {
    position: relative;
    display: flex;
    align-items: center;
}

.yh-password-input {
    padding-right: 82px;
}

.yh-password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(calc(-50% - 7px));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    line-height: 1;
    background: transparent;
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: var(--neon-blue);
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
}

.yh-password-toggle:hover {
    background: rgba(14, 165, 233, 0.1);
    color: #fff;
}
/* Login password visibility toggle */
.yh-login-password-shell {
    width: 100%;
    margin-bottom: 1.25rem;
}

.yh-login-password-shell .yh-login-password-input {
    width: 100%;
    margin-bottom: 0 !important;
    padding-right: 82px !important;
}

.yh-login-password-shell .yh-login-password-toggle {
    transform: translateY(-50%);
}
/* REGISTER FACE: compact layout after adding city + country */
.yh-auth-card .flip-card-back {
    padding: 1.9rem 2.35rem 1.9rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.yh-auth-card .flip-card-back .text-center.mb-large.mt-small {
    margin-bottom: 0.9rem;
}

.yh-auth-card .flip-card-back .step1-logo {
    width: 38px;
    max-width: 38px;
    margin: 0 auto 0.22rem;
    display: block;
}

.yh-auth-card .flip-card-back .step1-title {
    font-size: clamp(1.12rem, 1.7vw, 1.8rem);
    line-height: 1;
    letter-spacing: -0.03em;
    margin-bottom: 0.16rem;
    text-wrap: balance;
}

.yh-auth-card .flip-card-back .step1-subtitle {
    font-size: 1rem;
    line-height: 1.32;
    margin-bottom: 0;
}

.yh-auth-card .flip-card-back .auth-center-wrapper {
    margin: auto;
    min-height: 100%;
    justify-content: center;
}

#form-register-simple,
.yh-register-form {
    width: min(100%, 460px);
    max-width: 460px;
    margin: 0 auto;
    padding-bottom: 0.1rem;
}

#form-register-simple .form-row,
#form-register-simple .form-row-last,
.yh-register-form .form-row,
.yh-register-form .form-row-last {
    gap: 0.9rem;
    margin-bottom: 0.72rem;
    align-items: flex-start;
}

#form-register-simple .form-group {
    margin-bottom: 0.72rem;
}

#form-register-simple .form-group label {
    margin-bottom: 0.32rem;
    font-size: 1rem;
}

#form-register-simple .input-field {
    padding: 0.78rem 0.9rem;
    font-size: 1.03rem;
}

#form-register-simple .yh-upload-help {
    margin-top: 0.32rem;
    font-size: 0.95rem;
    line-height: 1.35;
}

#btn-register {
    margin-top: 0.2rem;
    margin-bottom: 0;
    padding: 0.88rem 1rem;
    font-size: 0.98rem;
}

.academy-mini-profile-browse-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 320px;
    margin-inline: auto;
    white-space: normal;
}

#academy-member-browser-modal {
    z-index: 10020;
}

.academy-member-browser-dialog {
    width: min(680px, calc(100vw - 32px));
    max-height: min(80vh, 720px);
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(8, 15, 30, 0.34);
    border: 1px solid rgba(56, 189, 248, 0.22);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55);
}

.academy-member-browser-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.academy-member-browser-header-copy {
    flex: 1;
}

.academy-member-browser-kicker {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--neon-blue);
    margin-bottom: 8px;
}

.academy-member-browser-title {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
}

.academy-member-browser-copy {
    margin: 0;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.5;
}

.academy-member-browser-close {
    border: none;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 1rem;
    flex-shrink: 0;
    transition: 0.2s ease;
}

.academy-member-browser-close:hover {
    background: rgba(14, 165, 233, 0.18);
    color: var(--neon-blue);
}

.academy-member-browser-list {
    padding: 20px 24px 24px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.academy-member-browser-empty {
    color: var(--text-muted);
    text-align: center;
    padding: 24px 14px;
    font-size: 1.03rem;
}

.academy-member-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.academy-member-card-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.academy-member-card-avatar {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--neon-blue);
    color: #fff;
    font-weight: 700;
    background-size: cover;
    background-position: center;
}

.academy-member-card-copy {
    min-width: 0;
}

.academy-member-card-name {
    color: #fff;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.3;
}

.academy-member-card-meta {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.45;
    margin-top: 3px;
    word-break: break-word;
}

.academy-member-card-actions {
    flex-shrink: 0;
}

.academy-member-card-follow {
    width: auto;
    min-width: 110px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.academy-member-card-follow.is-following {
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(16, 185, 129, 0.35);
    color: #10b981;
}

/* PATCH: Academy follow/unfollow red pill state v1 */
.academy-member-card-follow.is-unfollow-action,
#academy-profile-view .academy-profile-action-btn.is-unfollow-action,
#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-follow"].is-unfollow-action {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.24), rgba(127, 29, 29, 0.28)) !important;
    border-color: rgba(248, 113, 113, 0.56) !important;
    color: #fecaca !important;
    box-shadow:
        0 0 0 1px rgba(248, 113, 113, 0.12),
        0 12px 26px rgba(127, 29, 29, 0.18) !important;
}
/* END PATCH: Academy follow/unfollow red pill state v1 */

/* PATCH: Academy profile follow toggle no-flicker v4 */
#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-follow"],
#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-profile-action="toggle-follow"] {
    min-width: 168px !important;
    contain: layout paint !important;
}

html.yh-profile-follow-freeze,
body.yh-profile-follow-freeze {
    overflow: hidden !important;
}

body.yh-profile-follow-freeze .dashboard-layout,
body.yh-profile-follow-freeze #universe-hub-view,
body.yh-profile-follow-freeze .desktop-user-strip {
    pointer-events: none !important;
    user-select: none !important;
}

body[data-yh-page="dashboard"].yh-profile-follow-freeze #academy-profile-view.yh-dashboard-universe-profile-host,
body[data-yh-page="dashboard"].yh-profile-follow-freeze #academy-profile-view.yh-dashboard-universe-profile-host.hidden-step,
body[data-yh-page="dashboard"].yh-profile-follow-freeze #academy-profile-view[data-profile-follow-overlay-lock="true"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    filter: none !important;
    z-index: 30000 !important;
    isolation: isolate !important;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 32%),
        radial-gradient(circle at top right, rgba(211, 178, 112, 0.08), transparent 28%),
        linear-gradient(180deg, #020617 0%, #050816 52%, #020617 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body[data-yh-page="dashboard"].yh-profile-follow-freeze #academy-profile-view.yh-dashboard-universe-profile-host::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    background: #020617;
    pointer-events: none;
}

body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"],
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"].hidden-step,
body.yh-profile-follow-freeze #academy-profile-view[data-profile-layout="visited"][data-follow-toggle-pending="true"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"],
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"].fade-in,
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"] .academy-profile-shell,
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"] .academy-profile-hero-card,
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"] .academy-profile-cover-card,
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"] .academy-profile-card,
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"] .academy-profile-stat-strip,
body.yh-profile-follow-freeze #academy-profile-view[data-follow-toggle-pending="true"] .academy-profile-main-grid {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

#academy-profile-view[data-follow-toggle-pending="true"] .academy-profile-action-btn[data-action-rank="visited-secondary-follow"],
#academy-profile-view .academy-profile-action-btn[data-follow-loading="true"] {
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
    filter: none !important;
    pointer-events: none !important;
}

#academy-profile-view .academy-profile-action-btn[data-follow-loading="true"]::after {
    content: '';
    width: 13px;
    height: 13px;
    margin-left: 9px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.95);
    display: inline-block;
    vertical-align: -2px;
    animation: yh-btn-spin 0.8s linear infinite;
}
/* END PATCH: Academy profile follow toggle no-flicker v4 */

@media (max-width: 640px) {
    .academy-member-browser-dialog {
        width: calc(100vw - 20px);
        max-height: 82vh;
        border-radius: 18px;
    }

    .academy-member-browser-header,
    .academy-member-browser-list {
        padding-left: 16px;
        padding-right: 16px;
    }

    .academy-member-card {
        flex-direction: column;
        align-items: stretch;
    }

    .academy-member-card-actions,
    .academy-member-card-follow {
        width: 100%;
    }
}

/* Quick Access disabled card: Creatitfy coming soon */
.yh-resource-mini-card-disabled {
    cursor: default !important;
    pointer-events: none !important;
    opacity: 0.78;
}

.yh-resource-mini-copy-wrap {
    min-width: 0;
    flex: 1 1 auto;
}

.yh-resource-mini-name-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.yh-resource-mini-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9.5px;
    border-radius: 999px;
    border: 1px solid rgba(14, 165, 233, 0.45);
    background: rgba(14, 165, 233, 0.10);
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .yh-resource-mini-name-row {
        gap: 6px;
    }

    .yh-resource-mini-status {
        font-size: 0.91rem;
        padding: 3px 8.5px;
    }
}
/* ==========================================
   ROADMAP SETUP MODAL
   ========================================== */
#academy-roadmap-modal .modal-content {
    background: var(--panel-dark);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    padding: 3rem 2rem;
    position: relative;
    max-width: 720px;
    width: 90%;
    margin: 5vh auto;
    max-height: 90vh;
    overflow-y: auto;
}

#form-academy-roadmap {
    display: grid;
    gap: 0;
}

#form-academy-roadmap .input-field {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    padding: 14px 17px;
    border-radius: 8px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 1.03rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

#form-academy-roadmap .input-field:focus {
    outline: none;
    background: rgba(14, 165, 233, 0.05);
    border-color: var(--neon-blue);
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.4);
}

#form-academy-roadmap .input-field::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

#academy-roadmap-modal .input-field.styled-select {
    background-color: rgba(14, 165, 233, 0.1);
    border: 1px solid var(--neon-blue);
    color: #fff;
    height: 47px;
    font-weight: 500;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230ea5e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1.2em;
    padding-right: 2.5rem;
}

#academy-roadmap-modal .input-field.styled-select:focus {
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.5);
    background-color: rgba(14, 165, 233, 0.15);
}

#academy-roadmap-modal .input-field.styled-select option {
    background: #1e293b;
    color: #f9fafb;
    padding: 14px;
}

.roadmap-intake-phase {
    display: grid;
    gap: 1rem;
}
.roadmap-builder-form {
    gap: 1rem !important;
}

.roadmap-builder-progress {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.45rem;
    margin-bottom: 1.1rem;
}

.roadmap-builder-progress span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0.35rem 0.54rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.91rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.roadmap-builder-progress span.is-active {
    border-color: rgba(14, 165, 233, 0.5);
    background: rgba(14, 165, 233, 0.14);
    color: #7dd3fc;
}

.roadmap-builder-progress span.is-complete {
    border-color: rgba(34, 197, 94, 0.32);
    background: rgba(34, 197, 94, 0.08);
    color: #86efac;
}

.roadmap-builder-hero,
.roadmap-commitment-card,
.roadmap-season-choice-panel,
.roadmap-dna-card {
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 36%),
        rgba(255, 255, 255, 0.032);
    padding: clamp(1rem, 2.4vw, 1.35rem);
}

.roadmap-season-choice-panel {
    display: grid;
    gap: 0.85rem;
}

.roadmap-builder-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.roadmap-builder-card-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.roadmap-pillar-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.roadmap-builder-card {
    appearance: none;
    width: 100%;
    min-height: 116px;
    display: grid;
    gap: 0.42rem;
    align-content: start;
    padding: 1.04rem;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    background: rgba(255, 255, 255, 0.035);
    color: #f8fafc;
    text-align: left;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.roadmap-builder-card:hover {
    transform: translateY(-1px);
    border-color: rgba(14, 165, 233, 0.42);
    background: rgba(14, 165, 233, 0.07);
}

.roadmap-builder-card.is-selected {
    border-color: rgba(14, 165, 233, 0.68);
    background: rgba(14, 165, 233, 0.13);
    box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.16), 0 18px 36px rgba(2, 6, 23, 0.2);
}

.roadmap-builder-card strong {
    color: #f8fafc;
    font-size: 1.03rem;
    line-height: 1.35;
}

.roadmap-builder-card span {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.48;
}

.roadmap-hidden-native-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.roadmap-dna-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.roadmap-dna-grid div {
    display: grid;
    gap: 0.25rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.24);
    padding: 0.91rem;
}

.roadmap-dna-grid span {
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.roadmap-dna-grid strong {
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.4;
}

.roadmap-commitment-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.roadmap-commitment-strip span {
    border: 1px solid rgba(14, 165, 233, 0.28);
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.08);
    color: #dbeafe;
    padding: 0.51rem 0.82rem;
    font-size: 0.95rem;
    font-weight: 800;
}
.roadmap-step-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    padding: 0.36rem 0.93rem;
    border-radius: 999px;
    border: 1px solid rgba(14, 165, 233, 0.38);
    background: rgba(14, 165, 233, 0.12);
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.roadmap-scope-header {
    display: grid;
    gap: 0.45rem;
}

.roadmap-scope-title {
    margin: 0;
    color: #f8fafc;
    font-size: 1.28rem;
    font-weight: 700;
}

.roadmap-scope-copy {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.6;
    font-size: 1.03rem;
}

.roadmap-selected-scope-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.49rem 0.93rem;
    border-radius: 999px;
    border: 1px solid rgba(14, 165, 233, 0.38);
    background: rgba(14, 165, 233, 0.12);
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

#roadmap-scope-questions {
    display: grid;
    gap: 1rem;
}

.roadmap-scope-block {
    display: grid;
    gap: 1rem;
    padding: 1.13rem;
    border-radius: 16px;
    border: 1px solid rgba(14, 165, 233, 0.18);
    background: rgba(255, 255, 255, 0.03);
}

.roadmap-scope-block-head {
    display: grid;
    gap: 0.35rem;
}

.roadmap-scope-block-kicker {
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.roadmap-scope-block-copy {
    color: var(--text-muted);
    line-height: 1.6;
    font-size: 1.03rem;
}

.roadmap-shared-section {
    display: grid;
    gap: 1rem;
    margin-top: 0.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.roadmap-smart-section,
.roadmap-answer-chip-panel,
.roadmap-diagnosis-card {
    display: grid;
    gap: 1rem;
    padding: 1.13rem;
    border-radius: 16px;
    border: 1px solid rgba(14, 165, 233, 0.18);
    background: rgba(255, 255, 255, 0.035);
}

.roadmap-smart-copy {
    margin: -0.25rem 0 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.roadmap-answer-chip-row {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.roadmap-answer-chip {
    border: 1px solid rgba(14, 165, 233, 0.32);
    background: rgba(14, 165, 233, 0.1);
    color: #dbeafe;
    border-radius: 999px;
    padding: 0.57rem 0.88rem;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.roadmap-answer-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(14, 165, 233, 0.65);
    background: rgba(14, 165, 233, 0.18);
}

.roadmap-diagnosis-card {
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.14), transparent 36%),
        rgba(255, 255, 255, 0.035);
}

.roadmap-diagnosis-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.roadmap-diagnosis-head h4 {
    margin: 0.25rem 0 0;
    color: #f8fafc;
    font-size: 1.05rem;
}

#roadmap-accuracy-score {
    color: #7dd3fc;
    font-size: 1.25rem;
}.roadmap-accuracy-track {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.08);
}.roadmap-accuracy-fill {
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(14, 165, 233, 0.24), rgba(34, 197, 94, 0.24));
    transition: width 0.25s ease;
}

#roadmap-diagnosis-copy {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.roadmap-shared-kicker {
    color: #cbd5e1;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.roadmap-phase-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 0.25rem;
}

.roadmap-phase-actions-split > * {
    flex: 1 1 0;
}

@media (max-width: 640px) {
    #academy-roadmap-modal .modal-content {
        width: 100%;
        padding: 2.25rem 1.27rem 1.48rem;
        max-height: 88vh;
    }

    .roadmap-phase-actions {
        flex-direction: column;
    }

    .roadmap-phase-actions-split > * {
        width: 100%;
    }

    .roadmap-smart-section,
    .roadmap-answer-chip-panel,
    .roadmap-diagnosis-card {
        padding: 0.97rem;
        border-radius: 14px;
    }

    .roadmap-answer-chip-row {
        gap: 0.45rem;
    }

    .roadmap-answer-chip {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .roadmap-diagnosis-head {
        align-items: center;
    }
}
.sidebar-text-group {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.academy-tab-state-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0.2rem 0.64rem;
    border-radius: 999px;
    font-size: 0.91rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
    border: 1px solid rgba(14, 165, 233, 0.35);
    background: rgba(14, 165, 233, 0.12);
    color: #7dd3fc;
}

.academy-tab-state-badge.is-pending {
    border-color: rgba(245, 158, 11, 0.38);
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
}

.academy-tab-state-badge.is-unlocked {
    border-color: rgba(16, 185, 129, 0.35);
    background: rgba(16, 185, 129, 0.12);
    color: #34d399;
}

.academy-tab-state-badge.is-hidden {
    display: none;
}
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-cta-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    width: 100%;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-shell {
    position: relative;
    width: 100%;
    min-height: 56px;
    border-radius: 16px;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 1.07rem 1.32rem;
    border-radius: 16px;
    border: 1px solid rgba(56, 189, 248, 0.72);
    background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 100%);
    color: #f8fdff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    box-shadow:
        0 10px 26px rgba(14, 165, 233, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.26);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    pointer-events: none;
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-shell:hover .academy-entry-button-visual,
.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-button-shell:focus-within .academy-entry-button-visual {
    transform: translateY(-1px);
    box-shadow:
        0 14px 30px rgba(14, 165, 233, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
    filter: brightness(1.03);
}

.yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .academy-entry-hit-button {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 56px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    appearance: none;
    -webkit-appearance: none;
}

.academy-entry-state-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    min-height: 42px;
    padding: 0.88rem 1.13rem;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: #dbeafe;
}

.academy-entry-state-note {
    display: block;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.45;
    opacity: 0.94;
}

.academy-entry-state-badge.is-hidden {
    display: none;
}

.academy-entry-state-badge.is-pending {
    border-color: rgba(245, 158, 11, 0.38);
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
}

.academy-entry-state-badge.is-approved {
    border-color: rgba(16, 185, 129, 0.35);
    background: rgba(16, 185, 129, 0.12);
    color: #34d399;
}

.academy-entry-state-badge.is-waitlisted,
.academy-entry-state-badge.is-rejected {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
}
.academy-roadmap-gate-panel {
    max-width: 760px;
    margin: 0 auto;
}

.academy-roadmap-gate-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    margin-top: 12px;
    padding: 0.35rem 0.93rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    border: 1px solid rgba(14, 165, 233, 0.35);
    background: rgba(14, 165, 233, 0.12);
    color: #7dd3fc;
}

.academy-roadmap-gate-badge.is-pending {
    border-color: rgba(245, 158, 11, 0.38);
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
}

.academy-roadmap-gate-actions {
    margin-top: 16px;
    justify-content: flex-start;
}

.academy-roadmap-gate-cta {
    min-width: 220px;
}
/* ========================================================= */
/* YH I18N LANGUAGE SWITCHER                                 */
/* ========================================================= */
.yh-topbar-actions,
.nav-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.yh-lang-switcher-wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.yh-lang-switcher {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 74px;
    height: 42px;
    padding: 0 34px 0 12px;
    border-radius: 12px;
    border: 1px solid rgba(14, 165, 233, 0.35);
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-main);
    font-weight: 700;
    font-size: 1.03rem;
    cursor: pointer;
    outline: none;
    box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.08) inset;
    transition: 0.2s ease;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.85) 50%),
        linear-gradient(135deg, rgba(255,255,255,0.85) 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 2px),
        calc(100% - 12px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.yh-lang-switcher:hover,
.yh-lang-switcher:focus {
    border-color: rgba(14, 165, 233, 0.7);
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

.yh-lang-switcher option {
    background: #0f172a;
    color: #fff;
}

@media (max-width: 768px) {
    .yh-topbar-actions {
        display: none !important;
    }

    .yh-top-nav {
        height: auto;
        min-height: 64px;
        padding: 10px 14px;
        gap: 10px;
    }

    .nav-brand {
        font-size: 1.03rem;
        letter-spacing: 0.06em;
    }

    .nav-brand img {
        width: 30px;
        height: 30px;
    }

    .nav-actions {
        gap: 8px;
    }

    .yh-lang-switcher {
        min-width: 68px;
        height: 38px;
        font-size: 1rem;
        padding: 0 30px 0 10px;
        border-radius: 10px;
    }
}
#yh-landing-activity-text {
    transition: opacity 0.18s ease;
}

.yh-world-map-fallback {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(3, 8, 20, 0.32), rgba(2, 6, 23, 0.82));
}

.yh-world-map-fallback-glow {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 45%, rgba(56, 189, 248, 0.12), transparent 28%),
        radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.08), transparent 42%);
}

.yh-world-map-fallback-grid {
    position: absolute;
    inset: 0;
    opacity: 0.14;
    background-image:
        linear-gradient(rgba(56, 189, 248, 0.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.18) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(circle at center, black 28%, transparent 74%);
    -webkit-mask-image: radial-gradient(circle at center, black 28%, transparent 74%);
}

.yh-world-map-fallback-orb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(66%, 320px);
    aspect-ratio: 1 / 1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,0.22), transparent 18%),
        radial-gradient(circle at 50% 50%, rgba(56,189,248,0.2), rgba(2,6,23,0.08) 58%, rgba(2,6,23,0) 72%);
    box-shadow:
        inset 0 0 58px rgba(56, 189, 248, 0.18),
        0 0 76px rgba(56, 189, 248, 0.14),
        0 0 120px rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(125, 211, 252, 0.22);
}

.yh-world-map-fallback-pulse {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #7dd3fc;
    box-shadow:
        0 0 0 10px rgba(56, 189, 248, 0.12),
        0 0 18px rgba(125, 211, 252, 0.65),
        0 0 34px rgba(56, 189, 248, 0.4);
    animation: yhLandingPulse 2.7s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.pulse-1 { top: 33%; left: 38%; animation-delay: 0s; }
.pulse-2 { top: 42%; left: 58%; animation-delay: 0.25s; }
.pulse-3 { top: 54%; left: 49%; animation-delay: 0.5s; }
.pulse-4 { top: 48%; left: 32%; animation-delay: 0.75s; }
.pulse-5 { top: 38%; left: 67%; animation-delay: 1s; }
.pulse-6 { top: 60%; left: 61%; animation-delay: 1.25s; }

@keyframes yhLandingPulse {
    0% {
        transform: scale(0.82);
        opacity: 0.42;
    }
    45% {
        transform: scale(1.85);
        opacity: 1;
    }
    100% {
        transform: scale(2.55);
        opacity: 0;
    }
}
/* ========================================================= */
/* LANDING LIVE ACTIVITY: Academy event stream               */
/* ========================================================= */
.yh-landing-activity-card-copy {
    min-width: 0;
    width: 100%;
}

.yh-landing-activity-stream {
width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.42rem, 0.58vw, 0.58rem);
}

.yh-landing-activity-event {
appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    cursor: pointer;
    touch-action: pan-y;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
    min-height: 74px;
    gap: 0.18rem;
    padding: 0.58rem 0.64rem 0.52rem;
    overflow: hidden;
}

.yh-landing-activity-event:hover {
    transform: translateY(-1px);
}

.yh-landing-activity-event.is-active {
position: relative;
}

.yh-landing-activity-event strong {
    display: block;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    overflow-wrap: normal;
}

.yh-landing-activity-meta {
display: block;
    width: 100%;
    margin-top: 0.05rem;
    line-height: 1.12;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* LANDING MAP: fresh globe.gl clouds stage                  */
/* ========================================================= */
.yh-landing-globe-stage {
    position: relative;
    width: min(52vw, 690px);
    min-width: min(52vw, 690px);
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    overflow: visible;
    transform: translateX(1vw);
}

.yh-landing-visual-glow,
.yh-landing-visual-noise {
    display: block;
}

.yh-landing-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(125, 211, 252, 0.16);
    border-radius: 50%;
    pointer-events: none;
    z-index: 3;
    transform: translate(-50%, -50%) rotate(-18deg);
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.04);
}

.yh-landing-orbit-one {
    width: 104%;
    height: 48%;
}

.yh-landing-orbit-two {
    width: 118%;
    height: 56%;
    transform: translate(-50%, -50%) rotate(17deg);
    opacity: 0.58;
}

.yh-landing-orbit-three {
    width: 88%;
    height: 42%;
    transform: translate(-50%, -50%) rotate(-42deg);
    opacity: 0.42;
}

.yh-landing-map-stage-wrap {
    position: relative;
    width: 100%;
    min-height: 0;
    height: 100%;
    overflow: visible;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    isolation: auto;
    -webkit-mask-image: none;
    mask-image: none;
    transform: translateZ(0);
}

.yh-landing-map-stage-wrap::before,
.yh-landing-map-stage-wrap::after {
    content: none;
    display: none;
}
.yh-landing-map-stage-wrap::before {
    background: none;
    filter: none;
    opacity: 0;
    animation: none;
}

.yh-landing-map-stage-wrap::after {
    background: none;
    filter: none;
    opacity: 0;
    animation: none;
}

.yh-world-map {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
    background: transparent !important;
    pointer-events: auto;
    cursor: grab;
    border-radius: 0;
    filter:
        drop-shadow(0 0 24px rgba(125, 211, 252, 0.28))
        drop-shadow(0 0 92px rgba(37, 99, 235, 0.22));
}

.yh-world-map:active {
    cursor: grabbing;
}

.yh-world-map > div,
.yh-world-map canvas {
    display: block;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    will-change: transform;
}

.yh-landing-map-shine {
    position: absolute;
    inset: 6%;
    z-index: 2;
    border-radius: 999px;
    pointer-events: none;
    background:
        radial-gradient(circle at 38% 18%, rgba(255, 255, 255, 0.18), transparent 14%),
        radial-gradient(circle at 68% 52%, rgba(56, 189, 248, 0.08), transparent 28%);
    mix-blend-mode: screen;
}

.yh-landing-map-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: 999px;
    background:
        radial-gradient(circle at 48% 48%, rgba(125, 211, 252, 0.05), transparent 20%),
        radial-gradient(circle at 50% 50%, rgba(2, 6, 23, 0), transparent 44%);
}

@keyframes yhLandingSkyAura {
    0%, 100% {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 0.62;
    }
    50% {
        transform: scale(1.04) translate3d(0, -8px, 0);
        opacity: 0.95;
    }
}

/* SEARCH RESULTS PANEL: NO HORIZONTAL SCROLL + FIT CONTENT INSIDE CARD */
#academy-wrapper .academy-search-results-panel,
#academy-wrapper .academy-search-results-inner {
    overflow-x: hidden;
}

#academy-wrapper .academy-search-results-head {
    flex-wrap: wrap;
    align-items: flex-start;
}

#academy-wrapper .academy-search-results-title {
    min-width: 0;
    flex: 1 1 88px;
}

#academy-wrapper .academy-search-results-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 1 1 140px;
    min-width: 0;
    flex-wrap: wrap;
}

#academy-wrapper .academy-search-results-open {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
}

#academy-wrapper .academy-search-tag-row,
#academy-wrapper .academy-search-results-inner .academy-member-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#academy-wrapper .academy-search-results-inner .academy-member-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

#academy-wrapper .academy-search-results-inner .academy-member-card-main,
#academy-wrapper .academy-search-results-inner .academy-member-card-left,
#academy-wrapper .academy-search-results-inner .academy-member-card-copy {
    min-width: 0;
    flex: 1 1 100%;
    max-width: 100%;
}

#academy-wrapper .academy-search-results-inner .academy-member-card-name,
#academy-wrapper .academy-search-results-inner .academy-member-card-meta,
#academy-wrapper .academy-search-results-inner .academy-search-result-meta,
#academy-wrapper .academy-search-results-inner .academy-search-result-tags,
#academy-wrapper .academy-search-results-inner .academy-member-card-copy small {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#academy-wrapper .academy-search-results-inner .academy-search-result-actions,
#academy-wrapper .academy-search-results-inner .academy-member-card-actions {
    width: 100%;
    min-width: 0;
    display: flex;
    justify-content: stretch;
}

#academy-wrapper .academy-search-results-inner .academy-member-card-follow {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
}

@media (max-width: 768px) {
    #academy-wrapper .academy-search-results-panel {
        max-width: 100%;
    }

    #academy-wrapper .academy-search-results-head {
        gap: 10px;
    }

    #academy-wrapper .academy-search-results-actions {
        width: 100%;
        justify-content: space-between;
    }

    #academy-wrapper .academy-search-results-open,
    #academy-wrapper .academy-search-results-close {
        flex: 0 1 auto;
    }
}
/* ========================================================= */
/* YH Confirm Modal (UI replacement for browser confirm)     */
/* ========================================================= */
.yh-confirm-overlay {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, 0.58);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.yh-confirm-card {
    width: min(92vw, 520px);
    background: rgba(17, 24, 39, 0.92);
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 16px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
    padding: 18px 18px 16px;
}

.yh-confirm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.yh-confirm-title {
    font-weight: 800;
    letter-spacing: 0.02em;
}

.yh-confirm-x {
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(2, 6, 23, 0.4);
    color: rgba(255, 255, 255, 0.92);
    width: 34px;
    height: 34px;
    border-radius: 10px;
    cursor: pointer;
}

.yh-confirm-message {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.45;
    font-size: 1.03rem;
    margin-bottom: 14px;
}

.yh-confirm-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.yh-confirm-actions .btn-secondary,
.yh-confirm-actions .btn-primary {
    width: auto;
    padding: 10px 14px;
    border-radius: 12px;
}

.yh-confirm-ok.is-danger {
    background: rgba(239, 68, 68, 0.86) !important;
    border: 1px solid rgba(239, 68, 68, 0.55) !important;
    box-shadow: 0 14px 30px rgba(239, 68, 68, 0.18);
}

.yh-confirm-ok.is-danger:hover {
    filter: brightness(1.05);
}

/* ========================================================= */
/* YH Tab Loader (prevents tab switch flicker)                */
/* ========================================================= */
.yh-tab-loader {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background:
        radial-gradient(circle at center, rgba(56, 189, 248, 0.030), transparent 38%),
        rgba(2, 6, 23, 0.30);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease;
}

.yh-tab-loader.is-active {
    opacity: 1;
    pointer-events: auto;
}

.yh-tab-loader-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 22px;
    border-radius: 18px;
    background: rgba(17, 24, 39, 0.78);
    border: 1px solid rgba(56, 189, 248, 0.22);
    box-shadow: 0 24px 60px rgba(0,0,0,0.55);
}

.yh-tab-loader-logo {
    width: 84px;
    height: 84px;
    object-fit: contain;
    filter: drop-shadow(0 16px 24px rgba(14, 165, 233, 0.18));
    animation: yhLoaderPulse 1.1s ease-in-out infinite;
}

.yh-tab-loader-text {
    font-size: 1.03rem;
    color: rgba(255,255,255,0.82);
    letter-spacing: 0.02em;
}

@keyframes yhLoaderPulse {
    0%, 100% { transform: scale(0.98); opacity: 0.9; }
    50% { transform: scale(1.05); opacity: 1; }
}
/* ==========================================
   ACADEMY FEED: SHARED POST EMBED (FB-style)
   ========================================== */

#academy-feed-view .academy-feed-share-embed {
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.06);
}

#academy-feed-view .academy-feed-share-embed-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#academy-feed-view .academy-feed-share-embed-label {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(56, 189, 248, 0.95);
    white-space: nowrap;
}

#academy-feed-view .academy-feed-share-embed-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    justify-content: flex-end;
}

#academy-feed-view .academy-feed-share-embed-name {
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    min-width: 0;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#academy-feed-view .academy-feed-share-embed-role {
    font-size: 0.95rem;
    color: var(--text-muted);
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 2px 9.5px;
    border-radius: 999px;
    white-space: nowrap;
}

#academy-feed-view .academy-feed-share-embed-body {
    margin-top: 8px;
    color: #e5e7eb;
    line-height: 1.5;
    font-size: 1.03rem;
    word-break: break-word;
}
/* ========================================= */
/* CENTERED ACADEMY SEARCH RESULTS OVERLAY   */
/* ========================================= */
#academy-wrapper .academy-search-results-panel {
    position: fixed;
    inset: 0;
    z-index: 1200;
    padding: 96px 24px 32px;
    background: rgba(2, 6, 23, 0.28);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow-y: auto;
    overflow-x: hidden;
}

#academy-wrapper .academy-search-results-panel.hidden-step {
    display: none !important;
}

#academy-wrapper .academy-search-results-panel:not(.hidden-step) {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
}

#academy-wrapper .academy-search-results-inner {
    width: min(860px, calc(100vw - 48px));
    max-width: 100%;
    margin: 0 auto;
    flex: 0 0 auto;
}

#academy-wrapper .academy-search-results-inner > * {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#academy-wrapper .academy-search-results-inner .academy-member-card,
#academy-wrapper .academy-search-results-inner article {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#academy-wrapper .academy-search-results-inner .academy-member-card-name,
#academy-wrapper .academy-search-results-inner .academy-member-card-meta,
#academy-wrapper .academy-search-results-inner .academy-search-result-meta,
#academy-wrapper .academy-search-results-inner .academy-search-result-tags {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
/* ==========================================
   ACADEMY FEED: THREADED COMMENTS + EDIT UI
   ========================================== */

#academy-feed-view .academy-feed-post-body-display {
    margin-top: 8px;
    color: #e5e7eb;
    line-height: 1.45;
    font-size: 1.03rem;
    word-break: break-word;
}

#academy-feed-view .academy-feed-edited-label {
    display: inline-flex;
    margin-left: 8px;
    color: var(--text-muted);
    font-size: 0.95rem;
    font-weight: 600;
}

#academy-feed-view .academy-feed-card.is-feed-action-loading {
    position: relative;
    opacity: 0.86;
    pointer-events: none;
}

#academy-feed-view .academy-feed-card.is-feed-action-loading .academy-feed-card-action-status {
    pointer-events: none;
}

#academy-feed-view .academy-feed-card-action-status {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10002;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8.5px 12px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(2, 6, 23, 0.28);
    color: #dff6ff;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

#academy-feed-view .academy-feed-card-action-spinner {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.22);
    border-top-color: var(--neon-blue);
    flex: 0 0 auto;
    animation: yh-btn-spin 0.8s linear infinite;
}

#academy-feed-view .academy-feed-card-removing {
    opacity: 0 !important;
    transform: translateY(-6px) scale(0.985);
    transition: opacity 0.18s ease, transform 0.18s ease;
    pointer-events: none !important;
}

#academy-feed-view .academy-feed-post-edit-form,
#academy-feed-view .academy-feed-comment-edit-form,
#academy-feed-view .academy-feed-comment-reply-form {
    margin-top: 10px;
    display: grid;
    gap: 8px;
}

#academy-feed-view .academy-feed-post-edit-input,
#academy-feed-view .academy-feed-comment-edit-input,
#academy-feed-view .academy-feed-comment-reply-input {
    width: 100%;
    min-height: 64px !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
}

#academy-feed-view .academy-feed-inline-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

#academy-feed-view .academy-feed-inline-actions .btn-primary,
#academy-feed-view .academy-feed-inline-actions .btn-secondary {
    width: auto !important;
    min-width: 92px;
    min-height: 36px !important;
    padding: 8.5px 14px !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
}

#academy-feed-view .academy-feed-comments-loading,
#academy-feed-view .academy-feed-comments-empty {
    color: var(--text-muted);
    font-size: 1rem;
    padding: 9.5px 2px;
}

#academy-feed-view .academy-feed-comment-node {
    display: grid;
    gap: 8px;
    min-width: 0;
}

#academy-feed-view .academy-feed-comment-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

#academy-feed-view .academy-feed-comment-avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 999px;
    border: 1px solid rgba(14,165,233,0.25);
    background-size: cover;
    background-position: center;
    background-color: #0ea5e9;
    cursor: pointer;
    box-shadow: 0 0 14px rgba(14,165,233,0.18);
}

#academy-feed-view .academy-feed-comment-avatar-fallback {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.86rem;
}

#academy-feed-view .academy-feed-comment-main {
    min-width: 0;
    flex: 1;
}

#academy-feed-view .academy-feed-comment-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

#academy-feed-view .academy-feed-comment-author-wrap {
    min-width: 0;
}

#academy-feed-view .academy-feed-comment-author {
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    background: transparent;
    border: 0;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

#academy-feed-view .academy-feed-comment-meta {
    font-size: 0.95rem;
    color: var(--text-muted);
    margin-top: 2px;
}

#academy-feed-view .academy-feed-comment-body {
    margin-top: 8px;
    color: #e5e7eb;
    line-height: 1.55;
    word-break: break-word;
}

#academy-feed-view .academy-feed-comment-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

#academy-feed-view .academy-feed-comment-reply-btn {
    background: transparent;
    border: 0;
    color: var(--neon-blue);
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    padding: 0;
}

#academy-feed-view .academy-feed-comment-reply-btn:hover {
    color: #fff;
}

#academy-feed-view .academy-feed-comment-children {
    display: grid;
    gap: 8px;
    margin-left: 28px;
    padding-left: 14px;
    border-left: 1px solid rgba(14, 165, 233, 0.18);
}

#academy-feed-view .academy-feed-comment-menu-wrap {
    position: relative;
    flex: 0 0 auto;
}

#academy-feed-view .academy-feed-comment-menu-btn {
    width: auto !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 4px 10.5px !important;
    border-radius: 999px !important;
    font-size: 0.95rem !important;
}

#academy-feed-view .academy-feed-comment-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 132px;
    background: #0f172a;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 9.5px;
    display: grid;
    gap: 6px;
    z-index: 25;
    box-shadow: 0 18px 32px rgba(0,0,0,0.28);
}

#academy-feed-view .academy-feed-comment-menu .btn-secondary {
    width: 100% !important;
    min-height: 34px !important;
    padding: 8.5px 12px !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
}

@media (max-width: 520px) {
    #academy-feed-view .academy-feed-comment-card {
        padding: 12px;
        gap: 8px;
    }

    #academy-feed-view .academy-feed-comment-avatar {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    #academy-feed-view .academy-feed-comment-children {
        margin-left: 10px;
        padding-left: 10px;
    }

    #academy-feed-view .academy-feed-inline-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #academy-feed-view .academy-feed-inline-actions .btn-primary,
    #academy-feed-view .academy-feed-inline-actions .btn-secondary {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    #academy-wrapper .academy-search-results-panel {
        padding: 84px 16px 20px;
    }

    #academy-wrapper .academy-search-results-inner {
        width: min(100%, calc(100vw - 28px));
    }
}
/* =========================================
   ACADEMY SEARCH RESULTS - TRUE CENTER MODAL
   ========================================= */

body.academy-search-results-open {
    overflow: hidden;
}

body > #academy-search-results-panel,
#academy-search-results-panel {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1200 !important;
    display: none;
    padding: 96px 24px 32px !important;
    background: rgba(2, 6, 23, 0.28) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body > #academy-search-results-panel.hidden-step,
#academy-search-results-panel.hidden-step {
    display: none !important;
}

body > #academy-search-results-panel:not(.hidden-step),
#academy-search-results-panel:not(.hidden-step) {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

#academy-search-results-panel .academy-search-results-shell {
    width: min(860px, calc(100vw - 48px));
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    gap: 0;
}

#academy-search-results-panel .academy-search-results-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    background: rgba(7, 15, 33, 0.28);
    box-shadow: 0 24px 60px rgba(0,0,0,0.35);
}

#academy-search-results-panel .academy-search-results-inner {
    width: 100%;
    display: grid;
    gap: 12px;
    padding: 16px 18px 18px;
    max-height: calc(100vh - 180px);
    overflow: auto;
    border: 1px solid rgba(56, 189, 248, 0.24);
    border-top: none;
    border-radius: 0 0 20px 20px;
    background: rgba(7, 15, 33, 0.28);
    box-shadow: 0 24px 60px rgba(0,0,0,0.35);
}

#academy-search-results-panel .academy-search-results-title,
#academy-search-results-panel .academy-member-card-name,
#academy-search-results-panel .academy-member-card-meta,
#academy-search-results-panel .academy-search-result-meta,
#academy-search-results-panel .academy-search-result-tags {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#academy-search-results-panel .academy-search-results-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#academy-search-results-panel .academy-search-results-open {
    width: auto;
    min-width: 0;
    white-space: normal;
}

@media (max-width: 768px) {
    body > #academy-search-results-panel,
    #academy-search-results-panel {
        padding: 84px 16px 20px !important;
    }

    #academy-search-results-panel .academy-search-results-shell {
        width: min(100%, calc(100vw - 28px));
    }

    #academy-search-results-panel .academy-search-results-head {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    #academy-search-results-panel .academy-search-results-inner {
        max-height: calc(100vh - 150px);
    }
}
/* =========================================
   ACADEMY HEADER SEARCH
   ========================================= */

.academy-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.academy-header-left .header-topic {
    margin-right: 4px;
}

.academy-header-search-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 280px;
    width: min(360px, 100%);
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background: rgba(7, 15, 33, 0.22);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}

.academy-header-search-icon {
    flex: 0 0 auto;
    opacity: 0.9;
}

.academy-header-search-input {
    width: 100%;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-main);
    font-size: 1.03rem;
    line-height: 1.3;
}

.academy-header-search-input::placeholder {
    color: var(--text-muted);
}

.academy-chat-header-spacer {
    width: 0;
    height: 0;
    flex: 0 0 auto;
}

@media (max-width: 1100px) {
    .academy-header-search-wrap {
        width: min(320px, 100%);
    }

    
}

@media (max-width: 768px) {
    .academy-header-left {
        align-items: flex-start;
    }

    
.academy-header-search-wrap {
        width: 100%;
        min-width: 0;
        margin-top: 4px;
    }

    
}

/* =========================================
   ACADEMY SEARCH MODAL - POLISHED UI
   ========================================= */

#academy-search-results-panel .academy-search-results-head {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 18px 20px;
}

#academy-search-results-panel .academy-search-results-title {
    font-size: 1.04rem;
    font-weight: 700;
    color: #fff;
}

#academy-search-results-panel .academy-search-results-open {
    appearance: none;
    border: 1px solid rgba(56, 189, 248, 0.32);
    background: rgba(56, 189, 248, 0.12);
    color: #38bdf8;
    padding: 10.5px 16px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    cursor: pointer;
    transition: 0.2s ease;
}

#academy-search-results-panel .academy-search-results-open:hover {
    background: rgba(56, 189, 248, 0.2);
    border-color: rgba(56, 189, 248, 0.48);
    transform: translateY(-1px);
}

#academy-search-results-panel .academy-search-results-close {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
}

#academy-search-results-panel .academy-search-results-close:hover {
    background: rgba(255, 255, 255, 0.12);
    transform: translateY(-1px);
}

#academy-search-results-panel .academy-search-result-summary,
#academy-search-results-panel .academy-search-result-empty-card,
#academy-search-results-panel .academy-search-loading-card,
#academy-search-results-panel .academy-search-result-card {
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: linear-gradient(180deg, rgba(8, 18, 40, 0.28), rgba(5, 12, 28, 0.28));
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

#academy-search-results-panel .academy-search-result-summary {
    padding: 20px 20px 18px;
}

#academy-search-results-panel .academy-search-result-kicker {
    font-size: 0.95rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #38bdf8;
    font-weight: 700;
}

#academy-search-results-panel .academy-search-result-heading {
    margin-top: 8px;
    font-size: 1.35rem;
    line-height: 1.15;
    color: #fff;
    font-weight: 700;
}

#academy-search-results-panel .academy-search-result-copy {
    margin-top: 8px;
    color: var(--text-muted);
    line-height: 1.6;
}

#academy-search-results-panel .academy-search-result-count {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9.5px 14px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: #cfefff;
    font-size: 1rem;
    font-weight: 600;
}

#academy-search-results-panel .academy-search-result-list,
#academy-search-results-panel .academy-search-loading-grid {
    display: grid;
    gap: 12px;
}

#academy-search-results-panel .academy-search-result-card {
    padding: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

#academy-search-results-panel .academy-search-result-main {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1 1 420px;
    min-width: 0;
}

#academy-search-results-panel .academy-search-result-avatar {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(56, 189, 248, 0.14);
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

#academy-search-results-panel .academy-search-result-copy-wrap {
    min-width: 0;
    flex: 1 1 auto;
}

#academy-search-results-panel .academy-search-result-name {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

#academy-search-results-panel .academy-search-result-meta {
    margin-top: 4px;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

#academy-search-results-panel .academy-search-result-tags {
    margin-top: 6px;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.5;
}

#academy-search-results-panel .academy-search-result-preview {
    margin-top: 10px;
    color: #e5e7eb;
    font-size: 1.03rem;
    line-height: 1.6;
}

#academy-search-results-panel .academy-search-result-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
}

#academy-search-results-panel .academy-search-result-actions .academy-member-card-follow {
    min-width: 124px;
    width: auto;
}

#academy-search-results-panel .academy-search-result-empty-card {
    padding: 26px 20px;
    text-align: center;
}

#academy-search-results-panel .academy-search-result-empty-icon {
    font-size: 1.8rem;
    line-height: 1;
}

#academy-search-results-panel .academy-search-result-empty-title {
    margin-top: 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}

#academy-search-results-panel .academy-search-result-empty-copy {
    margin-top: 8px;
    color: var(--text-muted);
    line-height: 1.6;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

#academy-search-results-panel .academy-search-loading-card {
    padding: 20px;
}

#academy-search-results-panel .academy-search-loading-line {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0.06) 0%,
        rgba(56,189,248,0.16) 50%,
        rgba(255,255,255,0.06) 100%
    );
    background-size: 220% 100%;
    animation: academySearchPulse 1.15s linear infinite;
}

#academy-search-results-panel .academy-search-loading-line + .academy-search-loading-line {
    margin-top: 10px;
}

#academy-search-results-panel .academy-search-loading-line-lg { width: 62%; }
#academy-search-results-panel .academy-search-loading-line-md { width: 84%; }
#academy-search-results-panel .academy-search-loading-line-sm { width: 46%; }

@keyframes academySearchPulse {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (max-width: 768px) {
    #academy-search-results-panel .academy-search-result-heading {
        font-size: 1.12rem;
    }

    #academy-search-results-panel .academy-search-result-card {
        padding: 15px;
    }

    #academy-search-results-panel .academy-search-result-main {
        flex-basis: 100%;
    }

    #academy-search-results-panel .academy-search-result-actions {
        width: 100%;
    }

    #academy-search-results-panel .academy-search-result-actions .academy-member-card-follow {
        width: 100%;
    }
}
/* =========================================
   ACADEMY PROFILE INTEGRATIONS
   ========================================= */

#academy-profile-view[data-profile-layout] .academy-profile-shell {
    max-width: 1040px;
    gap: 16px;
}

#academy-profile-view[data-profile-layout] .academy-profile-hero-card,
#academy-profile-view[data-profile-layout] .academy-profile-card {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
}

#academy-profile-view .academy-profile-cover-card {
    position: relative;
    overflow: hidden;
    padding: 0;
}

#academy-profile-view .academy-profile-cover-band {
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 3;
    min-height: 0;
    background:
        linear-gradient(135deg, rgba(14, 165, 233, 0.22), rgba(15, 23, 42, 0.08)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#academy-profile-view .academy-profile-cover-band[data-profile-image-preview],
#academy-profile-view .academy-profile-avatar[data-profile-image-preview] {
    cursor: zoom-in;
}

#academy-profile-view .academy-profile-cover-band[data-profile-image-preview]:focus-visible,
#academy-profile-view .academy-profile-avatar[data-profile-image-preview]:focus-visible {
    outline: 2px solid rgba(14, 165, 233, 0.9);
    outline-offset: 3px;
}

#academy-profile-view .academy-profile-cover-body {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0 22px 22px;
    margin-top: -42px;
}

#academy-profile-view .academy-profile-cover-left {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    min-width: 0;
    flex: 1 1 560px;
}

#academy-profile-view .academy-profile-avatar-wrap {
    flex-shrink: 0;
}

#academy-profile-view .academy-profile-avatar {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    border: 4px solid rgba(5, 8, 22, 0.92);
    background: rgba(14, 165, 233, 0.18);
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.38);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}

#academy-profile-view .academy-profile-identity-block {
    min-width: 0;
    flex: 1 1 auto;
    padding-bottom: 6px;
}

#academy-profile-view .academy-profile-name {
    font-size: 1.5rem;
    line-height: 1.02;
    font-weight: 800;
    color: #fff;
}

#academy-profile-view .academy-profile-username {
    margin-top: 6px;
    color: #cbd5e1;
    font-size: 1.03rem;
}

#academy-profile-view .academy-profile-subline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

#academy-profile-view .academy-profile-role {
    margin-top: 0;
    color: var(--neon-blue);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

#academy-profile-view .academy-profile-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9.5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(56, 189, 248, 0.12);
    color: #dff6ff;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1;
}

#academy-profile-view .academy-profile-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

#academy-profile-view .academy-profile-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7.5px 12px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: rgba(56, 189, 248, 0.08);
    color: #dff6ff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

#academy-profile-view .academy-profile-tag-chip-muted {
    color: var(--text-muted);
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

#academy-profile-view .academy-profile-hero-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 14px;
    min-width: 280px;
    margin-left: auto;
    padding-top: 16px;
    position: relative;
}

#academy-profile-view .academy-profile-action-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
}

#academy-profile-view .academy-profile-action-btn {
    width: auto;
    min-width: 140px;
    padding: 0.94rem 1.13rem;
    font-size: 1.03rem;
    white-space: nowrap;
    flex: 0 1 auto;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        opacity 0.18s ease;
}

#academy-profile-view .academy-profile-action-btn.is-following {
    border-color: rgba(56, 189, 248, 0.22);
    background: rgba(56, 189, 248, 0.1);
    color: #dff6ff;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-hero-actions {
    min-width: 360px;
    max-width: 430px;
    align-items: stretch;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-row {
    justify-content: flex-end;
    align-items: stretch;
    row-gap: 10px;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-primary-message"] {
    order: -3;
    width: 100%;
    min-width: 0;
    flex: 1 1 100%;
    justify-content: center;
    box-shadow: 0 12px 28px rgba(14, 165, 233, 0.18);
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-primary-message"]:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(14, 165, 233, 0.22);
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-follow"],
#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-friend"] {
    flex: 1 1 calc(50% - 5px);
    min-width: 0;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-follow"] {
    order: -2;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-friend"] {
    order: -1;
}

#academy-profile-view[data-profile-layout="visited"][data-profile-relationship-state="following"] .academy-profile-action-btn[data-action-rank="visited-secondary-follow"],
#academy-profile-view[data-profile-layout="visited"][data-profile-relationship-state="friends"] .academy-profile-action-btn[data-action-rank="visited-secondary-friend"],
#academy-profile-view[data-profile-layout="visited"][data-profile-relationship-state="outgoing-request"] .academy-profile-action-btn[data-action-rank="visited-secondary-friend"] {
    background: rgba(56, 189, 248, 0.1);
    border-color: rgba(56, 189, 248, 0.22);
    color: #dff6ff;
}

#academy-profile-view[data-profile-layout="visited"][data-profile-relationship-state="incoming-request"] .academy-profile-action-btn[data-action-rank="visited-secondary-friend"] {
    border-color: rgba(14, 165, 233, 0.32);
    box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.08);
}

#academy-profile-view[data-profile-layout="self"] .academy-profile-action-btn-message {
    display: none;
}

#academy-profile-view .academy-profile-social-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

#academy-profile-view .academy-profile-social-stat {
    min-width: 0;
    padding: 16px 17px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(8, 18, 40, 0.28), rgba(5, 12, 28, 0.28));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);
    position: relative;
}

#academy-profile-view .academy-profile-social-label {
    color: var(--text-muted);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

#academy-profile-view .academy-profile-social-value {
    margin-top: 8px;
    color: #fff;
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.15;
    word-break: break-word;
}

#academy-profile-view .academy-profile-social-meta {
    margin-top: 6px;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.35;
}

#academy-profile-view .academy-profile-social-value-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 36px;
    padding: 9.5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.2);
    background: rgba(56, 189, 248, 0.1);
    box-shadow: none;
}

#academy-profile-view[data-profile-layout="self"] .academy-profile-social-stat-visited,
#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-self {
    display: none;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    padding: 4px 12px 2px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.025);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.012);
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat {
    padding: 14px 18px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat::after {
    content: '';
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 12px;
    width: 1px;
    background: rgba(255, 255, 255, 0.08);
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat:last-child::after {
    display: none;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-followers {
    order: 1;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-following {
    order: 2;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-friends {
    order: 3;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-posts {
    order: 4;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-mutuals {
    order: 5;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status {
    order: 6;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status::after {
    display: none;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-label {
    font-size: 0.95rem;
    letter-spacing: 0.06em;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-value {
    margin-top: 5px;
    font-size: 1.26rem;
    line-height: 1.02;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-meta {
    margin-top: 6px;
    font-size: 1rem;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status .academy-profile-social-value-status {
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status[data-status-tone="friends"] .academy-profile-social-value-status {
    border-color: rgba(56, 189, 248, 0.26);
    background: rgba(56, 189, 248, 0.14);
    color: #e6f7ff;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status[data-status-tone="incoming-request"] .academy-profile-social-value-status {
    border-color: rgba(56, 189, 248, 0.3);
    background: rgba(56, 189, 248, 0.12);
    color: #f8fbff;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status[data-status-tone="outgoing-request"] .academy-profile-social-value-status,
#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status[data-status-tone="following"] .academy-profile-social-value-status {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #e8eefc;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-status[data-status-tone="active"] .academy-profile-social-value-status {
    border-color: rgba(56, 189, 248, 0.18);
    background: rgba(56, 189, 248, 0.08);
    color: #dff6ff;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-mutuals[data-has-mutuals="true"] .academy-profile-social-value {
    text-shadow: 0 0 18px rgba(56, 189, 248, 0.14);
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-followers .academy-profile-social-value,
#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-posts .academy-profile-social-value,
#academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat-mutuals .academy-profile-social-value {
    letter-spacing: -0.02em;
}

#academy-profile-view .academy-profile-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.95fr);
    gap: 16px;
    align-items: start;
}

#academy-profile-view .academy-profile-main-column {
    display: contents;
}

#academy-profile-view .academy-profile-side-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
}

#academy-profile-view .academy-profile-intro-card {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

#academy-profile-view .academy-profile-recent-card {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
}

#academy-profile-view .academy-profile-card-span {
    grid-column: 1 / -1;
}

#academy-profile-view .academy-profile-bio-inline {
    margin-top: 0;
}

#academy-profile-view .academy-profile-intro-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
}

#academy-profile-view .academy-profile-intro-heading {
    min-width: 0;
    flex: 1 1 auto;
}

#academy-profile-view .academy-profile-intro-visibility-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9.5px 14px;
    min-height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: rgba(56, 189, 248, 0.08);
    color: #dff6ff;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

#academy-profile-view .academy-profile-visit-note-panel {
    margin-top: 14px;
    padding: 16px 17px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.03);
}

#academy-profile-view .academy-profile-visit-note-title {
    color: #e5f3ff;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#academy-profile-view .academy-profile-visit-note {
    margin-top: 8px;
    color: var(--text-muted);
    line-height: 1.68;
    font-size: 1.03rem;
}

#academy-profile-view .academy-profile-intro-facts {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#academy-profile-view .academy-profile-intro-fact {
    min-width: 0;
    padding: 14px 15px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
}

#academy-profile-view .academy-profile-intro-fact span {
    display: block;
    color: var(--text-muted);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

#academy-profile-view .academy-profile-intro-fact strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 1.03rem;
    line-height: 1.35;
    word-break: break-word;
}

#academy-profile-view .academy-profile-context-summary {
    margin-top: 12px;
    margin-bottom: 14px;
    padding: 15px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.03);
    color: #d8e5f2;
    line-height: 1.62;
    font-size: 1.03rem;
}

#academy-profile-view .academy-profile-context-copy {
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-muted);
    line-height: 1.6;
    font-size: 1.03rem;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-intro-card {
    background: linear-gradient(180deg, rgba(10, 20, 40, 0.22), rgba(5, 12, 28, 0.22));
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-visit-note-panel {
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.06), rgba(255, 255, 255, 0.02));
    border-color: rgba(56, 189, 248, 0.12);
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-context-summary {
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.05), rgba(255, 255, 255, 0.025));
    border-color: rgba(56, 189, 248, 0.1);
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-intro-fact,
#academy-profile-view[data-profile-layout="visited"] .academy-profile-context-card .academy-profile-stat-row {
    background: rgba(255, 255, 255, 0.025);
}

#academy-profile-view .academy-profile-header-right {
    margin-left: auto;
    justify-content: flex-end;
}

#academy-profile-view .academy-profile-back-btn {
    width: auto;
    min-width: 84px;
    min-height: 38px;
    padding: 9.5px 15px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.32);
    background: rgba(8, 18, 40, 0.72);
    color: #bae6fd;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        color 0.18s ease;
}

#academy-profile-view .academy-profile-back-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(56, 189, 248, 0.58);
    background: rgba(14, 165, 233, 0.14);
    color: #f8fbff;
}

#academy-profile-view[data-profile-layout="self"] .academy-profile-back-btn {
    display: none !important;
}

#academy-profile-view .academy-profile-header-edit-btn {
    width: auto;
    min-width: 158px;
    white-space: nowrap;
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-header-edit-btn {
    display: none;
}

@media (max-width: 768px) {
    #academy-profile-view .academy-profile-back-btn {
        min-width: 76px;
        min-height: 36px;
        padding: 9.5px 14px;
        font-size: 1rem;
    }

    #academy-profile-view .academy-profile-header-edit-btn {
        width: 100%;
        min-width: 0;
    }

    .academy-profile-image-preview-overlay {
        padding: 18px;
    }

    .academy-profile-image-preview-close {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }
}

.academy-profile-cropper-overlay {
    position: fixed;
    inset: 0;
    z-index: 1450;
    background: rgba(2, 6, 23, 0.26);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.academy-profile-image-preview-overlay {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(2, 6, 23, 0.26);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.academy-profile-image-preview-card {
    width: min(94vw, 980px);
    max-height: min(88vh, 820px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.academy-profile-image-preview-title {
    align-self: flex-start;
    color: rgba(226, 232, 240, 0.86);
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.academy-profile-image-preview-img {
    display: block;
    max-width: 100%;
    max-height: calc(88vh - 44px);
    object-fit: contain;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
    background: rgba(15, 23, 42, 0.7);
}

.academy-profile-image-preview-close {
    position: fixed;
    top: max(18px, env(safe-area-inset-top));
    right: max(18px, env(safe-area-inset-right));
    z-index: 1601;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(15, 23, 42, 0.26);
    color: #fff;
    cursor: pointer;
    font-size: 1.05rem;
    font-weight: 800;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
    transition: transform 0.18s ease, background 0.18s ease;
}

.academy-profile-image-preview-close:hover {
    transform: translateY(-1px);
    background: rgba(30, 41, 59, 0.26);
}

body.academy-profile-image-preview-open {
    overflow: hidden;
}

.academy-profile-cropper-card {
    width: min(880px, 100%);
    max-height: min(94vh, 980px);
    display: flex;
    flex-direction: column;
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background: linear-gradient(180deg, rgba(10, 20, 40, 0.28), rgba(5, 12, 28, 0.28));
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.42);
    overflow: hidden;
}

.academy-profile-cropper-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.academy-profile-cropper-close {
    border: none;
    background: transparent;
    color: #dbeafe;
    font-size: 1rem;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    transition: background 0.18s ease, transform 0.18s ease;
}

.academy-profile-cropper-close:hover {
    background: rgba(255, 255, 255, 0.06);
    transform: translateY(-1px);
}

.academy-profile-cropper-body {
    padding: 22px;
    display: grid;
    gap: 16px;
    overflow: auto;
}

.academy-profile-cropper-stage {
    position: relative;
    width: min(100%, 560px);
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top, rgba(56, 189, 248, 0.14), transparent 58%),
        linear-gradient(180deg, rgba(2, 6, 23, 0.26), rgba(15, 23, 42, 0.26));
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.academy-profile-cropper-overlay[data-crop-kind="cover"] .academy-profile-cropper-stage {
    width: 100%;
    aspect-ratio: 8 / 3;
    border-radius: 22px;
}

.academy-profile-cropper-stage.is-dragging {
    cursor: grabbing;
}

.academy-profile-cropper-image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    transform-origin: center center;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    will-change: transform, left, top;
}

.academy-profile-cropper-frame {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.28),
        inset 0 0 0 999px rgba(2, 6, 23, 0.06);
}

.academy-profile-cropper-overlay[data-crop-kind="cover"] .academy-profile-cropper-frame {
    border-radius: 22px;
}

.academy-profile-cropper-controls {
    display: grid;
    gap: 10px;
}

.academy-profile-cropper-zoom-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.academy-profile-cropper-zoom-label {
    min-width: 48px;
    color: #e2e8f0;
    font-weight: 600;
}

.academy-profile-cropper-zoom {
    flex: 1;
}

.academy-profile-cropper-note {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

.academy-profile-cropper-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 22px 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

@media (max-width: 768px) {
    .academy-profile-cropper-body {
        padding: 18px;
    }

    .academy-profile-cropper-actions {
        flex-direction: column-reverse;
    }

    .academy-profile-cropper-actions .btn-secondary,
    .academy-profile-cropper-actions .btn-primary {
        width: 100%;
    }
}

.academy-profile-editor-overlay {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: rgba(2, 6, 23, 0.26);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.academy-profile-editor-card {
    width: min(760px, 100%);
    max-height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background: linear-gradient(180deg, rgba(10, 20, 40, 0.28), rgba(5, 12, 28, 0.28));
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.42);
    overflow: hidden;
}

.academy-profile-editor-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.academy-profile-editor-kicker {
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.academy-profile-editor-title {
    margin-top: 6px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
}

.academy-profile-editor-close {
    border: none;
    background: transparent;
    color: #dbeafe;
    font-size: 1rem;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    transition: background 0.18s ease, transform 0.18s ease;
}

.academy-profile-editor-close:hover {
    background: rgba(255, 255, 255, 0.06);
    transform: translateY(-1px);
}

.academy-profile-editor-body {
    padding: 20px 22px;
    overflow-y: auto;
    display: grid;
    gap: 18px;
}

.academy-profile-editor-preview {
    display: grid;
    gap: 14px;
}

.academy-profile-editor-cover-preview {
    min-height: 160px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(15, 23, 42, 0.08)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 16px;
    overflow: hidden;
}

.academy-profile-editor-avatar-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.03);
}

.academy-profile-editor-avatar-preview {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 3px solid rgba(5, 8, 22, 0.95);
    background: rgba(14, 165, 233, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 800;
}

.academy-profile-editor-avatar-title {
    color: #fff;
    font-weight: 700;
}

.academy-profile-editor-avatar-note,
.academy-profile-editor-field-note {
    margin-top: 4px;
    color: var(--text-muted);
    font-size: 0.84rem;
    line-height: 1.55;
}

.academy-profile-editor-upload-btn {
    width: auto;
    min-width: 150px;
    padding-left: 14px;
    padding-right: 14px;
}

.academy-profile-editor-actions {
    display: flex;
    gap: 10px;
    padding: 18px 22px 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.academy-profile-editor-actions .btn-secondary,
.academy-profile-editor-actions .btn-primary {
    width: 100%;
}

@media (max-width: 768px) {
    #academy-profile-view .academy-profile-intro-header {
        flex-direction: column;
        align-items: stretch;
    }

    #academy-profile-view .academy-profile-intro-visibility-badge {
        width: fit-content;
    }

    #academy-profile-view .academy-profile-intro-facts {
        grid-template-columns: 1fr;
    }

    #academy-profile-view .academy-profile-settings-preview {
        min-height: 104px;
    }

    .academy-profile-editor-card {
        max-height: 94vh;
        border-radius: 18px;
    }

    .academy-profile-editor-body {
        padding: 18px;
    }

    .academy-profile-editor-cover-preview {
        min-height: 132px;
    }

    .academy-profile-editor-avatar-row {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .academy-profile-editor-upload-btn {
        width: 100%;
        min-width: 0;
    }

    .academy-profile-editor-actions {
        padding: 16px 18px 18px;
        flex-direction: column;
    }
}

#academy-profile-view[data-profile-layout="visited"] .academy-profile-hidden-row {
    display: none;
}

#academy-profile-view .academy-profile-post-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(260px, auto);
    align-items: stretch;
    gap: 14px;
    margin-top: 0;
    max-height: calc((260px * 2) + 14px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    scrollbar-width: none;
}

#academy-profile-view .academy-profile-post-list::-webkit-scrollbar {
    width: 0;
    height: 0;
}
#academy-profile-view .academy-profile-post-list .academy-profile-empty-state {
    grid-column: 1 / -1;
}

#academy-profile-view .academy-profile-post-list .academy-profile-post-card,
#academy-profile-view .academy-profile-post-list .yh-universe-activity-card {
    min-width: 0;
    height: 100%;
}
#academy-profile-view .academy-profile-post-card {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background: linear-gradient(180deg, rgba(8, 18, 40, 0.28), rgba(5, 12, 28, 0.28));
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#academy-profile-view .academy-profile-post-card:hover {
    transform: translateY(-1px);
    border-color: rgba(56, 189, 248, 0.24);
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.2);
}

#academy-profile-view .academy-profile-post-meta {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.4;
}

#academy-profile-view .academy-profile-post-body {
    margin-top: 8px;
    color: #f8fafc;
    line-height: 1.65;
    white-space: pre-wrap;
    word-break: break-word;
}

#academy-profile-view .academy-profile-post-stats {
    margin-top: 10px;
    color: var(--text-muted);
    font-size: 1rem;
}

#academy-profile-view .academy-profile-empty-state {
    padding: 20px;
    border-radius: 16px;
    border: 1px dashed rgba(56, 189, 248, 0.18);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-muted);
    text-align: center;
    line-height: 1.6;
}

.academy-member-card-actions,
.academy-search-result-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.academy-member-card-visit {
    min-width: 132px;
    width: auto;
}

@media (max-width: 1024px) {
    #academy-profile-view .academy-profile-content-grid {
        grid-template-columns: 1fr;
    }

    #academy-profile-view .academy-profile-main-column {
        display: flex;
        flex-direction: column;
        gap: 16px;
        min-width: 0;
    }

    #academy-profile-view .academy-profile-intro-card,
    #academy-profile-view .academy-profile-recent-card,
    #academy-profile-view .academy-profile-side-column {
        grid-column: 1;
        grid-row: auto;
    }

    #academy-profile-view .academy-profile-side-column {
        order: 2;
    }
}

@media (max-width: 768px) {
    #academy-profile-view .academy-profile-cover-band {
        height: auto;
        aspect-ratio: 8 / 3;
    }

    #academy-profile-view .academy-profile-cover-body {
        padding: 0 16px 16px;
        margin-top: -34px;
        gap: 16px;
    }

    #academy-profile-view .academy-profile-cover-left {
        width: 100%;
        align-items: flex-end;
        gap: 12px;
    }

    #academy-profile-view .academy-profile-avatar {
        width: 86px;
        height: 86px;
        font-size: 1.45rem;
    }

    #academy-profile-view .academy-profile-name {
        font-size: 1.2rem;
    }

    #academy-profile-view .academy-profile-hero-actions {
        min-width: 100%;
        width: 100%;
        align-items: stretch;
        margin-left: 0;
        padding-top: 0;
        max-width: none;
    }

    #academy-profile-view .academy-profile-action-row {
        justify-content: stretch;
    }

    #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-primary-message"] {
        grid-column: 1 / -1;
    }

    #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-follow"],
    #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-secondary-friend"] {
        width: 100%;
    }

    #academy-profile-view[data-profile-layout="self"] .academy-profile-action-btn,
    .academy-member-card-visit,
    .academy-member-card-follow,
    .academy-search-result-actions .academy-member-card-follow {
        width: 100%;
        min-width: 0;
    }

    #academy-profile-view .academy-profile-social-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #academy-profile-view[data-profile-layout="visited"] .academy-profile-social-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 0;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    #academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat {
        padding: 16px 16px 15px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: linear-gradient(180deg, rgba(8, 18, 40, 0.86), rgba(5, 12, 28, 0.84));
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);
    }

    #academy-profile-view[data-profile-layout="visited"] .academy-profile-social-stat::after {
        display: none;
    }

    #academy-profile-view[data-profile-layout="visited"] .academy-profile-social-value {
        font-size: 1.14rem;
    }
}

@media (max-width: 480px) {
    #academy-profile-view .academy-profile-cover-left {
        align-items: center;
    }

    #academy-profile-view .academy-profile-subline {
        gap: 8px;
    }

    #academy-profile-view .academy-profile-social-strip {
        grid-template-columns: 1fr;
    }
}
/* Academy feed author profile shortcut */
.academy-feed-author-trigger {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.academy-feed-author-name {
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.academy-feed-author-name:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.academy-feed-author-avatar {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.academy-feed-author-avatar:hover {
    transform: scale(1.04);
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.22);
}
/* =========================================
   YH MESSENGER MODE
   ========================================= */

.chat-messages.yh-messenger-thread {
    padding: 20px 20px 12px !important;
    gap: 0.95rem;
}

.chat-messages.yh-messenger-thread #dynamic-chat-history {
    gap: 0.95rem;
}

.chat-messages.yh-messenger-thread .chat-bubble {
    max-width: min(72%, 540px);
    width: fit-content;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: flex-start;
}

.chat-messages.yh-messenger-thread .chat-bubble:hover {
    background: transparent !important;
}

.chat-messages.yh-messenger-thread .chat-bubble.mine {
    align-self: flex-end;
    max-width: min(72%, 540px);
}

.chat-messages.yh-messenger-thread .chat-bubble .bubble-header {
    margin-bottom: 6px;
    gap: 10px;
    align-items: flex-end;
}

.chat-messages.yh-messenger-thread .chat-bubble.mine .bubble-header {
    justify-content: flex-end;
}

.chat-messages.yh-messenger-thread .chat-bubble .bubble-avatar {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    flex-shrink: 0;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

.chat-messages.yh-messenger-thread .chat-bubble.mine .bubble-avatar,
.chat-messages.yh-messenger-thread .chat-bubble.mine .bubble-author {
    display: none;
}

.chat-messages.yh-messenger-thread .chat-bubble .bubble-author {
    font-size: 1rem;
    color: #dbeafe;
    font-weight: 600;
}

.chat-messages.yh-messenger-thread .chat-bubble .bubble-time {
    font-size: 0.95rem;
    color: rgba(148, 163, 184, 0.92);
}

.chat-messages.yh-messenger-thread .chat-bubble .bubble-body {
    padding: 14px 16px !important;
    margin-bottom: 0;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: #f8fafc;
    line-height: 1.55;
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.28);
    text-align: left !important;
}

.chat-messages.yh-messenger-thread .chat-bubble.mine .bubble-body {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.28), rgba(2, 132, 199, 0.28));
    border: 1px solid rgba(56, 189, 248, 0.45);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(14, 165, 233, 0.24);
}

.chat-messages.yh-messenger-thread .chat-bubble .chat-actions {
    padding-left: 44px;
    margin-top: 8px;
}

.chat-messages.yh-messenger-thread .chat-bubble.mine .chat-actions {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-end;
}

.chat-messages.yh-messenger-thread .chat-bubble.mine .delete-msg-btn {
    left: auto;
    right: -6px;
    top: -6px;
}

.chat-input-area.yh-messenger-composer {
    padding: 0.85rem 1rem 1rem 1rem;
    background: linear-gradient(
        180deg,
        rgba(5, 8, 22, 0) 0%,
        rgba(5, 8, 22, 0.72) 32%,
        rgba(5, 8, 22, 0.95) 100%
    );
    border-top: 1px solid rgba(56, 189, 248, 0.12);
}

.chat-input-area.yh-messenger-composer .chat-input-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 58px;
    padding: 10px 16px;
    border-radius: 20px;
    background: rgba(8, 15, 32, 0.95);
    border: 1px solid rgba(56, 189, 248, 0.18);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.42);
}
.chat-input-area.yh-messenger-composer .chat-input-container {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.chat-input-area.yh-messenger-composer .chat-text-input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 52px 0 14px;
    border: 0;
    outline: none;
    background: transparent;
    color: #f8fafc;
    pointer-events: auto;
    caret-color: #f8fafc;
}

.chat-input-area.yh-messenger-composer .chat-text-input::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

.chat-input-area.yh-messenger-composer .chat-send-btn {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    z-index: 2;
}

.chat-input-area.yh-messenger-composer .chat-input-wrapper:focus-within {
    border-color: rgba(56, 189, 248, 0.5);
    box-shadow: 0 20px 42px rgba(2, 6, 23, 0.5), 0 0 0 3px rgba(14, 165, 233, 0.08);
    transform: translateY(-1px);
}

.chat-input-area.yh-messenger-composer .plus-btn {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(14, 165, 233, 0.12);
    border-color: rgba(56, 189, 248, 0.24);
}

.chat-input-area.yh-messenger-composer .plus-btn:hover {
    transform: scale(1.04);
}

.chat-input-area.yh-messenger-composer .chat-text-input {
    font-size: 1.03rem;
}

.chat-input-area.yh-messenger-composer .chat-send-btn {
    right: 6px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(14, 165, 233, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.26);
    color: #7dd3fc;
}

.chat-input-area.yh-messenger-composer .chat-send-btn:hover {
    background: rgba(14, 165, 233, 0.28);
    color: #ffffff;
    transform: translateY(calc(-50% - 2px)) scale(1.04);
    box-shadow: 0 12px 24px rgba(14, 165, 233, 0.16);
    text-shadow: none;
}

.chat-input-area.yh-messenger-composer .chat-send-btn:active {
    transform: translateY(-50%) scale(0.96);
}

.chat-input-area.yh-messenger-composer .chat-send-btn:active {
    transform: translateY(-50%) scale(0.96);
}

.chat-input-area.yh-messenger-composer .input-extras span,
.chat-input-area.yh-messenger-composer .input-extras .composer-extra-btn {
    border-radius: 12px;
}

@media (max-width: 768px) {
    .chat-messages.yh-messenger-thread {
        padding: 16px 14px 9.5px !important;
    }

    .chat-messages.yh-messenger-thread .chat-bubble,
    .chat-messages.yh-messenger-thread .chat-bubble.mine {
        max-width: 86%;
    }

    .chat-input-area.yh-messenger-composer .input-extras {
        display: none;
    }
}
/* Profile message opening state */
#academy-profile-view.is-opening-message .academy-profile-action-row {
    pointer-events: none;
}

#academy-profile-view.is-opening-message .academy-profile-action-btn[data-action-rank="visited-secondary-follow"],
#academy-profile-view.is-opening-message .academy-profile-action-btn[data-action-rank="visited-secondary-friend"],
#academy-profile-view.is-opening-message .academy-profile-action-btn-follow,
#academy-profile-view.is-opening-message .academy-profile-action-btn-friend {
    opacity: 0.58;
    transform: none !important;
}

#academy-profile-view.is-opening-message .academy-profile-action-btn[data-action-rank="visited-primary-message"],
#academy-profile-view.is-opening-message .academy-profile-action-btn-message {
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.26), 0 10px 26px rgba(14, 165, 233, 0.18);
}
/* Better DM opening polish */
#academy-profile-view.is-opening-message .academy-profile-hero-card {
    position: relative;
}

#academy-profile-view.is-opening-message .academy-profile-hero-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        rgba(14, 165, 233, 0.00) 0%,
        rgba(14, 165, 233, 0.08) 50%,
        rgba(14, 165, 233, 0.00) 100%
    );
    pointer-events: none;
    animation: yhDmOpenSweep 1.15s linear infinite;
}

@keyframes yhDmOpenSweep {
    from { transform: translateX(-28%); }
    to { transform: translateX(28%); }
}

.yh-room-entry-pulse {
    animation: yhRoomEntryPulse 1.8s ease;
}

@keyframes yhRoomEntryPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.36);
        transform: translateY(0);
    }
    35% {
        box-shadow: 0 0 0 8px rgba(14, 165, 233, 0.10);
        transform: translateY(-1px);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(14, 165, 233, 0);
        transform: translateY(0);
    }
}
/* ==========================================
   ACADEMY CHECK-IN MODAL POLISH
   ========================================== */

#academy-checkin-modal {
    z-index: 10025;
    padding: clamp(16px, 3vh, 28px) 16px;
    overflow-y: auto;
}

#academy-checkin-modal .academy-checkin-dialog {
    width: min(560px, calc(100vw - 32px));
    max-width: 100%;
    max-height: min(82vh, 760px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
}

#academy-checkin-modal .academy-checkin-header {
    padding: 1.23rem 1.38rem;
}

#academy-checkin-modal .academy-checkin-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-muted);
    cursor: pointer;
    flex: 0 0 40px;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

#academy-checkin-modal .academy-checkin-close:hover,
#academy-checkin-modal .academy-checkin-close:focus-visible {
    background: rgba(14, 165, 233, 0.14);
    color: #fff;
    transform: rotate(90deg);
    outline: none;
}

#academy-checkin-modal .academy-checkin-form {
    min-height: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

#academy-checkin-modal .academy-checkin-body {
    padding: 1.23rem 1.38rem;
    overflow-y: auto;
}

#academy-checkin-modal .academy-checkin-actions {
    padding: 1.13rem 1.38rem;
}

#academy-checkin-modal .academy-checkin-actions .btn-secondary,
#academy-checkin-modal .academy-checkin-actions .btn-primary {
    min-height: 46px;
}

#academy-checkin-modal .academy-checkin-footer {
    align-items: center;
}

#academy-checkin-modal .academy-checkin-status {
    flex: 1 1 100%;
    min-height: 20px;
    font-size: 1rem;
    line-height: 1.45;
    color: var(--text-muted);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

#academy-checkin-modal .academy-checkin-status.is-hidden {
    display: none;
}

#academy-checkin-modal .academy-checkin-status.is-loading,
#academy-checkin-modal .academy-checkin-status.is-success,
#academy-checkin-modal .academy-checkin-status.is-error,
#academy-checkin-modal .academy-checkin-status.is-neutral {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

#academy-checkin-modal .academy-checkin-status.is-loading {
    color: #93c5fd;
}

#academy-checkin-modal .academy-checkin-status.is-success {
    color: #86efac;
}

#academy-checkin-modal .academy-checkin-status.is-error {
    color: #fca5a5;
}

#academy-checkin-modal .academy-checkin-submit-btn {
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#academy-checkin-modal .academy-checkin-submit-btn .yh-btn-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1em;
}

#academy-checkin-modal.is-saving .academy-checkin-dialog {
    box-shadow:
        0 0 0 1px rgba(56, 189, 248, 0.18),
        0 18px 40px rgba(2, 132, 199, 0.16);
}

#academy-checkin-modal.is-saved .academy-checkin-dialog {
    box-shadow:
        0 0 0 1px rgba(74, 222, 128, 0.18),
        0 18px 40px rgba(34, 197, 94, 0.14);
}

#academy-checkin-modal .academy-checkin-submit-btn[aria-busy="true"] {
    background: linear-gradient(180deg, #1d9bd1 0%, #0284c7 100%);
    box-shadow:
        0 0 0 1px rgba(125, 211, 252, 0.20),
        0 10px 24px rgba(14, 165, 233, 0.22);
    opacity: 1 !important;
}

#academy-checkin-modal.is-saved .academy-checkin-submit-btn,
#academy-checkin-modal.is-saved .academy-checkin-submit-btn:disabled {
    background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
    box-shadow:
        0 0 0 1px rgba(134, 239, 172, 0.18),
        0 10px 24px rgba(34, 197, 94, 0.18);
    opacity: 1 !important;
    color: #fff;
    cursor: default !important;
}

#academy-checkin-modal.is-saving .academy-checkin-close,
#academy-checkin-modal.is-saving #btn-cancel-checkin,
#academy-checkin-modal.is-saved .academy-checkin-close,
#academy-checkin-modal.is-saved #btn-cancel-checkin {
    opacity: 0.52;
    transform: none !important;
    box-shadow: none !important;
}

#academy-checkin-modal.is-saving .academy-checkin-body,
#academy-checkin-modal.is-saved .academy-checkin-body {
    opacity: 0.94;
}

@media (max-width: 640px) {
    #academy-checkin-modal .academy-checkin-dialog {
        width: calc(100vw - 24px);
        max-height: min(86vh, 720px);
    }

    #academy-checkin-modal .academy-checkin-header,
    #academy-checkin-modal .academy-checkin-body,
    #academy-checkin-modal .academy-checkin-actions {
        padding-left: 14px;
        padding-right: 14px;
    }

    #academy-checkin-modal .academy-checkin-actions .btn-secondary,
    #academy-checkin-modal .academy-checkin-actions .btn-primary {
        flex: 1 1 100%;
        width: 100%;
    }
}
/* ==========================================
   ACADEMY ROADMAP HOME CONTENT CLIP FIX
   ========================================== */
@media (min-width: 769px) {
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .academy-messages-inbox {
        min-height: auto !important;
        height: auto !important;
        align-items: start !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .academy-messages-thread-shell {
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] #dynamic-chat-history {
        display: block !important;
        overflow: visible !important;
        min-height: 0 !important;
    }
}
/* ==========================================
   ACADEMY MESSAGES INBOX LIST SCROLL LOCK
   Keeps only the inbox list scrollable
   without changing thread pane behavior
   ========================================== */
@media (min-width: 769px) {
    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox {
        min-height: 0 !important;
        height: 100% !important;
        align-items: stretch !important;
    }

    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-sidebar,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-sidebar {
        min-height: 0 !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-head,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-head {
        flex: 0 0 auto !important;
    }

    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-list,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-list {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        align-content: start !important;
        overscroll-behavior: contain;
    }

    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-list > *,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-list > * {
        min-width: 0 !important;
    }
}
/* ==========================================
   ACADEMY MESSAGES HIDE SCROLLBARS
   keeps scrolling functional, hides rails
   ========================================== */
@media (min-width: 769px) {
    /* Left inbox conversation list */
    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-list,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-list {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-list::-webkit-scrollbar,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-list::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    /* Right thread / messages box */
    #academy-chat[data-chat-mode="messages"] .chat-messages,
    #academy-chat[data-chat-mode="thread"] .chat-messages {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    #academy-chat[data-chat-mode="messages"] .chat-messages::-webkit-scrollbar,
    #academy-chat[data-chat-mode="thread"] .chat-messages::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }/* ==========================================
   ACADEMY MESSAGES HIDE SCROLLBARS
   keeps scrolling functional, hides rails
   ========================================== */
@media (min-width: 769px) {
    /* Left inbox conversation list */
    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-list,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-list {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-list::-webkit-scrollbar,
    #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-list::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    /* Right thread shell */
    #academy-chat[data-chat-mode="messages"] .chat-messages,
    #academy-chat[data-chat-mode="thread"] .chat-messages,
    #academy-chat[data-chat-mode="messages"] #academy-messages-thread,
    #academy-chat[data-chat-mode="thread"] #academy-messages-thread,
    #academy-chat[data-chat-mode="messages"] #dynamic-chat-history,
    #academy-chat[data-chat-mode="thread"] #dynamic-chat-history {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    #academy-chat[data-chat-mode="messages"] .chat-messages::-webkit-scrollbar,
    #academy-chat[data-chat-mode="thread"] .chat-messages::-webkit-scrollbar,
    #academy-chat[data-chat-mode="messages"] #academy-messages-thread::-webkit-scrollbar,
    #academy-chat[data-chat-mode="thread"] #academy-messages-thread::-webkit-scrollbar,
    #academy-chat[data-chat-mode="messages"] #dynamic-chat-history::-webkit-scrollbar,
    #academy-chat[data-chat-mode="thread"] #dynamic-chat-history::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }
}
}
/* APPLY PAGE: hide visible Windows/browser scrollbars but keep scrolling */
body[data-yh-page="apply"] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body[data-yh-page="apply"]::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

body[data-yh-page="apply"] .yh-landing-shell {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body[data-yh-page="apply"] .yh-landing-shell::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
/* ========================================================= */
/* LANDING HERO TEXT PLACEMENT POLISH                        */
/* Premium text rhythm only - no copy/text changes            */
/* ========================================================= */

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
    max-width: 12.8ch;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
    max-width: 540px;
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: clamp(10px, 1.8svh, 18px);
        min-height: 100svh;
        padding: clamp(72px, 8svh, 92px) 18px 26px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        width: 100%;
        max-width: 370px;
        margin: -4px auto 0;
        align-items: center;
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill {
        margin-bottom: 0.72rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        max-width: 18ch;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.58rem;
        font-size: clamp(2.15rem, 8.8vw, 2.7rem);
        line-height: 0.94;
        letter-spacing: -1.15px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.62rem;
        line-height: 1.42;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        max-width: 342px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.92rem;
        line-height: 1.56;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-row {
        width: 100%;
        justify-content: center;
        gap: 0.62rem;
        margin-bottom: 0.78rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-stack {
        width: 100%;
        align-items: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-primary,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-secondary {
        width: 100%;
        max-width: 330px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-proof-strip {
        justify-content: center;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.7rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-metrics {
        width: 100%;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 430px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        padding-left: 14px;
        padding-right: 14px;
        gap: 10px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        max-width: 345px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        font-size: clamp(2rem, 8.4vw, 2.34rem);
        line-height: 0.95;
        margin-bottom: 0.52rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
        max-width: 315px;
        margin-bottom: 0.56rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        max-width: 326px;
        margin-bottom: 0.82rem;
    }
}
/* ========================================================= */
/* YH FEDERATION DASHBOARD EMBED                              */
/* ========================================================= */

.yh-federation-open-card {
    opacity: 1;
}

.yh-dashboard-federation-shell {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 35;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 30%),
        radial-gradient(circle at top right, rgba(211, 178, 112, 0.08), transparent 26%),
        rgba(5, 8, 22, 0.22);
}

.yh-dashboard-federation-shell.is-unlocked {
    gap: 0;
    padding: 0;
}

.yh-dashboard-federation-shell.is-unlocked .yh-dashboard-federation-bar {
    display: none !important;
}

.yh-dashboard-federation-shell.is-unlocked .yh-dashboard-federation-frame {
    flex: 1 1 100%;
    height: 100%;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}.yh-dashboard-federation-bar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.24), rgba(2, 6, 23, 0.24));
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.yh-dashboard-federation-copy {
    min-width: 0;
}

.yh-dashboard-federation-kicker {
    margin-bottom: 6px;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--neon-blue);
}

.yh-dashboard-federation-copy h2 {
    margin: 0 0 6px;
    color: #fff;
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    line-height: 1.15;
}

.yh-dashboard-federation-copy p {
    margin: 0;
    max-width: 760px;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.55;
}

.yh-dashboard-federation-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.yh-dashboard-federation-actions .btn-secondary,
.yh-dashboard-federation-actions .btn-primary,
.yh-dashboard-federation-open-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none;
}

.yh-dashboard-federation-frame {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    background: #070b13;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}

@media (max-width: 900px) {
    .yh-dashboard-federation-shell {
        top: 60px;
        height: auto;
        padding: 9.5px;
        gap: 8px;
    }

    .yh-dashboard-federation-shell.is-unlocked {
        padding: 0;
        gap: 0;
    }

    .yh-dashboard-federation-bar {
        align-items: flex-start;
        flex-direction: column;
        border-radius: 18px;
        padding: 16px;
    }

    .yh-dashboard-federation-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .yh-dashboard-federation-actions .btn-secondary,
    .yh-dashboard-federation-actions .btn-primary,
    .yh-dashboard-federation-open-link {
        width: 100%;
        min-height: 42px;
        padding: 12px 14px;
        font-size: 1rem;
    }

    .yh-dashboard-federation-frame {
        border-radius: 18px;
    }
}

@media (max-width: 520px) {
    .yh-dashboard-federation-copy p {
        display: none;
    }

    .yh-dashboard-federation-actions {
        grid-template-columns: 1fr;
    }
}
/* ========================================================= */
/* FEDERATION DASHBOARD APPLICATION GATE                      */
/* ========================================================= */

.yh-federation-entry-state-badge {
    margin-top: 10px;
    text-align: center;
}

.yh-dashboard-federation-open-link.is-disabled,
.yh-dashboard-federation-open-link[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

.yh-federation-access-lock {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(16px, 3vw, 32px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    background:
        radial-gradient(circle at top, rgba(14, 165, 233, 0.11), transparent 34%),
        rgba(2, 6, 23, 0.72);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

.yh-federation-lock-card {
    width: min(100%, 620px);
    padding: clamp(20px, 4vw, 34px);
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.28), rgba(3, 7, 18, 0.28)),
        rgba(2, 6, 23, 0.28);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
    text-align: center;
}

.yh-federation-lock-card h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(1.25rem, 3vw, 2rem);
    line-height: 1.15;
}

.yh-federation-lock-card p {
    margin: 0 auto;
    max-width: 540px;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.65;
}

.yh-federation-lock-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.yh-federation-lock-actions .btn-primary,
.yh-federation-lock-actions .btn-secondary {
    min-height: 44px;
}

.yh-federation-apply-modal {
    z-index: 10020;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 3vw, 24px);
}

.yh-federation-apply-card {
    position: relative;
    width: min(100%, 860px);
    max-height: min(88dvh, 880px);
    overflow-y: auto;
    padding: clamp(20px, 4vw, 34px);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 28%),
        linear-gradient(145deg, rgba(15, 23, 42, 0.28), rgba(3, 7, 18, 0.28));
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.58);
}

.yh-federation-apply-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.yh-federation-apply-close:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.yh-federation-apply-head {
    padding-right: 42px;
    margin-bottom: 22px;
}

.yh-federation-apply-head h2 {
    margin: 4px 0 8px;
    color: #fff;
    font-size: clamp(1.35rem, 3vw, 2.1rem);
    line-height: 1.12;
}

.yh-federation-apply-head p {
    margin: 0;
    max-width: 760px;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.6;
}

.yh-federation-apply-form {
    display: grid;
    gap: 16px;
}
.yh-dashboard-plaza-typeform {
    display: grid;
    gap: 18px;
}

.yh-dashboard-plaza-progress {
    display: grid;
    gap: 9px;
    margin-bottom: 6px;
}

.yh-dashboard-plaza-progress-copy {
    display: flex;
    justify-content: space-between;
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yh-dashboard-plaza-progress-track {
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.yh-dashboard-plaza-progress-track span {
    width: 0%;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--neon-blue), #38bdf8);
    transition: width 0.24s ease;
}

.yh-dashboard-plaza-step {
    display: grid;
    gap: 14px;
    animation: yhDashboardPlazaQuestionIn 0.24s ease both;
}

.yh-dashboard-plaza-step[hidden],
#dashboardPlazaMemberFields[hidden],
#dashboardPlazaPatronYesFields[hidden],
#dashboardPlazaMarketplaceFields[hidden] {
    display: none !important;
}

.yh-dashboard-plaza-stop {
    padding: 20px;
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 16px;
    background: rgba(14, 165, 233, 0.06);
}

.yh-dashboard-plaza-stop h3 {
    margin-bottom: 8px;
}

.yh-dashboard-plaza-next {
    width: max-content;
    min-width: 160px;
}

.yh-dashboard-plaza-submit-step .yh-federation-form-actions {
    margin-top: 10px;
}

@keyframes yhDashboardPlazaQuestionIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 760px) {
    .yh-dashboard-plaza-next {
        width: 100%;
    }
}

/* ==========================================
   ACADEMY + FEDERATION ONE QUESTION FORMS
   ========================================== */

.yh-one-question-form {
    display: grid !important;
    gap: 18px !important;
}

.yh-one-question-head {
    display: grid;
    gap: 9px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(14, 165, 233, 0.18);
    background: rgba(14, 165, 233, 0.055);
}

.yh-one-question-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--text-muted);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yh-one-question-title {
    color: #fff;
    font-size: clamp(1rem, 2vw, 1.18rem);
    font-weight: 800;
    line-height: 1.35;
}

.yh-one-question-progress-track {
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.yh-one-question-progress-bar {
    display: block;
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--neon-blue), #38bdf8);
    transition: width 0.24s ease;
}

.yh-one-question-form .form-row,
.yh-one-question-form .yh-federation-form-grid {
    display: block !important;
}

.yh-one-question-form .form-group,
.yh-one-question-form .yh-federation-check-row {
    animation: yhOneQuestionIn 0.24s ease both;
}

.yh-one-question-form .form-group:not(.is-yh-one-question-active),
.yh-one-question-form .yh-federation-check-row:not(.is-yh-one-question-active) {
    display: none !important;
}

.yh-one-question-form .yh-federation-form-section:not(.is-yh-one-question-section-active) {
    display: none !important;
}

.yh-one-question-form .form-group.is-yh-one-question-active,
.yh-one-question-form .yh-federation-check-row.is-yh-one-question-active {
    display: grid !important;
    gap: 8px;
}

.yh-one-question-form .form-group.is-yh-one-question-active {
    width: 100% !important;
    margin-bottom: 0 !important;
}

.yh-one-question-controls {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 12px;
}

.yh-one-question-controls .btn-secondary,
.yh-one-question-controls .btn-primary {
    width: 100%;
    min-height: 46px;
}

.yh-one-question-form.is-yh-one-question-final .yh-one-question-next {
    display: none !important;
}

.yh-one-question-form:not(.is-yh-one-question-final) #btn-submit-ai,
.yh-one-question-form:not(.is-yh-one-question-final) .yh-federation-form-actions {
    display: none !important;
}

@keyframes yhOneQuestionIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 560px) {
    .yh-one-question-meta {
        flex-direction: column;
        gap: 4px;
    }

    .yh-one-question-controls {
        grid-template-columns: 1fr;
    }
}

.yh-federation-form-section {
    padding: clamp(14px, 2vw, 18px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
}

.yh-federation-form-section h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 1rem;
}

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

.yh-federation-declaration-section {
    display: grid;
    gap: 10px;
}

.yh-federation-check-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.45;
}

.yh-federation-check-row input {
    margin-top: 3px;
    flex: 0 0 auto;
}

.yh-federation-form-actions {
    position: sticky;
    bottom: -34px;
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 12px;
    padding-top: 16px;
    background: linear-gradient(180deg, rgba(3, 7, 18, 0), rgba(3, 7, 18, 0.96) 36%);
}

.yh-federation-form-actions .btn-primary,
.yh-federation-form-actions .btn-secondary {
    width: 100%;
    min-height: 46px;
    justify-content: center;
}

body.federation-application-open {
    overflow: hidden;
}

@media (max-width: 900px) {
    .yh-federation-access-lock {
        border-radius: 18px;
        padding: 16px;
    }

    .yh-federation-lock-card {
        border-radius: 20px;
    }

    .yh-federation-apply-card {
        max-height: 90dvh;
        border-radius: 20px;
    }

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

@media (max-width: 520px) {
    .yh-federation-apply-modal {
        align-items: flex-end;
        padding: 12px;
    }

    .yh-federation-apply-card {
        width: 100%;
        max-height: 92dvh;
        padding: 20px 16px;
        border-radius: 22px;
    }

    .yh-federation-apply-head {
        padding-right: 38px;
    }

    .yh-federation-form-section {
        padding: 16px;
        border-radius: 16px;
    }

    .yh-federation-lock-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .yh-federation-form-actions {
        grid-template-columns: 1fr;
        bottom: -18px;
    }
}
.yh-federation-gate-btn.is-pending-locked,
.yh-federation-gate-btn:disabled,
.yh-plaza-gate-btn.is-pending-locked,
.yh-plaza-gate-btn:disabled {
    opacity: 0.68 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.yh-federation-gate-btn.is-pending-locked:hover,
.yh-federation-gate-btn:disabled:hover,
.yh-plaza-gate-btn.is-pending-locked:hover,
.yh-plaza-gate-btn:disabled:hover {
    background: transparent !important;
    color: var(--neon-blue) !important;
    transform: none !important;
    box-shadow: none !important;
}
/* =========================================
   ACADEMY PROFILE MOBILE FACEBOOK-LIKE UI
   ========================================= */

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-wrap {
    display: none;
}

@media (max-width: 768px) {
    body[data-yh-view="academy"] .yh-top-nav .nav-actions .btn-logout {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-header-edit-btn {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-header-right {
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        width: auto !important;
        min-width: 42px !important;
        margin-left: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        z-index: 220 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-wrap {
        display: block !important;
        position: relative;
        z-index: 80;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-trigger {
        width: 42px;
        height: 42px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(15, 23, 42, 0.92);
        color: #f8fafc;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        cursor: pointer;
        box-shadow: 0 14px 28px rgba(2, 6, 23, 0.32);
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 0 !important;
        left: auto !important;
        transform: translateX(0) !important;
        transform-origin: top right !important;
        width: min(220px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        padding: 9.5px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(8, 13, 30, 0.98);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        box-shadow: 0 22px 46px rgba(0, 0, 0, 0.42);
        display: grid;
        gap: 6px;
        z-index: 260 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button {
        width: 100%;
        min-height: 42px;
        border: none;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.045);
        color: #f8fafc;
        text-align: left;
        padding: 12px 14px;
        font-size: 1.03rem;
        font-weight: 600;
        cursor: pointer;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button:hover {
        background: rgba(56, 189, 248, 0.12);
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-danger {
        color: #fecaca !important;
        background: rgba(239, 68, 68, 0.1) !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-header {
        position: relative !important;
        min-height: 58px !important;
        padding: 12px 64px 12px 16px !important;
        gap: 10px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-header .header-left {
        width: auto !important;
        max-width: calc(100% - 56px) !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-header .hash-big {
        font-size: 1.15rem;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-header h3 {
        font-size: 1rem;
        white-space: nowrap;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-header .header-divider,
    body[data-yh-view="academy"] #academy-profile-view .chat-header .header-topic {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-messages {
        padding: 14px 14px 96px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-shell {
        max-width: 100%;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-cover-card {
        order: 1;
        border-radius: 20px;
        overflow: hidden;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-cover-band {
        height: auto !important;
        aspect-ratio: 8 / 3 !important;
        background-size: 100% 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-cover-body {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        padding: 0 16px 18px !important;
        margin-top: -54px !important;
        gap: 10px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-cover-left {
        width: 100% !important;
        flex: 0 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        text-align: center !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-avatar-wrap {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-avatar {
        width: 104px !important;
        height: 104px !important;
        font-size: 1.75rem !important;
        border-width: 4px !important;
        box-shadow: 0 16px 30px rgba(2, 6, 23, 0.42);
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-identity-block {
        width: 100% !important;
        padding-bottom: 0 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-name {
        font-size: 1.38rem !important;
        line-height: 1.12 !important;
        text-align: center;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-username {
        margin-top: 5px !important;
        font-size: 1rem !important;
        text-align: center;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-subline,
    body[data-yh-view="academy"] #academy-profile-view .academy-profile-tag-list {
        justify-content: center !important;
        text-align: center;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-hero-actions {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 4px 0 0 !important;
        padding: 0 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view[data-profile-layout="self"] .academy-profile-hero-actions {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100%;
    }

    body[data-yh-view="academy"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn[data-action-rank="visited-primary-message"] {
        grid-column: 1 / -1;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-content-grid {
        order: 2;
        display: contents !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-main-column,
    body[data-yh-view="academy"] #academy-profile-view .academy-profile-side-column {
        display: contents !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-intro-card {
        order: 2 !important;
        width: 100% !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-card:has(#academy-profile-context-title),
    body[data-yh-view="academy"] #academy-profile-view .academy-profile-card:has(#academy-profile-settings-summary),
    body[data-yh-view="academy"] #academy-profile-view .academy-profile-context-card {
        order: 3 !important;
        width: 100% !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-social-strip {
        order: 4 !important;
        width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-social-stat {
        min-height: 52px !important;
        padding: 8.5px 7.5px !important;
        border-radius: 12px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-social-label {
        font-size: 0.85rem !important;
        line-height: 1.1 !important;
        letter-spacing: 0.04em !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-social-value {
        font-size: 1.03rem !important;
        line-height: 1.15 !important;
        margin-top: 3px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-card:has(#academy-profile-recent-title),
    body[data-yh-view="academy"] #academy-profile-view .academy-profile-recent-card {
        order: 99 !important;
        width: 100% !important;
        margin-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-social-meta {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-card {
        border-radius: 18px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-bio {
        text-align: left;
        line-height: 1.7;
    }
}

@media (max-width: 430px) {
    body[data-yh-view="academy"] #academy-profile-view .academy-profile-cover-band {
        height: auto !important;
        aspect-ratio: 8 / 3 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-avatar {
        width: 96px !important;
        height: 96px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-name {
        font-size: 1.28rem !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-social-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-social-stat {
        min-height: 50px !important;
        padding: 7.5px 5px !important;
    }
}
/* ==========================================
   ACADEMY ROADMAP MOBILE HEADER CLEANUP
   Hide message-only actions on Roadmap/Home
   ========================================== */
@media (max-width: 768px) {
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"]:not(.hidden-step) {
        display: flex !important;
        flex-direction: column !important;
        height: calc(100dvh - 112px) !important;
        max-height: calc(100dvh - 112px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header .academy-chat-header-actions {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 72px !important;
        padding: 12px 14px 9.5px !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 6px !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header .academy-header-left {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 6px 10px !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header .hash-big {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header h3 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        min-width: 0 !important;
        line-height: 1.15 !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header .header-topic {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header .header-divider,
    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .chat-header .academy-chat-header-spacer {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] #chat-messages {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        padding: 10px 12px calc(118px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .academy-messages-inbox {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .academy-messages-thread-shell {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] #dynamic-chat-history {
        display: block !important;
        min-height: max-content !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body[data-yh-view="academy"] #academy-chat[data-chat-mode="home"] .academy-home-stack {
        padding-bottom: 14px !important;
    }
}
/* ==========================================
   ACADEMY MISSIONS / LEADS MOBILE POLISH
   Mobile-only cleanup
   ========================================== */
   .academy-mission-playbook-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.academy-mission-playbook-card {
    min-height: 230px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    text-align: left;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 38%),
        rgba(9, 18, 33, 0.28);
    color: #f8fbff;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.academy-mission-playbook-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 189, 248, 0.55);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 42%),
        rgba(10, 22, 39, 0.28);
}

.academy-mission-playbook-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 44%),
        rgba(56, 189, 248, 0.09);
    border: 1px solid rgba(56, 189, 248, 0.24);
    font-size: 1.35rem;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 20px rgba(56, 189, 248, 0.10);
}

.academy-mission-playbook-icon-img {
    width: 40px;
    height: 40px;
    display: block;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 0 9px rgba(56, 189, 248, 0.32));
    transition: transform 0.2s ease, filter 0.2s ease;
}

.academy-mission-playbook-card:hover .academy-mission-playbook-icon-img {
    transform: scale(1.06);
    filter: drop-shadow(0 0 12px rgba(56, 189, 248, 0.42));
}

.academy-mission-playbook-body {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.academy-mission-playbook-kicker {
    color: #38bdf8;
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.academy-mission-playbook-title {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.25;
}

.academy-mission-playbook-copy,
.academy-mission-playbook-meta {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

.academy-mission-playbook-meta {
    color: #bae6fd;
}

.academy-mission-playbook-arrow {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 8px;
    color: #38bdf8;
    font-size: 1rem;
    font-weight: 800;
}.academy-mission-playbook-footer {
    display: grid;
    gap: 8px;
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.24);
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.academy-mission-playbook-footer strong {
    color: #fff;
}

.academy-mission-playbook-panel {
    width: 100%;
}

.academy-mission-playbook-detail-shell {
    display: grid;
    gap: 10px;
}

.academy-mission-playbook-detail-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.academy-mission-playbook-back,
.academy-mission-playbook-start {
    width: auto;
    min-width: 180px;
}

#academy-lead-missions-view {
    position: relative;
}

#academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .chat-header {
padding-right: 372px;
}

#academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .academy-mission-playbook-detail-head {
position: absolute;
    top: 10px;
    right: 24px;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
    padding: 0;
    width: auto;
    max-width: 372px;
    flex-wrap: nowrap;
}

#academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .academy-mission-playbook-back,
#academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .academy-mission-playbook-start {
min-height: 38px;
    min-width: 0;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.88rem;
    line-height: 1;
    white-space: nowrap;
}

#academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .academy-mission-playbook-detail-shell {
    gap: 0;
}

#academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) #academy-mission-playbook-detail {
    margin-top: 0;
}

.academy-mission-playbook-detail-card {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.10), transparent 32%),
        rgba(8, 17, 31, 0.28);
}

.academy-mission-playbook-detail-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-bottom: 12px;
}

.academy-mission-playbook-detail-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    border: 1px solid rgba(56, 189, 248, 0.25);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.14), transparent 44%),
        rgba(56, 189, 248, 0.10);
    font-size: 1.3rem;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 18px rgba(56, 189, 248, 0.10);
}

.academy-mission-playbook-detail-icon-img {
    width: 38px;
    height: 38px;
    display: block;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.30));
}

.academy-mission-playbook-detail-hero h2 {
    margin: 2px 0 6px;
    color: #fff;
    font-size: clamp(1.18rem, 1.55vw, 1.55rem);
    line-height: 1.14;
}

.academy-mission-playbook-detail-hero p {
    margin: 0;
    max-width: 860px;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.42;
}

.academy-mission-playbook-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.academy-mission-playbook-badges span {
    padding: 5px 9.5px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(56, 189, 248, 0.08);
    color: #bae6fd;
    font-size: 0.91rem;
    font-weight: 800;
    line-height: 1.1;
}

.academy-mission-playbook-sections-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.academy-mission-playbook-section {
    padding: 14px;
    border-radius: 15px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    background: rgba(15, 23, 42, 0.22);
}

.academy-mission-playbook-section h4 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 1rem;
    line-height: 1.18;
}

.academy-mission-playbook-section ul {
    display: grid;
    gap: 5px;
    margin: 0;
    padding-left: 16px;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.34;
}

@media (max-width: 1180px) {
    .academy-mission-playbook-sections-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .academy-mission-playbook-grid,
    .academy-mission-playbook-sections-grid {
        grid-template-columns: 1fr;
    }

    .academy-mission-playbook-detail-head,
    #academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .academy-mission-playbook-detail-head {
        position: static;
        align-items: stretch;
        flex-direction: column;
        margin: 0 0 10px;
    }

    #academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .chat-header {
        padding-right: 1rem;
    }

    .academy-mission-playbook-back,
    .academy-mission-playbook-start,
    #academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .academy-mission-playbook-back,
    #academy-lead-missions-view:has(#academy-mission-playbook-panel:not(.hidden-step)) .academy-mission-playbook-start {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 560px) {
    .academy-mission-playbook-card,
    .academy-mission-playbook-detail-hero {
        grid-template-columns: 1fr;
    }

    .academy-mission-playbook-detail-card {
        padding: 18px;
        border-radius: 22px;
    }
}
@media (max-width: 768px) {
    body[data-yh-view="academy"] #academy-lead-missions-view.hidden-step {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view:not(.hidden-step) {
        display: flex !important;
        flex-direction: column !important;
        height: calc(100dvh - 112px) !important;
        max-height: calc(100dvh - 112px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .chat-header {
        height: auto !important;
        min-height: 0 !important;
        padding: 12px 14px 9.5px !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .header-left {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 5px 9px !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .hash-big {
        grid-column: 1 !important;
        grid-row: 1 !important;
        font-size: 1.14rem !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .chat-header h3 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        font-size: 1.02rem !important;
        line-height: 1.15 !important;
        min-width: 0 !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .header-topic {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 1rem !important;
        line-height: 1.35 !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .header-divider {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-header-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 2px !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view #btn-back-to-missions-hub {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view #btn-edit-lead-operator-profile,
    body[data-yh-view="academy"] #academy-lead-missions-view #btn-open-lead-entry-modal {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
        font-size: 1rem !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        padding: 8px 10px calc(118px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }
        body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-shell {
        flex: 0 0 auto !important;
        min-height: max-content !important;
        padding-bottom: 12px !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-workspace {
        flex: 0 0 auto !important;
        min-height: max-content !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-shell,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-workspace {
        width: 100% !important;
        max-width: 100% !important;
        gap: 10px !important;
        overflow-x: hidden !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-hero,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-panel,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-info-card,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-list-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 14px !important;
        border-radius: 16px !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-title {
        margin: 4px 0 6px !important;
        font-size: 1.12rem !important;
        line-height: 1.16 !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-missions-copy,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-card-copy,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-list-meta,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-list-note {
        font-size: 1rem !important;
        line-height: 1.42 !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-profile-card-kicker {
        font-size: 0.91rem !important;
        letter-spacing: 0.08em !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-missions-module-grid {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 12px !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-missions-module-card {
        min-height: 104px !important;
        grid-template-columns: 42px minmax(0, 1fr) 18px !important;
        gap: 10px !important;
        padding: 14px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-missions-module-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
        font-size: 1.15rem !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-missions-module-title {
        font-size: 1.03rem !important;
        line-height: 1.15 !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-missions-module-copy {
        font-size: 1rem !important;
        line-height: 1.34 !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-subtabs {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        overflow-x: visible !important;
        padding-bottom: 0 !important;
        scrollbar-width: auto !important;
        -ms-overflow-style: auto !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-subtabs::-webkit-scrollbar {
        display: none !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-subtab {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        white-space: normal !important;
        min-height: 40px !important;
        padding: 9.5px 8.5px !important;
        border-radius: 13px !important;
        font-size: 0.95rem !important;
        line-height: 1.12 !important;
        text-align: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-readme-grid {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-card-title,
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-list-title {
        margin: 4px 0 5px !important;
        font-size: 1.03rem !important;
        line-height: 1.22 !important;
    }

    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overscroll-behavior-x: contain !important;
    }
}

@media (max-width: 390px) {
    body[data-yh-view="academy"] #academy-lead-missions-view .academy-lead-subtab {
        font-size: 0.95rem !important;
        padding: 9.5px 5px !important;
    }
}
@media (max-width: 768px) {
    body[data-yh-view="academy"] #academy-chat.hidden-step,
    body[data-yh-view="academy"] #academy-feed-view.hidden-step,
    body[data-yh-view="academy"] #academy-profile-view.hidden-step,
    body[data-yh-view="academy"] #academy-lead-missions-view.hidden-step,
    body[data-yh-view="academy"] #voice-lobby-view.hidden-step,
    body[data-yh-view="academy"] #video-lobby-view.hidden-step {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}
/* ==========================================
   ACADEMY MOBILE PROFILE TOP SPACING + FULL NAME
   ========================================== */
@media (max-width: 768px) {
    body[data-yh-view="academy"] .desktop-user-strip {
        padding-top: 6px !important;
        padding-bottom: 4px !important;
    }

    body[data-yh-view="academy"] .desktop-user-strip-inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }

    body[data-yh-view="academy"] .desktop-user-strip-left,
    body[data-yh-view="academy"] .desktop-user-profile-cluster,
    body[data-yh-view="academy"] .desktop-user-strip .profile-mini {
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] #top-nav-name {
        display: inline-block !important;max-width:78px !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;line-height:1 !important;font-size:0.70rem !important;}

    body[data-yh-view="academy"] #academy-wrapper,
    body[data-yh-view="academy"] .dashboard-core {
        gap: 0 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view:not(.hidden-step) {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view:not(.hidden-step) .chat-header {
        margin-top: 0 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view:not(.hidden-step) .chat-messages {
        padding-top: 10px !important;
    }
}
/* ==========================================
   ACADEMY MOBILE PROFILE REFRESH GUARD
   Prevent restored spacing + truncated top name
   ========================================== */
@media (max-width: 768px) {
    body[data-yh-view="academy"].academy-mobile-profile-active .dashboard-layout {
        gap: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-active .desktop-user-strip {
        padding-top: 2px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        min-height: 34px !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-active .desktop-user-strip-inner {
        min-height: 32px !important;
        align-items: center !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-active .dashboard-core,
    body[data-yh-view="academy"].academy-mobile-profile-active #academy-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        gap: 0 !important;
        min-height: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-active #academy-profile-view:not(.hidden-step) {
        display: flex !important;
        flex-direction: column !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        transform: translateY(10px) !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-active #academy-profile-view:not(.hidden-step) .chat-header {
        margin-top: 0 !important;
        padding-top: 10px !important;
        min-height: 54px !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-active #academy-profile-view:not(.hidden-step) .chat-messages {
        padding-top: 10px !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-active #top-nav-name {
        display: inline-block !important;max-width:78px !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;font-size:0.70rem !important;line-height:1 !important;}

    body[data-yh-view="academy"].academy-mobile-profile-active .desktop-user-strip .profile-mini {
        max-width: calc(100vw - 150px) !important;
        overflow: visible !important;
    }
}
/* ==========================================
   ACADEMY MOBILE PROFILE GAP FINAL TUNE
   ========================================== */
@media (max-width: 768px) {
    body[data-yh-view="academy"] #academy-profile-view:not(.hidden-step),
    body[data-yh-view="academy"].academy-mobile-profile-active #academy-profile-view:not(.hidden-step) {
        transform: translateY(15px) !important;
    }

    body[data-yh-view="academy"] #academy-profile-view:not(.hidden-step) .chat-header,
    body[data-yh-view="academy"].academy-mobile-profile-active #academy-profile-view:not(.hidden-step) .chat-header {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view:not(.hidden-step) .chat-messages,
    body[data-yh-view="academy"].academy-mobile-profile-active #academy-profile-view:not(.hidden-step) .chat-messages {
        padding-top: 6px !important;
    }
}
/* ==========================================
   ACADEMY MOBILE PROFILE TAB RETURN LOCK
   Keeps profile spacing stable after tab switch
   ========================================== */
@media (max-width: 768px) {
    body[data-yh-view="academy"].academy-mobile-profile-layout-locked .dashboard-core,
    body[data-yh-view="academy"].academy-mobile-profile-layout-locked #academy-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        gap: 0 !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-layout-locked #academy-profile-view:not(.hidden-step) {
        margin-top: 0 !important;
        padding-top: 0 !important;
        transform: translateY(15px) !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-layout-locked #academy-profile-view:not(.hidden-step) .chat-header {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 8px !important;
        min-height: 54px !important;
    }

    body[data-yh-view="academy"].academy-mobile-profile-layout-locked #academy-profile-view:not(.hidden-step) .chat-messages {
        padding-top: 6px !important;
    }
}
/* ==========================================
   ACADEMY MOBILE FULL TOP NAME ALL TABS
   Prevent top user name from truncating outside Profile
   ========================================== */
@media (max-width: 768px) {
    body[data-yh-view="academy"] .desktop-user-strip {
        overflow: visible !important;
    }

    body[data-yh-view="academy"] .desktop-user-strip-inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] .desktop-user-strip-left {
        min-width: 0 !important;
        max-width: calc(100vw - 146px) !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] .desktop-user-profile-cluster,
    body[data-yh-view="academy"] .desktop-user-strip .profile-mini {
        min-width: 0 !important;
        max-width: calc(100vw - 150px) !important;
        width: auto !important;
        overflow: visible !important;
        flex: 0 1 auto !important;
    }

    body[data-yh-view="academy"] #top-nav-name {
        display: inline-block !important;max-width:78px !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;line-height:1 !important;font-size:0.70rem !important;}
}
/* ==========================================
   ACADEMY TOP STRIP CLEANUP
   Remove top name display and move notifications left
   ========================================== */

body[data-yh-view="academy"] .desktop-user-profile-cluster,
body[data-yh-view="academy"] .desktop-user-strip .profile-mini,
body[data-yh-view="academy"] #top-nav-initial,
body[data-yh-view="academy"] #top-nav-name {
    display: none !important;max-width:78px !important;font-size:0.70rem !important;line-height:1 !important;}

body[data-yh-view="academy"] .desktop-user-strip-inner {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
}

body[data-yh-view="academy"] .desktop-user-strip-left {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

body[data-yh-view="academy"] .desktop-user-strip-right {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;gap:6px !important;}

body[data-yh-view="academy"] .academy-strip-notif-left {
    position: relative !important;
    flex: 0 0 auto !important;
    z-index: 420 !important;
}

body[data-yh-view="academy"] .academy-strip-notif-left .notif-dropdown {
    left: 0 !important;
    right: auto !important;
    transform-origin: top left !important;
}

@media (max-width: 768px) {
    body[data-yh-view="academy"] .desktop-user-strip {
        padding-top: 6px !important;
        padding-bottom: 4px !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] .desktop-user-strip-inner {
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    body[data-yh-view="academy"] .desktop-user-strip-left {
        flex: 0 0 auto !important;
        max-width: none !important;
    }

    body[data-yh-view="academy"] .academy-strip-notif-left {
        width: 40px !important;
        height: 40px !important;
    }

    body[data-yh-view="academy"] .academy-strip-notif-left .notif-dropdown {
        top: calc(100% + 10px) !important;
        left: 0 !important;
        right: auto !important;
        width: min(320px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
    }
}
/* ==========================================
   ACADEMY PROFILE SETTINGS / SECURITY MODAL
   ========================================== */

body[data-yh-view="academy"] .academy-profile-settings-card {
    width: min(680px, 100%);
}

body[data-yh-view="academy"] .academy-profile-settings-section {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    background: rgba(255, 255, 255, 0.035);
    padding: 18px;
}

body[data-yh-view="academy"] .academy-profile-settings-kicker {
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body[data-yh-view="academy"] .academy-profile-settings-title {
    margin: 6px 0 7px;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
}

body[data-yh-view="academy"] .academy-profile-settings-copy {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

body[data-yh-view="academy"] .academy-profile-settings-info-card {
    margin-top: 14px;
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background: rgba(14, 165, 233, 0.055);
}

body[data-yh-view="academy"] .academy-profile-settings-info-card span {
    color: var(--text-muted);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body[data-yh-view="academy"] .academy-profile-settings-info-card strong {
    color: #f8fafc;
    font-size: 1.03rem;
    word-break: break-word;
}

body[data-yh-view="academy"] .academy-profile-settings-danger {
    border-color: rgba(239, 68, 68, 0.22);
    background: rgba(239, 68, 68, 0.055);
}

body[data-yh-view="academy"] .academy-profile-settings-danger .academy-profile-settings-kicker {
    color: #f87171;
}

body[data-yh-view="academy"] .academy-profile-danger-btn {
    border-color: rgba(239, 68, 68, 0.82) !important;
    color: #fecaca !important;
    background: rgba(239, 68, 68, 0.08) !important;
}

body[data-yh-view="academy"] .academy-profile-danger-btn:hover {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    body[data-yh-view="academy"] .academy-profile-settings-card {
        max-height: 94vh;
        border-radius: 18px;
    }

    body[data-yh-view="academy"] .academy-profile-settings-section {
        padding: 16px;
        border-radius: 16px;
    }

    body[data-yh-view="academy"] .academy-profile-settings-actions {
        flex-direction: column;
    }
}
/* =========================================
   ACADEMY PROFILE MOBILE MENU CLICK SAFETY
   Keep hamburger menu above cover/profile card
   ========================================= */

@media (max-width: 768px) {
    body[data-yh-view="academy"] #academy-profile-view {
        isolation: isolate !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-header {
        position: relative !important;
        overflow: visible !important;
        z-index: 9000 !important;
        isolation: isolate !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-header-right {
        position: absolute !important;
        z-index: 9010 !important;
        pointer-events: auto !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-wrap {
        position: relative !important;
        z-index: 9020 !important;
        pointer-events: auto !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-trigger {
        position: relative !important;
        z-index: 9030 !important;
        opacity: 1 !important;
        background: rgba(15, 23, 42, 0.34) !important;
        border-color: rgba(255, 255, 255, 0.24) !important;
        color: #ffffff !important;
        box-shadow:
            0 14px 34px rgba(0, 0, 0, 0.58),
            0 0 0 1px rgba(14, 165, 233, 0.18) !important;
        pointer-events: auto !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 9040 !important;

        opacity: 1 !important;
        pointer-events: auto !important;

        background: rgba(8, 13, 30, 0.34) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        box-shadow:
            0 26px 60px rgba(0, 0, 0, 0.68),
            0 0 0 1px rgba(14, 165, 233, 0.14) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button {
        position: relative !important;
        z-index: 9050 !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        background: rgba(255, 255, 255, 0.105) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        font-weight: 800 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button:hover,
    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button:active {
        background: rgba(14, 165, 233, 0.22) !important;
        border-color: rgba(14, 165, 233, 0.35) !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-danger {
        background: rgba(239, 68, 68, 0.16) !important;
        border-color: rgba(239, 68, 68, 0.28) !important;
        color: #fecaca !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .chat-messages {
        position: relative !important;
        z-index: 1 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-cover-card {
        position: relative !important;
        z-index: 1 !important;
    }

    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-cover-card,
    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-cover-band,
    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-cover-body,
    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-avatar,
    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-hero-actions {
        pointer-events: none !important;
    }

    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-mobile-menu-wrap,
    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-mobile-menu,
    body[data-yh-view="academy"].academy-profile-mobile-menu-open #academy-profile-view .academy-profile-mobile-menu button {
        pointer-events: auto !important;
    }
}
/* =========================================
   ACADEMY PROFILE DESKTOP ACTION MENU
   One profile menu for Edit Profile, Settings, Logout
   ========================================= */

body[data-yh-view="academy"] .yh-top-nav .nav-actions .btn-logout {
    display: none !important;
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-desktop-edit-btn,
body[data-yh-view="academy"] #academy-profile-view .academy-profile-header-edit-btn {
    display: none !important;
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-actions-menu-wrap {
    display: block !important;
    position: relative !important;
    z-index: 9020 !important;
    pointer-events: auto !important;
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-trigger {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(15, 23, 42, 0.34);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.18rem;
    cursor: pointer;
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(14, 165, 233, 0.12);
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-trigger:hover {
    border-color: rgba(14, 165, 233, 0.45);
    background: rgba(14, 165, 233, 0.18);
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(240px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    padding: 9.5px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(8, 13, 30, 0.34) !important;
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.68),
        0 0 0 1px rgba(14, 165, 233, 0.12) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    z-index: 9040 !important;
    gap: 6px !important;
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu:not(.hidden-step) {
    display: grid !important;
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.105);
    color: #ffffff;
    border-radius: 12px;
    padding: 14px 15px;
    text-align: left;
    font-weight: 800;
    cursor: pointer;
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button:hover,
body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu button:active {
    background: rgba(14, 165, 233, 0.22);
    border-color: rgba(14, 165, 233, 0.35);
}

body[data-yh-view="academy"] #academy-profile-view .academy-profile-mobile-menu-danger {
    background: rgba(239, 68, 68, 0.16) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #fecaca !important;
}

@media (min-width: 769px) {
    body[data-yh-view="academy"] #academy-profile-view .chat-header {
        overflow: visible !important;
        position: relative !important;
        z-index: 80 !important;
    }

    body[data-yh-view="academy"] #academy-profile-view .academy-profile-header-right {
        position: relative !important;
        overflow: visible !important;
        z-index: 90 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
}
/* =========================================
   ACADEMY CHAT HEADER ACTION VISIBILITY
   DM / Group buttons only belong inside Messages
   ========================================= */

body[data-yh-view="academy"] #academy-chat:not([data-chat-mode="messages"]):not([data-chat-mode="thread"]) #btn-open-dm-modal,
body[data-yh-view="academy"] #academy-chat:not([data-chat-mode="messages"]):not([data-chat-mode="thread"]) #btn-open-group-modal {
    display: none !important;
}

/* Keep them visible only in Messages inbox/thread */
body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] #btn-open-dm-modal,
body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] #btn-open-group-modal,
body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] #btn-open-dm-modal,
body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] #btn-open-group-modal {
    display: inline-flex !important;
}
/* =========================================
   ACADEMY VOICE LOUNGE AUDIO TRANSPORT
   Hidden remote audio elements for WebRTC voice rooms
   ========================================= */

body[data-yh-view="academy"] .academy-voice-audio-bank {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================
   PLAZA DASHBOARD CARD SAME BODY AS ACADEMY/FEDERATION
   keep at the very end of public/css/style.css
   ========================================== */
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card:has(#btn-open-plazas-preview),
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card:has(#btn-open-plazas-preview),
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card.active-portal:has(#btn-open-plazas-preview),
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal:has(#btn-open-plazas-preview) {
    position: relative !important;
    border: 1px solid var(--neon-blue) !important;
    background: rgba(14, 165, 233, 0.05) !important;
    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.34),
        0 10px 30px rgba(14, 165, 233, 0.1) !important;
}

body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card:has(#btn-open-plazas-preview)::before,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card:has(#btn-open-plazas-preview)::before,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card.active-portal:has(#btn-open-plazas-preview)::before,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal:has(#btn-open-plazas-preview)::before {
    display: none !important;
    content: none !important;
}

body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card:has(#btn-open-plazas-preview)::after,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card:has(#btn-open-plazas-preview)::after,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card.active-portal:has(#btn-open-plazas-preview)::after,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal:has(#btn-open-plazas-preview)::after {
    display: none !important;
    content: none !important;
}

body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card:has(#btn-open-plazas-preview) > *,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card:has(#btn-open-plazas-preview) > *,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide .portal-card.active-portal:has(#btn-open-plazas-preview) > *,
body[data-yh-view="hub"] .yh-universe-stage-nav:not(.yh-academy-parent-vision-scope) .yh-universe-slide.is-active .portal-card.active-portal:has(#btn-open-plazas-preview) > * {
    position: relative;
    z-index: 2;
}
/* ========================================================= */
/* LANDING HERO SECTION GAP POLISH                           */
/* Adds cleaner vertical rhythm between CTA, metrics,        */
/* and live activity panel without changing structure        */
/* ========================================================= */

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-note {
    display: inline-block;
    margin-top: 0.34rem;
    margin-bottom: 0.9rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-metrics {
    margin-top: 0.15rem;
    margin-bottom: 1rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-panel {
    margin-top: 0.35rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-rail {
position: relative;
    z-index: 3;
    width: min(100%, 590px);
    margin-top: clamp(0.68rem, 1vw, 0.95rem);
    padding: clamp(0.62rem, 0.78vw, 0.78rem);
    overflow: hidden;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-head {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.58rem;
    padding-bottom: 0.42rem;
    padding: 0.22rem 0.46rem 0.48rem;
    margin-bottom: 0.52rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-card {
display: flex;
    align-items: center;
    min-height: 78px;
    padding: 1.02rem 1.07rem;
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-note {
        margin-bottom: 0.82rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-metrics {
        margin-bottom: 0.95rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-panel {
        margin-top: 0.2rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-rail {
position: relative;
    z-index: 3;
    width: min(100%, 590px);
    margin-top: clamp(0.68rem, 1vw, 0.95rem);
    padding: clamp(0.62rem, 0.78vw, 0.78rem);
    overflow: hidden;
}

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-activity-head {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.58rem;
    padding-bottom: 0.42rem;
    padding: 0.22rem 0.46rem 0.48rem;
    margin-bottom: 0.52rem;
}
}
/* =========================================
   LANDING DIVISIONS CTA UNIFICATION
   Match Plaza + Federation buttons to Academy
   ========================================= */

body[data-yh-page="apply"] #yh-divisions-section .yh-landing-division-card.is-open .yh-division-btn {
    width: 100%;
    background: var(--neon-blue);
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 15px var(--neon-glow);
    transition: all 0.3s ease;
}

body[data-yh-page="apply"] #yh-divisions-section .yh-landing-division-card.is-open .yh-division-btn:hover,
body[data-yh-page="apply"] #yh-divisions-section .yh-landing-division-card.is-open .yh-division-btn:focus-visible {
    background: #0284c7;
    color: #fff;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.6);
    transform: translateY(-2px);
}

body[data-yh-page="apply"] #yh-divisions-section .yh-landing-division-card.is-open .yh-division-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}
/* ========================================================= */
/* LANDING OUTER SPACE FX                                    */
/* stars + meteors + sunlight rays + sound toggle styling    */
/* landing-only, preserves current button colors             */
/* ========================================================= */

.yh-space-ambient {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: clip;
    opacity: 0.34;
}

body[data-yh-page="apply"] .yh-space-stars,
body[data-yh-page="apply"] .yh-space-stars::before,
body[data-yh-page="apply"] .yh-space-stars::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body[data-yh-page="apply"] .yh-space-stars {
    opacity: 0.28;
    background-image:
        radial-gradient(circle at 6% 6%, rgba(255,255,255,0.98) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 14% 22%, rgba(255,255,255,0.92) 0 1px, transparent 1.8px),
        radial-gradient(circle at 23% 11%, rgba(255,255,255,0.82) 0 1px, transparent 1.8px),
        radial-gradient(circle at 31% 28%, rgba(255,255,255,0.88) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 40% 8%, rgba(255,255,255,0.78) 0 1px, transparent 1.8px),
        radial-gradient(circle at 49% 18%, rgba(255,255,255,0.96) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 58% 30%, rgba(255,255,255,0.84) 0 1px, transparent 1.8px),
        radial-gradient(circle at 69% 12%, rgba(255,255,255,0.74) 0 1px, transparent 1.8px),
        radial-gradient(circle at 81% 24%, rgba(255,255,255,0.92) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 93% 9%, rgba(255,255,255,0.80) 0 1px, transparent 1.8px);
    animation: yhStarTwinklePrimary 12s ease-in-out infinite alternate;
}

body[data-yh-page="apply"] .yh-space-stars::before {
    opacity: 0.66;
    background-image:
        radial-gradient(circle at 8% 39%, rgba(255,255,255,0.84) 0 1px, transparent 1.8px),
        radial-gradient(circle at 17% 54%, rgba(255,255,255,0.72) 0 1px, transparent 1.8px),
        radial-gradient(circle at 26% 44%, rgba(255,255,255,0.94) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 35% 61%, rgba(255,255,255,0.78) 0 1px, transparent 1.8px),
        radial-gradient(circle at 46% 49%, rgba(255,255,255,0.86) 0 1px, transparent 1.8px),
        radial-gradient(circle at 54% 63%, rgba(255,255,255,0.68) 0 1px, transparent 1.8px),
        radial-gradient(circle at 63% 41%, rgba(255,255,255,0.90) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 74% 57%, rgba(255,255,255,0.74) 0 1px, transparent 1.8px),
        radial-gradient(circle at 84% 46%, rgba(255,255,255,0.88) 0 1px, transparent 1.8px),
        radial-gradient(circle at 92% 60%, rgba(255,255,255,0.76) 0 1px, transparent 1.8px);
    animation: yhStarTwinkleSecondary 16s ease-in-out infinite alternate;
}

body[data-yh-page="apply"] .yh-space-stars::after {
    opacity: 0.58;
    background-image:
        radial-gradient(circle at 7% 74%, rgba(255,255,255,0.82) 0 1px, transparent 1.8px),
        radial-gradient(circle at 16% 90%, rgba(255,255,255,0.70) 0 1px, transparent 1.8px),
        radial-gradient(circle at 25% 79%, rgba(255,255,255,0.92) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 34% 96%, rgba(255,255,255,0.76) 0 1px, transparent 1.8px),
        radial-gradient(circle at 45% 83%, rgba(255,255,255,0.88) 0 1px, transparent 1.8px),
        radial-gradient(circle at 55% 71%, rgba(255,255,255,0.66) 0 1px, transparent 1.8px),
        radial-gradient(circle at 66% 92%, rgba(255,255,255,0.90) 0 1.1px, transparent 1.9px),
        radial-gradient(circle at 76% 80%, rgba(255,255,255,0.74) 0 1px, transparent 1.8px),
        radial-gradient(circle at 86% 97%, rgba(255,255,255,0.84) 0 1px, transparent 1.8px),
        radial-gradient(circle at 94% 76%, rgba(255,255,255,0.72) 0 1px, transparent 1.8px);
    animation: yhStarTwinkleSecondary 18s ease-in-out infinite alternate-reverse;
}

body[data-yh-page="apply"] .yh-space-rays,
body[data-yh-page="apply"] .yh-space-rays::before,
body[data-yh-page="apply"] .yh-space-rays::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body[data-yh-page="apply"] .yh-space-rays {
    z-index: 0;
}

body[data-yh-page="apply"] .yh-space-rays::before,
body[data-yh-page="apply"] .yh-space-rays::after {
    content: "";
    transform-origin: top right;
    mix-blend-mode: screen;
}

body[data-yh-page="apply"] .yh-space-rays::before {
    background:
        linear-gradient(118deg,
            transparent 0%,
            rgba(255,255,255,0.00) 34%,
            rgba(255,255,255,0.06) 46%,
            rgba(125,211,252,0.08) 54%,
            rgba(255,255,255,0.00) 66%,
            transparent 100%);
    filter: blur(18px);
    opacity: 0.8;
    animation: yhSolarRayDrift 16s ease-in-out infinite alternate;
}

body[data-yh-page="apply"] .yh-space-rays::after {
    background:
        linear-gradient(126deg,
            transparent 0%,
            rgba(255,255,255,0.00) 40%,
            rgba(255,255,255,0.05) 49%,
            rgba(191,219,254,0.05) 56%,
            rgba(255,255,255,0.00) 66%,
            transparent 100%);
    filter: blur(34px);
    opacity: 0.65;
    animation: yhSolarRayDrift 22s ease-in-out infinite alternate-reverse;
}

body[data-yh-page="apply"] .yh-space-asteroid-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    will-change: transform;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    contain: paint;
}

body[data-yh-page="apply"] .yh-space-asteroid-layer--far {
    opacity: 0.40;
}

body[data-yh-page="apply"] .yh-space-asteroid-layer--mid {
    opacity: 0.48;
}

body[data-yh-page="apply"] .yh-space-asteroid-layer--near {
    opacity: 0.58;
}

body[data-yh-page="apply"] .yh-space-asteroid {
    position: absolute;
    display: block;
    pointer-events: none;
    border-radius: 46% 54% 52% 48% / 43% 57% 44% 56%;
    background:
        radial-gradient(circle at 28% 24%, rgba(255,255,255,0.18) 0 10%, transparent 28%),
        radial-gradient(circle at 68% 72%, rgba(2,6,23,0.26) 0 16%, transparent 42%),
        radial-gradient(circle at 58% 38%, rgba(148,163,184,0.08) 0 8%, transparent 20%),
        linear-gradient(145deg, rgba(71,85,105,0.86) 0%, rgba(30,41,59,0.94) 48%, rgba(15,23,42,0.98) 100%);
    box-shadow:
        inset -10px -10px 24px rgba(2,6,23,0.24),
        inset 8px 8px 18px rgba(255,255,255,0.04),
        0 10px 30px rgba(2,6,23,0.16);
    filter: blur(0.15px);
}

body[data-yh-page="apply"] .yh-space-asteroid::before {
    content: "";
    position: absolute;
    inset: 14% 16%;
    border-radius: inherit;
    background:
        radial-gradient(circle at 24% 30%, rgba(15,23,42,0.20) 0 8%, transparent 16%),
        radial-gradient(circle at 62% 58%, rgba(15,23,42,0.18) 0 7%, transparent 14%),
        radial-gradient(circle at 74% 30%, rgba(255,255,255,0.05) 0 6%, transparent 12%);
    opacity: 0.9;
}

body[data-yh-page="apply"] .yh-space-asteroid::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(125,211,252,0.10), transparent 48%, rgba(255,255,255,0.02) 100%);
    mix-blend-mode: screen;
    opacity: 0.7;
}

body[data-yh-page="apply"] .yh-space-asteroid-layer--far .yh-space-asteroid {
    animation: yhAsteroidFloatFar 18s ease-in-out infinite alternate;
}

body[data-yh-page="apply"] .yh-space-asteroid-layer--mid .yh-space-asteroid {
    animation: yhAsteroidFloatMid 22s ease-in-out infinite alternate;
}

body[data-yh-page="apply"] .yh-space-asteroid-layer--near .yh-space-asteroid {
    animation: yhAsteroidFloatNear 26s ease-in-out infinite alternate;
}

body[data-yh-page="apply"] .yh-space-asteroid.asteroid-a {
    top: 8%;
    right: 4%;
    width: 132px;
    height: 76px;
}

body[data-yh-page="apply"] .yh-space-asteroid.asteroid-b {
    top: 32%;
    left: -1.5%;
    width: 96px;
    height: 58px;
}

body[data-yh-page="apply"] .yh-space-asteroid.asteroid-c {
    top: 44%;
    right: 9%;
    width: 146px;
    height: 84px;
}

body[data-yh-page="apply"] .yh-space-asteroid.asteroid-d {
    top: 66%;
    left: 3%;
    width: 112px;
    height: 66px;
}

body[data-yh-page="apply"] .yh-space-asteroid.asteroid-e {
    bottom: 8%;
    right: 2%;
    width: 168px;
    height: 96px;
}

@keyframes yhAsteroidFloatFar {
    0% {
        transform: translate3d(0, 0, 0) rotate(-10deg) scale(1);
    }
    100% {
        transform: translate3d(16px, -18px, 0) rotate(-2deg) scale(1.02);
    }
}

@keyframes yhAsteroidFloatMid {
    0% {
        transform: translate3d(0, 0, 0) rotate(7deg) scale(1);
    }
    100% {
        transform: translate3d(-18px, 20px, 0) rotate(14deg) scale(1.025);
    }
}

@keyframes yhAsteroidFloatNear {
    0% {
        transform: translate3d(0, 0, 0) rotate(-5deg) scale(1);
    }
    100% {
        transform: translate3d(22px, -24px, 0) rotate(5deg) scale(1.03);
    }
}

body[data-yh-page="apply"] .yh-space-meteor-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

body[data-yh-page="apply"] .yh-space-meteor {
    position: absolute;
    top: var(--meteor-top, 10%);
    left: var(--meteor-left, 78%);
    width: var(--meteor-width, 150px);
    height: 2px;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0;
    transform: rotate(-28deg) translate3d(0, 0, 0);
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.16) 18%,
        rgba(191,219,254,0.68) 52%,
        rgba(255,255,255,0.98) 72%,
        rgba(255,255,255,0) 100%
    );
    box-shadow:
        0 0 10px rgba(191,219,254,0.36),
        0 0 24px rgba(56,189,248,0.18);
    filter: blur(0.2px);
    animation: yhMeteorFly var(--meteor-duration, 2.8s) ease-out forwards;
}

body[data-yh-page="apply"] .yh-space-meteor::after {
    content: "";
    position: absolute;
    right: 12%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.95);
    box-shadow:
        0 0 10px rgba(255,255,255,0.75),
        0 0 22px rgba(125,211,252,0.34);
}

body[data-yh-page="apply"] .yh-sound-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 122px;
    padding: 0.62rem 0.86rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(9, 14, 24, 0.46);
    color: #e2e8f0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, opacity 0.25s ease;
}

body[data-yh-page="apply"] .yh-sound-toggle:hover {
    transform: translateY(-1px);
    border-color: rgba(148, 163, 184, 0.28);
    background: rgba(10, 16, 28, 0.68);
}

body[data-yh-page="apply"] .yh-sound-toggle.is-muted {
    opacity: 0.82;
}

body[data-yh-page="apply"] .yh-sound-toggle-icon {
    font-size: 1rem;
    line-height: 1;
}

body[data-yh-page="apply"] .yh-sound-toggle-label {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

/* Premium landing topbar/nav layout */
body[data-yh-page="apply"] .yh-landing-topbar {
    position: sticky;
    top: 0;
    z-index: 40;
    width: min(100%, 1540px);
    max-width: 1540px;
    min-height: 84px;
    margin: 0 auto;
    padding: 0 14px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(18px, 2.4vw, 42px);
    background:
        linear-gradient(180deg, rgba(3, 8, 24, 0.94), rgba(3, 8, 24, 0.72));
    border: 1px solid rgba(86, 160, 255, 0.08);
    border-top: none;
    border-radius: 0 0 18px 18px;
    box-shadow:
        0 14px 42px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    overflow: hidden;
}

body[data-yh-page="apply"] .yh-landing-topbar::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 240px;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(56, 189, 248, 0.1), transparent 72%);
    opacity: 0.9;
}

body[data-yh-page="apply"] .yh-landing-topbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    background:
        linear-gradient(90deg,
            transparent 0%,
            rgba(56, 189, 248, 0.16) 18%,
            rgba(56, 189, 248, 0.08) 50%,
            rgba(56, 189, 248, 0.16) 82%,
            transparent 100%);
}

body[data-yh-page="apply"] .yh-landing-brand {
    position: relative;
    z-index: 1;
    gap: 0.88rem;
    padding-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    white-space: nowrap;
}

body[data-yh-page="apply"] .yh-landing-brand-logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter:
        drop-shadow(0 0 14px rgba(56, 189, 248, 0.52))
        drop-shadow(0 12px 24px rgba(0, 0, 0, 0.34));
}

body[data-yh-page="apply"] .yh-landing-brand-copy {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    line-height: 1;
    white-space: nowrap;
}

body[data-yh-page="apply"] .yh-landing-brand-name {
    color: #f8fbff;
    font-size: clamp(1rem, 1.08vw, 1.2rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    text-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    line-height: 1;
    white-space: nowrap;
}

body[data-yh-page="apply"] .yh-landing-nav {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 1.8vw, 30px);
    min-width: 0;
    padding: 0.4rem;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 255, 255, 0.035);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 24px rgba(0, 0, 0, 0.14);
}

body[data-yh-page="apply"] .yh-landing-nav a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    color: rgba(226, 232, 240, 0.82);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    white-space: nowrap;
    border-radius: 999px;
    transition:
        color 0.2s ease,
        text-shadow 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}

body[data-yh-page="apply"] .yh-landing-nav a::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 7px;
    height: 1.5px;
    border-radius: 999px;
    background: linear-gradient(90deg, #38bdf8, #60a5fa);
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

body[data-yh-page="apply"] .yh-landing-nav a:hover {
    color: #f8fbff;
    background: rgba(56, 189, 248, 0.06);
    text-shadow: 0 0 18px rgba(56, 189, 248, 0.34);
    transform: translateY(-1px);
}

body[data-yh-page="apply"] .yh-landing-nav a:hover::after {
    transform: scaleX(1);
    opacity: 1;
}

body[data-yh-page="apply"] .yh-sound-toggle {
    position: relative;
    z-index: 1;
    justify-self: end;
    min-width: 128px;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.52rem;
    padding: 0.64rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    color: #f0f9ff;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 46%),
        linear-gradient(180deg, rgba(8, 15, 32, 0.82), rgba(3, 7, 18, 0.82));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 12px 32px rgba(0, 0, 0, 0.24);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

body[data-yh-page="apply"] .yh-sound-toggle:hover {
    transform: translateY(-1px);
    border-color: rgba(56, 189, 248, 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 14px 34px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(56, 189, 248, 0.08);
}

@keyframes yhStarTwinklePrimary {
    0% { opacity: 0.48; }
    50% { opacity: 0.76; }
    100% { opacity: 0.58; }
}

@keyframes yhStarTwinkleSecondary {
    0% { opacity: 0.32; }
    50% { opacity: 0.52; }
    100% { opacity: 0.38; }
}

@keyframes yhSolarRayDrift {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
        opacity: 0.52;
    }
    100% {
        transform: translate3d(-1.2%, 1.8%, 0) rotate(-1.4deg) scale(1.04);
        opacity: 0.82;
    }
}

@keyframes yhMeteorFly {
    0% {
        opacity: 0;
        transform: rotate(-28deg) translate3d(0, 0, 0) scaleX(0.84);
    }
    12% {
        opacity: 0.96;
    }
    100% {
        opacity: 0;
        transform: rotate(-28deg) translate3d(-460px, 300px, 0) scaleX(1.04);
    }
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-landing-topbar {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 72px;
        padding: 0 10px;
        border-radius: 0 0 16px 16px;
    }

    body[data-yh-page="apply"] .yh-landing-nav {
        display: none;
    }

    body[data-yh-page="apply"] .yh-landing-brand-logo {
        width: 42px;
        height: 42px;
    }

    body[data-yh-page="apply"] .yh-landing-brand-name {
        font-size: 1.03rem;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    line-height: 1;
    white-space: nowrap;
}

    body[data-yh-page="apply"] .yh-sound-toggle {
        min-width: 112px;
        min-height: 42px;
        padding: 0.58rem 0.78rem;
    }

    body[data-yh-page="apply"] .yh-space-rays::before,
    body[data-yh-page="apply"] .yh-space-rays::after {
        opacity: 0.56;
    }

    body[data-yh-page="apply"] .yh-space-meteor {
        width: min(120px, 24vw);
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-yh-page="apply"] .yh-space-stars,
    body[data-yh-page="apply"] .yh-space-stars::before,
    body[data-yh-page="apply"] .yh-space-stars::after,
    body[data-yh-page="apply"] .yh-space-rays::before,
    body[data-yh-page="apply"] .yh-space-rays::after,
    body[data-yh-page="apply"] .yh-space-meteor,
    body[data-yh-page="apply"] .yh-space-asteroid {
        animation: none !important;
    }

    body[data-yh-page="apply"] .yh-space-asteroid-layer {
        transform: none !important;
        transition: none !important;
    }
}
@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-space-asteroid.asteroid-a {
        width: 92px;
        height: 54px;
        right: 2%;
    }

    body[data-yh-page="apply"] .yh-space-asteroid.asteroid-b {
        width: 68px;
        height: 42px;
        left: -2%;
    }

    body[data-yh-page="apply"] .yh-space-asteroid.asteroid-c {
        width: 104px;
        height: 60px;
        right: 4%;
    }

    body[data-yh-page="apply"] .yh-space-asteroid.asteroid-d {
        width: 78px;
        height: 46px;
        left: -1%;
    }

    body[data-yh-page="apply"] .yh-space-asteroid.asteroid-e {
        width: 116px;
        height: 68px;
        right: -1%;
        bottom: 6%;
    }
}
/* ========================================================= */
/* LANDING OUTER SPACE CINEMATIC POLISH                      */
/* refines meteors + sound toggle look without layout change */
/* ========================================================= */

body[data-yh-page="apply"] .yh-space-meteor-layer {
    perspective: 1200px;
    overflow: hidden;
}

body[data-yh-page="apply"] .yh-space-meteor {
    position: absolute;
    top: var(--meteor-top, 10%);
    left: var(--meteor-left, 78%);
    width: var(--meteor-width, 190px);
    height: 2px;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0;
    transform: rotate(-30deg) translate3d(0, 0, 0) scaleX(0.88);
    transform-origin: right center;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.06) 14%,
        rgba(186,230,253,0.34) 30%,
        rgba(125,211,252,0.72) 56%,
        rgba(255,255,255,1) 76%,
        rgba(255,255,255,0) 100%
    );
    box-shadow:
        0 0 14px rgba(191,219,254,0.32),
        0 0 34px rgba(56,189,248,0.18),
        0 0 64px rgba(59,130,246,0.08);
    filter: blur(0.15px);
    animation: yhMeteorFlyCinematic var(--meteor-duration, 3.4s) cubic-bezier(0.16, 0.78, 0.24, 1) forwards;
    will-change: transform, opacity;
}

body[data-yh-page="apply"] .yh-space-meteor::before {
    content: "";
    position: absolute;
    right: 18%;
    top: 50%;
    width: 42%;
    height: 12px;
    transform: translateY(-50%);
    border-radius: 999px;
    background:
        radial-gradient(circle at 100% 50%, rgba(255,255,255,0.28), rgba(255,255,255,0) 68%);
    filter: blur(8px);
    opacity: 0.8;
}

body[data-yh-page="apply"] .yh-space-meteor::after {
    content: "";
    position: absolute;
    right: 9%;
    top: 50%;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.98);
    box-shadow:
        0 0 12px rgba(255,255,255,0.82),
        0 0 28px rgba(125,211,252,0.42),
        0 0 44px rgba(56,189,248,0.18);
}

@keyframes yhMeteorFlyCinematic {
    0% {
        opacity: 0;
        transform: rotate(-30deg) translate3d(0, 0, 0) scaleX(0.88);
    }
    10% {
        opacity: 0.98;
    }
    72% {
        opacity: 0.84;
    }
    100% {
        opacity: 0;
        transform: rotate(-30deg) translate3d(-620px, 390px, 0) scaleX(1.08);
    }
}

body[data-yh-page="apply"] .yh-sound-toggle {
    border-color: rgba(148, 163, 184, 0.14);
    background: rgba(8, 12, 20, 0.58);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

body[data-yh-page="apply"] .yh-sound-toggle:hover {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(10, 16, 28, 0.76);
}

body[data-yh-page="apply"] .yh-sound-toggle.is-muted {
    opacity: 0.76;
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-space-meteor {
        width: min(150px, 30vw);
    }
}
/* ========================================================= */
/* LANDING INTERACTIVE POLISH + AUTH CENTERING               */
/* section reveal animations + centered auth card layout     */
/* ========================================================= */

body[data-yh-page="apply"] .yh-section-reveal {
    opacity: 0;
    transform: translate3d(0, 24px, 0) scale(0.992);
    filter: none;
    transition:
        opacity 0.62s ease,
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

body[data-yh-page="apply"] .yh-section-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}

body[data-yh-page="apply"] .yh-section-reveal[data-reveal-delay="1"] {
    transition-delay: 0.08s;
}

body[data-yh-page="apply"] .yh-section-reveal[data-reveal-delay="2"] {
    transition-delay: 0.16s;
}

body[data-yh-page="apply"] .yh-section-reveal[data-reveal-delay="3"] {
    transition-delay: 0.24s;
}

body[data-yh-page="apply"].yh-landing-is-scrolling .yh-space-stars,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-space-stars::before,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-space-stars::after,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-space-rays::before,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-space-rays::after,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-space-meteor,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-space-asteroid,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-landing-map-stage-wrap::before,
body[data-yh-page="apply"].yh-landing-is-scrolling .yh-landing-map-stage-wrap::after {
    animation-play-state: paused;
}

body[data-yh-page="apply"].yh-safari-browser.yh-landing-is-scrolling .yh-landing-proof-item,
body[data-yh-page="apply"].yh-safari-browser.yh-landing-is-scrolling .yh-landing-metric-card,
body[data-yh-page="apply"].yh-safari-browser.yh-landing-is-scrolling .yh-landing-map-stat,
body[data-yh-page="apply"].yh-safari-browser.yh-landing-is-scrolling .yh-landing-map-kicker,
body[data-yh-page="apply"].yh-safari-browser.yh-landing-is-scrolling .yh-landing-division-card {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* PATCH: Removed obsolete landing auth layout conflict v1
   The command landing layout source controls the access terminal below.
   This old block forced the split auth panel with priority flags and broke the copied reference layout.
*/

body[data-yh-page="apply"] #yh-auth-section .yh-auth-section-head {
    justify-content: center;
    text-align: center;
}

body[data-yh-page="apply"] #yh-auth-section .yh-auth-section-head > div {
    width: 100%;
    text-align: center;
}

body[data-yh-page="apply"] .yh-space-meteor {
    width: var(--meteor-width, 190px);
    height: 2px;
    transform: rotate(-30deg) translate3d(0, 0, 0) scaleX(0.88);
    transform-origin: right center;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.06) 14%,
        rgba(186,230,253,0.34) 30%,
        rgba(125,211,252,0.72) 56%,
        rgba(255,255,255,1) 76%,
        rgba(255,255,255,0) 100%
    );
    box-shadow:
        0 0 14px rgba(191,219,254,0.32),
        0 0 34px rgba(56,189,248,0.18),
        0 0 64px rgba(59,130,246,0.08);
    filter: blur(0.15px);
    animation: yhMeteorFlyCinematic var(--meteor-duration, 3.4s) cubic-bezier(0.16, 0.78, 0.24, 1) forwards;
}

body[data-yh-page="apply"] .yh-space-meteor::before {
    content: "";
    position: absolute;
    right: 18%;
    top: 50%;
    width: 42%;
    height: 12px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: radial-gradient(circle at 100% 50%, rgba(255,255,255,0.28), rgba(255,255,255,0) 68%);
    filter: blur(8px);
    opacity: 0.8;
}

body[data-yh-page="apply"] .yh-space-meteor::after {
    width: 9px;
    height: 9px;
    right: 9%;
    box-shadow:
        0 0 12px rgba(255,255,255,0.82),
        0 0 28px rgba(125,211,252,0.42),
        0 0 44px rgba(56,189,248,0.18);
}

@keyframes yhMeteorFlyCinematic {
    0% {
        opacity: 0;
        transform: rotate(-30deg) translate3d(0, 0, 0) scaleX(0.88);
    }
    10% {
        opacity: 0.98;
    }
    72% {
        opacity: 0.84;
    }
    100% {
        opacity: 0;
        transform: rotate(-30deg) translate3d(-620px, 390px, 0) scaleX(1.08);
    }
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-auth-card.form-card-ultrawide {
        width: min(94vw, 680px);
        min-height: 0;
    }

    body[data-yh-page="apply"] .yh-auth-card .panel-left.yh-auth-panel-left {
        display: none !important;
    }

    body[data-yh-page="apply"] .yh-auth-card .panel-right-wrapper {
        width: 100% !important;
        min-height: 0;
    }

    body[data-yh-page="apply"] .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] .yh-auth-card .flip-card-back {
        min-height: 0;
        padding: 1.7rem 1.4rem;
    }

    body[data-yh-page="apply"] .yh-auth-card .login-ui-container,
    body[data-yh-page="apply"] .yh-auth-card .yh-register-form,
    body[data-yh-page="apply"] .yh-auth-card #form-register-simple {
        max-width: 100%;
    }

    body[data-yh-page="apply"] .yh-space-meteor {
        width: min(150px, 30vw);
    }
}
/* ========================================================= */
/* LANDING DIVISION CARDS — STABLE PREMIUM ALIGNMENT          */
/* Cards stay aligned; hover movement is handled by card UI. */
/* ========================================================= */

body[data-yh-page="apply"] #yh-divisions-section .yh-landing-division-card {
    position: relative;
    translate: 0 0;
}
/* ========================================================= */
/* AUTH BOTTOM LOGOS                                         */
/* ========================================================= */

body[data-yh-page="apply"] .yh-auth-bottom-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-top: 1rem;
    width: 100%;
    opacity: 0.92;
}

body[data-yh-page="apply"] .yh-auth-bottom-logo {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.14));
}

body[data-yh-page="apply"] .yh-auth-bottom-logo-main {
    width: 30px;
    height: 30px;
}

body[data-yh-page="apply"] .yh-auth-bottom-logo-secondary {
    width: 26px;
    height: 26px;
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-auth-bottom-logos {
        margin-top: 0.9rem;
        gap: 0.7rem;
    }

    body[data-yh-page="apply"] .yh-auth-bottom-logo-main {
        width: 28px;
        height: 28px;
    }

    body[data-yh-page="apply"] .yh-auth-bottom-logo-secondary {
        width: 24px;
        height: 24px;
    }
}
/* ========================================================= */
/* AUTH BOTTOM LOGO — BIGGER                                */
/* ========================================================= */

body[data-yh-page="apply"] .yh-auth-bottom-logos {
    margin-top: 1.2rem;
    gap: 1rem;
}

body[data-yh-page="apply"] .yh-auth-bottom-logo {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: contain;
    opacity: 0.98;
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.16));
}

body[data-yh-page="apply"] .yh-auth-bottom-logo-main {
    width: 84px;
    height: 84px;
}

body[data-yh-page="apply"] .yh-auth-bottom-logo-secondary {
    width: 85px;
    height: 85px;
}

@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-auth-bottom-logos {
        margin-top: 1rem;
        gap: 0.8rem;
    }

    body[data-yh-page="apply"] .yh-auth-bottom-logo {
        width: 46px;
        height: 46px;
    }

    body[data-yh-page="apply"] .yh-auth-bottom-logo-main {
        width: 50px;
        height: 50px;
    }

    body[data-yh-page="apply"] .yh-auth-bottom-logo-secondary {
        width: 44px;
        height: 44px;
    }
}
/* ========================================================= */
/* LOGIN TITLE / SUBTITLE GAP                                */
/* ========================================================= */

body[data-yh-page="apply"] .flip-card-front .step1-title {
    margin-bottom: 0.42rem !important;
}

body[data-yh-page="apply"] .flip-card-front .step1-subtitle {
    margin-top: 0.12rem;
}
/* ========================================================= */
/* YH DASHBOARD ECONOMIC SNAPSHOT                            */
/* ========================================================= */
.yh-universe-progress-rail {
    width: min(292px, 100%);
    flex: 0 0 292px;
    display: flex;
    align-items: flex-start;
}

.yh-universe-progress-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
        rgba(8, 18, 34, 0.28);
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 24px;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.05);
    padding: 18px 18px 17px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.yh-universe-progress-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 40%);
    pointer-events: none;
}

.yh-universe-progress-kicker {
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #7dd3fc;
    margin-bottom: 7px;
}

.yh-universe-progress-title {
    font-size: 1rem;
    font-weight: 700;
    color: #f8fbff;
    margin-bottom: 6px;
}

.yh-universe-progress-copy {
    font-size: 1rem;
    line-height: 1.42;
    color: #cbd5e1;
    margin-bottom: 12px;
}

.yh-universe-progress-tier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 10px;
}

.yh-universe-progress-tier-label {
    font-size: 1rem;
    color: #94a3b8;
}

.yh-universe-progress-tier strong {
    font-size: 1rem;
    color: #f8fbff;
}

.yh-universe-progress-status-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.yh-universe-progress-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10.5px 13px;
    border-radius: 14px;
    background: rgba(9, 16, 28, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.yh-universe-progress-status-row span {
    font-size: 1rem;
    color: #94a3b8;
}

.yh-universe-progress-status-row strong {
    font-size: 1rem;
    color: #f8fbff;
    text-align: right;
}

.yh-universe-progress-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 11px 0 9px;
}

.yh-universe-progress-meta-label {
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #7dd3fc;
    margin-bottom: 4px;
}

.yh-universe-progress-meta-value {
    font-size: 1.03rem;
    font-weight: 700;
    color: #f8fbff;
}

.yh-universe-progress-meta-sub {
    margin-top: 3px;
    font-size: 1rem;
    color: #94a3b8;
    line-height: 1.3;
}
@media (max-width: 1100px) {
    .yh-universe-stage-body {
        flex-direction: column;
        align-items: stretch;
    }

    .yh-universe-progress-rail {
        width: 100%;
        flex: 0 0 auto;
    }
}
/* ========================================================= */
/* ACADEMY OPPORTUNITY / PLAZA READINESS LAYER               */
/* ========================================================= */
.academy-profile-opportunity-card {
    margin-top: 16px;
}

.academy-profile-readiness-badge {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 14px;
}

.academy-profile-readiness-badge.is-ready {
    color: #dcfce7;
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.academy-profile-readiness-badge.is-building {
    color: #dbeafe;
    background: rgba(56, 189, 248, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.24);
}

.academy-profile-opportunity-stats {
    margin-top: 4px;
}

.academy-profile-opportunity-block + .academy-profile-opportunity-block {
    margin-top: 14px;
}

.academy-profile-opportunity-label {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 8px;
}

.academy-profile-signal-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.academy-profile-signal-chip {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: #f8fbff;
    font-size: 1rem;
}

.academy-profile-signal-empty {
    color: var(--text-muted);
    font-size: 1rem;
}

.academy-profile-readiness-copy {
    margin-top: 14px;
    color: var(--text-muted);
    font-size: 1.03rem;
    line-height: 1.55;
}
/* ========================================================= */
/* ACADEMY HOME PLAZA READINESS PANEL                        */
/* ========================================================= */
.academy-home-readiness-panel {
    position: relative;
}

.academy-home-readiness-hero {
    display: grid;
    grid-template-columns: minmax(110px, 130px) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    margin-top: 4px;
}

.academy-home-readiness-score-card {
    border-radius: 18px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: rgba(56, 189, 248, 0.08);
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 108px;
}

.academy-home-readiness-score-value {
    font-size: 2rem;
    line-height: 1;
    font-weight: 800;
    color: #f8fbff;
}

.academy-home-readiness-score-copy {
    margin-top: 6px;
    font-size: 1rem;
    color: var(--text-muted);
}

.academy-home-readiness-summary {
    min-width: 0;
}

.academy-home-readiness-badge {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.academy-home-readiness-badge.is-ready {
    color: #dcfce7;
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.academy-home-readiness-badge.is-strong {
    color: #dbeafe;
    background: rgba(56, 189, 248, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.24);
}

.academy-home-readiness-badge.is-building {
    color: #fef3c7;
    background: rgba(245, 158, 11, 0.14);
    border: 1px solid rgba(245, 158, 11, 0.24);
}

.academy-home-readiness-badge.is-early {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.24);
}

.academy-home-readiness-copy {
    margin: 0;
}

.academy-home-readiness-action-row {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.academy-home-readiness-profile-btn {
    width: auto;
    min-height: 38px;
    padding: 0.81rem 1.02rem;
    border-radius: 999px;
    font-size: 1rem;
    white-space: normal;
    text-align: center;
}

.academy-home-readiness-grid {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.academy-home-readiness-check {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 1rem;
    line-height: 1.35;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.academy-home-readiness-check.is-active {
    color: #dcfce7;
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.22);
}

.academy-home-readiness-check.is-pending {
    color: #cbd5e1;
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.16);
}

.academy-home-readiness-check-icon {
    font-weight: 800;
    line-height: 1;
    flex: 0 0 auto;
}

.academy-home-readiness-meta {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    font-size: 1rem;
    color: var(--text-muted);
}

.academy-home-readiness-meta strong {
    color: #f8fbff;
    font-weight: 700;
}

.academy-home-readiness-chip-row {
    gap: 8px;
}

.academy-home-readiness-chip {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: #f8fbff;
    font-size: 1rem;
}

.academy-home-readiness-empty {
    color: var(--text-muted);
    font-size: 1rem;
}

@media (max-width: 768px) {
    .academy-home-readiness-hero,
    .academy-home-readiness-grid,
    .academy-home-readiness-meta {
        grid-template-columns: 1fr;
    }
}
/* ========================================================= */
/* DASHBOARD BRIDGE SIGNAL                                   */
/* ========================================================= */
.yh-universe-progress-bridge-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.yh-universe-progress-bridge-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
}

.yh-universe-progress-bridge-badge.is-ready {
    color: #dcfce7;
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.yh-universe-progress-bridge-badge.is-strong {
    color: #dbeafe;
    background: rgba(56, 189, 248, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.24);
}

.yh-universe-progress-bridge-badge.is-building {
    color: #fef3c7;
    background: rgba(245, 158, 11, 0.14);
    border: 1px solid rgba(245, 158, 11, 0.24);
}

.yh-universe-progress-bridge-badge.is-early {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.24);
}
/* ========================================================= */
/* DASHBOARD FEATURE STACK + BRIDGE CARD                     */
/* ========================================================= */
.yh-universe-side-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: min(100%, 320px);
    flex: 0 0 320px;
}

.yh-universe-bridge-panel {
    align-self: stretch;
}

.yh-universe-bridge-panel .yh-universe-progress-bridge-badge {
    margin-top: 2px;
    margin-bottom: 12px;
}

.yh-universe-bridge-copy {
    margin: 0;
}

@media (max-width: 1100px) {
    .yh-universe-side-stack {
        width: 100%;
        flex: 0 0 auto;
    }
}
/* ========================================================= */
/* ACADEMY STARTUP BOOT OVERLAY                              */
/* ========================================================= */
body.academy-startup-booting {
    overflow: hidden;
}

.yh-academy-startup-loader {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background:
        radial-gradient(circle at top, rgba(56, 189, 248, 0.12), transparent 34%),
        linear-gradient(180deg, #07111f 0%, #081423 55%, #0a1627 100%);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

.yh-academy-startup-loader.is-exiting {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}.yh-academy-startup-card {
    width: min(100%, 420px);
    border-radius: 24px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    background: rgba(8, 18, 34, 0.28);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.yh-academy-startup-logo {
    width: 82px;
    height: 82px;
    object-fit: contain;
    margin-bottom: 14px;
}

.yh-academy-startup-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f8fbff;
    margin-bottom: 8px;
}

.yh-academy-startup-copy {
    font-size: 1.03rem;
    line-height: 1.55;
    color: #cbd5e1;
    margin-bottom: 18px;
}

.yh-academy-startup-spinner {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 3px solid rgba(255, 255, 255, 0.16);
    border-top-color: rgba(56, 189, 248, 0.95);
    animation: yhAcademyStartupSpin 0.8s linear infinite;
}

@keyframes yhAcademyStartupSpin {
    to { transform: rotate(360deg); }
}
/* ========================================================= */
/* ACADEMY STARTUP CONTEXT HEAD                              */
/* ========================================================= */
.yh-academy-startup-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 18px;
    text-align: left;
}

.yh-academy-startup-icon {
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.yh-academy-startup-copy-wrap {
    min-width: 0;
}

.yh-academy-startup-copy-wrap .yh-academy-startup-title {
    margin-bottom: 4px;
}

.yh-academy-startup-copy-wrap .yh-academy-startup-copy {
    margin-bottom: 0;
}

@media (max-width: 520px) {
    .yh-academy-startup-head {
        flex-direction: column;
        text-align: center;
    }
}
/* ==========================================
   ACADEMY OPERATOR WITHDRAWAL UI
   ========================================== */

.academy-lead-withdrawal-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
    margin: 18px 0;
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 18px;
    background: rgba(8, 18, 33, 0.28);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.academy-lead-withdrawal-card > div {
    min-width: 0;
}

.academy-lead-withdrawal-btn {
    width: auto;
    min-width: 190px;
    flex: 0 0 auto;
}

.academy-withdrawal-method-field.hidden-step {
    display: none !important;
}

#academy-withdrawal-balance-note {
    margin-top: 7px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .academy-lead-withdrawal-card {
        flex-direction: column;
        align-items: stretch;
    }

    .academy-lead-withdrawal-btn {
        width: 100%;
        min-width: 0;
    }
}
/* ==========================================
   ACADEMY WITHDRAWAL STATUS SYNC
   ========================================== */

.academy-lead-withdrawal-status-panel {
    margin: 18px 0;
    padding: 20px;
    border: 1px solid rgba(56, 189, 248, 0.2);
    border-radius: 20px;
    background: rgba(8, 18, 33, 0.28);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.academy-lead-withdrawal-status-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.academy-lead-status-refresh-btn {
    width: auto;
    min-width: 150px;
    flex: 0 0 auto;
}

.academy-lead-withdrawal-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 16px 0;
}

.academy-lead-withdrawal-table-wrap {
    margin-top: 16px;
}

.academy-lead-withdrawal-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 7.5px 12px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(148, 163, 184, 0.1);
    color: #e5edf7;
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    white-space: nowrap;
}

.academy-withdrawal-status-pending_review {
    border-color: rgba(245, 158, 11, 0.35);
    background: rgba(245, 158, 11, 0.1);
    color: #fbbf24;
}

.academy-withdrawal-status-approved,
.academy-withdrawal-status-processing {
    border-color: rgba(56, 189, 248, 0.36);
    background: rgba(56, 189, 248, 0.1);
    color: #7dd3fc;
}

.academy-withdrawal-status-paid {
    border-color: rgba(34, 197, 94, 0.36);
    background: rgba(34, 197, 94, 0.1);
    color: #86efac;
}

.academy-withdrawal-status-rejected,
.academy-withdrawal-status-failed {
    border-color: rgba(239, 68, 68, 0.36);
    background: rgba(239, 68, 68, 0.1);
    color: #fca5a5;
}

.academy-lead-withdrawal-warning {
    margin-top: 12px;
    color: #fca5a5;
}

@media (max-width: 1024px) {
    .academy-lead-withdrawal-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .academy-lead-withdrawal-status-head {
        flex-direction: column;
        align-items: stretch;
    }

    .academy-lead-status-refresh-btn {
        width: 100%;
        min-width: 0;
    }

    .academy-lead-withdrawal-status-grid {
        grid-template-columns: 1fr;
    }
}
/* ========================================================= */
/* DASHBOARD UNIFIED PROFILE HOST                            */
/* ========================================================= */

body[data-yh-page="dashboard"].yh-universe-profile-open {
    overflow: hidden;
}body[data-yh-page="dashboard"] #academy-profile-view.yh-dashboard-universe-profile-host {
    position: fixed;
    inset: 0;
    z-index: 1350;
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    padding: clamp(12px, 2vw, 22px);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 32%),
        radial-gradient(circle at top right, rgba(211, 178, 112, 0.08), transparent 28%),
        rgba(2, 6, 23, 0.26);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
}

body[data-yh-page="dashboard"] #academy-profile-view.hidden-step {
    display: none !important;
}

body[data-yh-page="dashboard"] .yh-dashboard-universe-profile-header {
    width: min(1180px, 100%);
    margin: 0 auto 12px;
    flex: 0 0 auto;
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.16);
    background: rgba(8, 14, 26, 0.22);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.34);
}

body[data-yh-page="dashboard"] .yh-dashboard-universe-profile-scroll {
    width: min(1180px, 100%);
    margin: 0 auto;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 0 20px;
}

body[data-yh-page="dashboard"] .yh-dashboard-profile-close {
    width: auto;
    min-width: 160px;
    white-space: nowrap;
}

body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .yh-dashboard-profile-search,
body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .yh-dashboard-universe-profile-header .header-divider {
    display: none !important;
}

body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-row {
    justify-content: flex-end;
}

body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn-follow {
    width: min(310px, 100%) !important;
    min-width: 220px !important;
    min-height: 52px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(56, 189, 248, 0.58) !important;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.95), rgba(14, 165, 233, 0.92)) !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 34px rgba(14, 165, 233, 0.26) !important;
}

body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn-follow:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 20px 42px rgba(14, 165, 233, 0.34) !important;
}

body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn-follow.is-following {
    border-color: rgba(248, 113, 113, 0.62) !important;
    background:
        linear-gradient(180deg, rgba(239, 68, 68, 0.94), rgba(185, 28, 28, 0.94)) !important;
    color: #fff7f7 !important;
    box-shadow: 0 16px 34px rgba(239, 68, 68, 0.24) !important;
}

body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn-friend,
body[data-yh-page="dashboard"] #academy-profile-view[data-profile-layout="visited"] .academy-profile-action-btn-message {
    display: none !important;
}

@media (max-width: 768px) {
    body[data-yh-page="dashboard"] #academy-profile-view.yh-dashboard-universe-profile-host {
        padding: 12px;
    }

    body[data-yh-page="dashboard"] .yh-dashboard-universe-profile-header {
        margin-bottom: 10px;
        border-radius: 18px;
    }

    body[data-yh-page="dashboard"] .yh-dashboard-profile-close {
        width: 100%;
        min-width: 0;
    }
}
/* ========================================================= */
/* DASHBOARD UNIFIED PROFILE SEARCH                          */
/* ========================================================= */

body[data-yh-page="dashboard"] #academy-profile-view .yh-dashboard-universe-profile-header .header-left {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}

body[data-yh-page="dashboard"] #academy-profile-view #academy-profile-header-title {
    flex: 0 0 auto;
    min-width: max-content;
    max-width: none;
    margin: 0;
    white-space: nowrap;
    line-height: 1.12;
}

body[data-yh-page="dashboard"] #academy-profile-view .header-divider {
    flex: 0 0 auto;
}

/* PATCH: Remove search field from Dashboard profile viewer v1 */
body[data-yh-page="dashboard"] #academy-profile-view .yh-dashboard-profile-search,
body[data-yh-page="dashboard"] #academy-profile-view .yh-dashboard-profile-search-btn,
body[data-yh-page="dashboard"] #academy-profile-view .yh-dashboard-profile-search-input,
body[data-yh-page="dashboard"] #academy-profile-view .yh-dashboard-search-dropdown,
body[data-yh-page="dashboard"] #academy-profile-view .yh-dashboard-universe-profile-header .header-divider {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* END PATCH: Remove search field from Dashboard profile viewer v1 */

body[data-yh-page="dashboard"] .yh-dashboard-profile-search {
    width: min(42vw, 520px);
    flex: 0 1 520px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-left: 4px;
}

body[data-yh-page="dashboard"] .yh-dashboard-profile-search-input {
    min-height: 44px;
    border-radius: 999px;
    padding: 0.91rem 1.13rem;
    background: rgba(15, 23, 42, 0.82);
    border-color: rgba(56, 189, 248, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-yh-page="dashboard"] .yh-dashboard-profile-search-input::placeholder {
    color: rgba(148, 163, 184, 0.84);
}

body[data-yh-page="dashboard"] .yh-dashboard-profile-search-btn {
    width: auto;
    min-width: 96px;
    min-height: 44px;
    padding: 0.84rem 1.18rem;
    border-radius: 999px;
    white-space: nowrap;
}

body[data-yh-page="dashboard"] .yh-dashboard-profile-search {
    position: relative;
    overflow: visible;
    z-index: 180;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    z-index: 5000;
    width: 100%;
    min-width: min(100%, 360px);
    max-height: min(62vh, 520px);
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.26);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.13), transparent 38%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.54),
        0 0 34px rgba(56, 189, 248, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body[data-yh-page="dashboard"] .yh-dashboard-search-dropdown-shell {
    display: grid;
    gap: 0;
    max-height: min(62vh, 520px);
    overflow: hidden;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-dropdown-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(56, 189, 248, 0.14);
    background: rgba(2, 6, 23, 0.38);
}

body[data-yh-page="dashboard"] .yh-dashboard-search-dropdown-head span {
    color: #38bdf8;
    font-size: 0.91rem;
    font-weight: 950;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-dropdown-head strong {
    min-width: 0;
    color: rgba(226, 232, 240, 0.92);
    font-size: 0.95rem;
    font-weight: 850;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-dropdown-list {
    display: grid;
    gap: 8px;
    padding: 10px;
    max-height: min(54vh, 440px);
    overflow-y: auto;
    overflow-x: hidden;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-radius: 17px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.016)),
        rgba(15, 23, 42, 0.28);
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-card:hover {
    transform: translateY(-1px);
    border-color: rgba(56, 189, 248, 0.32);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.10), transparent 38%),
        rgba(15, 23, 42, 0.28);
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-main {
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    border: 1px solid rgba(56, 189, 248, 0.26);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.30), transparent 44%),
        rgba(15, 23, 42, 0.94);
    background-size: cover;
    background-position: center;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 950;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.12);
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-copy strong {
    color: #f8fbff;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.18;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-copy span,
body[data-yh-page="dashboard"] .yh-dashboard-search-result-copy small {
    color: rgba(148, 163, 184, 0.92);
    font-size: 0.95rem;
    line-height: 1.24;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-copy small {
    color: rgba(125, 211, 252, 0.82);
}

body[data-yh-page="dashboard"] .yh-dashboard-search-result-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-small-btn {
    min-height: 30px;
    padding: 6px 9px;
    border-radius: 11px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(56, 189, 248, 0.07);
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-small-btn.is-following {
    border-color: rgba(34, 197, 94, 0.32);
    background: rgba(34, 197, 94, 0.10);
    color: #86efac;
}

body[data-yh-page="dashboard"] .yh-dashboard-search-dropdown-empty {
    padding: 16px;
    color: rgba(203, 213, 225, 0.82);
    font-size: 1rem;
    line-height: 1.45;
}

body[data-yh-view="hub"] .desktop-user-strip,
body[data-yh-view="hub"] .desktop-user-strip-inner,
body[data-yh-view="hub"] .desktop-user-strip-left {
    overflow: visible !important;
}

@media (max-width: 900px) {
    body[data-yh-page="dashboard"] #academy-profile-view .yh-dashboard-universe-profile-header .header-left {
        flex-wrap: wrap;
    }

    body[data-yh-page="dashboard"] .yh-dashboard-profile-search {
        width: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 8px;
    }
}

@media (max-width: 768px) {
    body[data-yh-page="dashboard"] #academy-profile-view #academy-profile-header-title {
        min-width: 0;
        max-width: calc(100vw - 150px);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body[data-yh-page="dashboard"] .yh-dashboard-profile-search {
        width: 100%;
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-top: 8px;
    }

    body[data-yh-view="hub"] .desktop-user-strip-inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body[data-yh-view="hub"] .desktop-user-strip-left {
        grid-column: 1 !important;
        justify-self: stretch !important;
    }

    body[data-yh-view="hub"] .desktop-user-strip-right {
        grid-column: 2 !important;gap:6px !important;}

    body[data-yh-view="hub"] .yh-dashboard-top-search {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body[data-yh-view="hub"] .yh-dashboard-top-search-btn {
        display: none !important;
    }

    body[data-yh-page="dashboard"] .yh-dashboard-profile-search-btn {
        width: 100%;
    }
}
/* ========================================================= */
/* DASHBOARD UNIFIED PROFILE EDITOR + ACCOUNT DELETE          */
/* ========================================================= */
.yh-dashboard-profile-modal {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(2, 6, 23, 0.34);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.yh-dashboard-profile-modal-card {
    width: min(760px, 100%);
    max-height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    border: 1px solid rgba(56, 189, 248, 0.16);
    background: linear-gradient(180deg, rgba(10, 20, 40, 0.34), rgba(5, 12, 28, 0.34));
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48);
    overflow: hidden;
}

.yh-dashboard-delete-account-card {
    width: min(560px, 100%);
}

.yh-dashboard-profile-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.yh-dashboard-profile-modal-kicker {
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yh-dashboard-profile-modal-kicker.is-danger {
    color: #f87171;
}

.yh-dashboard-profile-modal-head h3 {
    margin: 6px 0 8px;
    color: #fff;
    font-size: 1.18rem;
    font-weight: 800;
}

.yh-dashboard-profile-modal-head p {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.6;
    font-size: 1.03rem;
}

.yh-dashboard-profile-modal-close {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
    color: #e2e8f0;
    cursor: pointer;
}

.yh-dashboard-profile-modal-body {
    display: grid;
    gap: 16px;
    padding: 22px 24px;
    overflow-y: auto;
}

.yh-dashboard-profile-preview-body {
    display: none;
    padding: 22px 24px;
    overflow-y: auto;
}

.yh-dashboard-profile-modal.is-profile-preview-mode .yh-dashboard-profile-preview-body {
    display: block;
}

.yh-dashboard-profile-modal.is-profile-preview-mode .yh-dashboard-profile-edit-fields,
.yh-dashboard-profile-modal.is-profile-preview-mode .yh-dashboard-profile-edit-actions {
    display: none !important;
}

.yh-dashboard-profile-modal.is-profile-edit-mode .yh-dashboard-profile-preview-body,
.yh-dashboard-profile-modal.is-profile-edit-mode .yh-dashboard-profile-preview-actions {
    display: none !important;
}

.yh-dashboard-profile-preview-card {
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.16);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.28), rgba(5, 12, 28, 0.28)),
        rgba(7, 16, 31, 0.28);
    box-shadow:
        0 20px 52px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.045);
}

.yh-dashboard-profile-preview-cover {
    min-height: 150px;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    background:
        radial-gradient(circle at 20% 10%, rgba(56, 189, 248, 0.18), transparent 36%),
        linear-gradient(135deg, rgba(14, 165, 233, 0.14), rgba(15, 23, 42, 0.26));
    background-size: cover;
    background-position: center;
}

.yh-dashboard-profile-preview-avatar {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    border: 1px solid rgba(56, 189, 248, 0.32);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.30), transparent 46%),
        rgba(15, 23, 42, 0.94);
    color: #f8fbff;
    font-size: 2rem;
    font-weight: 900;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.32);
}

.yh-dashboard-profile-preview-avatar.has-image {
    background-size: cover;
    background-position: center;
}

.yh-dashboard-profile-preview-main {
    display: grid;
    gap: 14px;
    padding: 20px;
}

.yh-dashboard-profile-preview-main h4 {
    margin: 0;
    color: #fff;
    font-size: 1.22rem;
    font-weight: 900;
}

.yh-dashboard-profile-preview-main p {
    margin: 4px 0 0;
    color: rgba(148, 163, 184, 0.92);
    font-size: 1rem;
}

.yh-dashboard-profile-preview-bio {
    color: rgba(226, 232, 240, 0.86);
    line-height: 1.55;
    font-size: 1.03rem;
}

.yh-dashboard-profile-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.yh-dashboard-profile-preview-item,
.yh-dashboard-profile-preview-pills {
    padding: 14px;
    border-radius: 15px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(15, 23, 42, 0.26);
}

.yh-dashboard-profile-preview-item span,
.yh-dashboard-profile-preview-pills > div:first-child {
    display: block;
    margin-bottom: 6px;
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yh-dashboard-profile-preview-item strong {
    color: #f8fbff;
    font-size: 1rem;
}

.yh-dashboard-profile-preview-pills > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.yh-dashboard-profile-preview-pills span,
.yh-dashboard-profile-preview-pills em {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10.5px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.20);
    background: rgba(56, 189, 248, 0.08);
    color: #bae6fd;
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 800;
}

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

.yh-dashboard-profile-field {
    display: grid;
    gap: 7px;
}

.yh-dashboard-profile-field label {
    color: #dbeafe;
    font-size: 1rem;
    font-weight: 700;
}

.yh-dashboard-profile-field small {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.yh-dashboard-profile-modal-actions {
    display: grid;
    gap: 10px;
    padding: 18px 24px 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.yh-dashboard-profile-primary-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.yh-dashboard-profile-modal-actions .btn-secondary,
.yh-dashboard-profile-modal-actions .btn-primary {
    width: 100%;
}

.yh-dashboard-settings-card {
    width: min(680px, 100%);
}

.yh-dashboard-settings-body {
    gap: 18px;
}

.yh-dashboard-settings-section {
    display: grid;
    gap: 14px;
}

.yh-dashboard-settings-section-head {
    display: grid;
    gap: 5px;
}

.yh-dashboard-settings-section-head span {
    color: #f8fbff;
    font-size: 1.03rem;
    font-weight: 800;
}

.yh-dashboard-settings-section-head small {
    color: var(--text-muted);
    line-height: 1.5;
}

.yh-dashboard-settings-subscriptions-list {
    display: grid;
    gap: 12px;
}

.yh-dashboard-settings-subscription-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.28);
}

.yh-dashboard-settings-subscription-card.is-active {
    border-color: rgba(56, 189, 248, 0.3);
    background: rgba(14, 165, 233, 0.08);
}

.yh-dashboard-settings-subscription-main {
    min-width: 0;
}

.yh-dashboard-settings-subscription-title-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.yh-dashboard-settings-subscription-title-row strong {
    color: #f8fbff;
    font-size: 1.03rem;
}

.yh-dashboard-settings-subscription-title-row p {
    margin: 5px 0 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.yh-dashboard-settings-plan-code {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    padding: 5px 8px;
    border-radius: 999px;
    border: 1px solid rgba(211, 178, 112, 0.44);
    background: rgba(211, 178, 112, 0.12);
    color: #f8e2a1;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.yh-dashboard-settings-subscription-actions {
    flex: 0 0 auto;
    display: grid;
    justify-items: end;
    gap: 8px;
}

.yh-dashboard-settings-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 5px 10.5px;
    border-radius: 999px;
    color: #94a3b8;
    background: rgba(148, 163, 184, 0.1);
    font-size: 0.95rem;
    font-weight: 800;
}

.yh-dashboard-settings-status-pill.is-active {
    color: #86efac;
    background: rgba(34, 197, 94, 0.14);
}

.yh-dashboard-settings-status-pill.is-pending {
    color: #f8e2a1;
    background: rgba(211, 178, 112, 0.13);
}

.yh-dashboard-settings-status-pill.is-inactive {
    color: #cbd5e1;
    background: rgba(148, 163, 184, 0.1);
}

.yh-dashboard-settings-unsubscribe-btn {
    min-width: 168px;
    border-color: rgba(248, 113, 113, 0.36) !important;
    color: #fecaca !important;
    background: rgba(127, 29, 29, 0.22) !important;
}

.yh-dashboard-settings-unsubscribe-btn:hover:not(:disabled) {
    border-color: rgba(248, 113, 113, 0.72) !important;
    color: #ffffff !important;
    background: rgba(185, 28, 28, 0.34) !important;
}

.yh-dashboard-settings-unsubscribe-btn:disabled {
    opacity: 0.58;
    cursor: not-allowed;
}

.yh-dashboard-settings-loading {
    padding: 14px;
    border: 1px dashed rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    color: var(--text-muted);
    text-align: center;
    background: rgba(255, 255, 255, 0.035);
}

.yh-dashboard-settings-loading.is-error {
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.26);
    background: rgba(127, 29, 29, 0.16);
}

.yh-dashboard-ticket-question {
    margin-top: 2px;
    color: #cbd5e1;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.01em;
}

.yh-dashboard-create-ticket-btn {
    border-color: rgba(56, 189, 248, 0.42) !important;
    color: #bae6fd !important;
    background: rgba(14, 165, 233, 0.08) !important;
}

.yh-dashboard-create-ticket-btn:hover {
    background: rgba(14, 165, 233, 0.16) !important;
    color: #fff !important;
}

.yh-profile-danger-action {
    border-color: rgba(239, 68, 68, 0.75) !important;
    color: #fecaca !important;
    background: rgba(239, 68, 68, 0.08) !important;
}

.yh-profile-danger-action:hover {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fff !important;
}

.yh-dashboard-danger-warning {
    display: grid;
    gap: 5px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(239, 68, 68, 0.22);
    background: rgba(239, 68, 68, 0.075);
}

.yh-dashboard-danger-warning strong {
    color: #fecaca;
}

.yh-dashboard-danger-warning span {
    color: var(--text-muted);
    line-height: 1.55;
    font-size: 1rem;
}

.yh-dashboard-basic-assistant {
    position: fixed;
    top: 86px;
    right: 24px;
    z-index: 2200;
    width: min(460px, calc(100vw - 32px));
    max-height: calc(100vh - 112px);
}

.yh-dashboard-basic-assistant-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(10, 20, 40, 0.28), rgba(5, 12, 28, 0.28));
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58);
}

.yh-dashboard-basic-assistant-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 16px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.yh-dashboard-basic-assistant-kicker {
    color: var(--neon-blue);
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.yh-dashboard-basic-assistant-head h3 {
    margin: 5px 0 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 850;
}

.yh-dashboard-basic-assistant-head p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.45;
}

.yh-dashboard-basic-assistant-close {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    color: #e2e8f0;
    cursor: pointer;
}

.yh-dashboard-basic-assistant-intake {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(2, 6, 23, 0.22);
}

.yh-dashboard-basic-assistant-intake label {
    color: #f8fbff;
    font-size: 1rem;
    font-weight: 850;
}

.yh-dashboard-basic-assistant-intake select {
    min-height: 42px;
    margin-top: 0;
}

.yh-dashboard-basic-assistant-category-hint {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.45;
}

.yh-dashboard-basic-assistant-category-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.yh-dashboard-basic-assistant-category-chips button {
    width: auto;
    min-height: 30px;
    padding: 6px 9px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background: rgba(14, 165, 233, 0.08);
    color: #bae6fd;
    font-size: 0.95rem;
    font-weight: 800;
    cursor: pointer;
}

.yh-dashboard-basic-assistant-category-chips button:hover {
    border-color: rgba(56, 189, 248, 0.48);
    background: rgba(14, 165, 233, 0.16);
    color: #ffffff;
}

.yh-dashboard-basic-assistant-messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 220px;
    max-height: min(40vh, 360px);
    padding: 16px;
    overflow-y: auto;
}

.yh-dashboard-basic-assistant-empty {
    margin: auto;
    max-width: 300px;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
    text-align: center;
}

.yh-dashboard-basic-assistant-message {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.yh-dashboard-basic-assistant-message.is-user {
    justify-content: flex-end;
}

.yh-dashboard-basic-assistant-message-main {
    display: grid;
    gap: 5px;
    min-width: 0;
    max-width: 88%;
}

.yh-dashboard-basic-assistant-message-avatar {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(15, 23, 42, 0.92);
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.14);
}

.yh-dashboard-basic-assistant-message-label {
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.yh-dashboard-basic-assistant-message-bubble {
    max-width: 100%;
    padding: 12px 14px;
    border-radius: 15px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.72);
    color: #dbeafe;
    font-size: 1rem;
    line-height: 1.55;
}

.yh-dashboard-basic-assistant-message.is-user .yh-dashboard-basic-assistant-message-bubble {
    border-color: rgba(56, 189, 248, 0.24);
    background: rgba(14, 165, 233, 0.14);
    color: #f8fbff;
}

.yh-dashboard-basic-assistant-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 86px;
    gap: 10px;
    padding: 12px 14px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    align-items: stretch;
}

.yh-dashboard-basic-assistant-form .input-field {
    min-height: 64px;
    max-height: 116px;
    padding: 12px 13px;
    line-height: 1.45;
    resize: vertical;
    white-space: normal;
    overflow-y: auto;
}

.yh-dashboard-basic-assistant-form .input-field::placeholder {
    color: rgba(226, 232, 240, 0.72);
    opacity: 1;
    white-space: normal;
}

.yh-dashboard-basic-assistant-form .btn-primary {
    min-height: 64px;
    padding-inline: 12px;
    align-self: stretch;
}
@media (max-width: 700px) {
    .yh-dashboard-profile-modal {
        align-items: stretch;
        padding: 14px;
    }

    .yh-dashboard-profile-modal-card {
        max-height: 94vh;
        border-radius: 20px;
    }

    .yh-dashboard-profile-grid-2,
    .yh-dashboard-profile-preview-grid {
        grid-template-columns: 1fr;
    }

    .yh-dashboard-profile-modal-actions {
        gap: 10px;
    }

    .yh-dashboard-profile-primary-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yh-dashboard-settings-badge-row {
        align-items: stretch;
        flex-direction: column;
    }

    .yh-dashboard-settings-badge-side {
        justify-items: stretch;
    }

    .yh-dashboard-settings-unsubscribe-btn {
        width: 100%;
    }

    .yh-dashboard-basic-assistant {
        top: 14px;
        right: 12px;
        left: 12px;
        width: auto;
        max-height: calc(100vh - 28px);
    }

    .yh-dashboard-basic-assistant-messages {
        min-height: 180px;
        max-height: 36vh;
    }

    .yh-dashboard-basic-assistant-category-chips button {
        flex: 1 1 calc(50% - 7px);
    }

    .yh-dashboard-basic-assistant-form {
        grid-template-columns: 1fr;
    }

    .yh-dashboard-basic-assistant-form .input-field {
        min-height: 74px;
    }

    .yh-dashboard-basic-assistant-form .btn-primary {
        min-height: 46px;
    }
}
/* ========================================================= */
/* DASHBOARD TRUE YH UNIVERSE PROFILE SNAPSHOT               */
/* ========================================================= */
.yh-universe-profile-snapshot-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.yh-universe-profile-snapshot-card {
    min-width: 0;
    border-radius: 18px;
    padding: 15px 16px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.28);
}

.yh-universe-profile-snapshot-card.is-member {
    border-color: rgba(56, 189, 248, 0.3);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.14), transparent 42%),
        rgba(15, 23, 42, 0.28);
}

.yh-universe-profile-snapshot-card.is-pending,
.yh-universe-profile-snapshot-card.is-watching {
    border-color: rgba(250, 204, 21, 0.26);
    background:
        radial-gradient(circle at top left, rgba(250, 204, 21, 0.1), transparent 42%),
        rgba(15, 23, 42, 0.28);
}

.yh-universe-profile-snapshot-card.is-blocked {
    border-color: rgba(248, 113, 113, 0.24);
}

.yh-universe-profile-snapshot-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.yh-universe-profile-snapshot-top span {
    color: #e0f2fe;
    font-size: 1rem;
    font-weight: 800;
}

.yh-universe-profile-snapshot-top strong {
    padding: 5px 9.5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: var(--text-muted);
    font-size: 0.91rem;
    white-space: nowrap;
}

.yh-universe-profile-snapshot-card.is-member .yh-universe-profile-snapshot-top strong {
    color: #7dd3fc;
    background: rgba(14, 165, 233, 0.12);
}

.yh-universe-profile-snapshot-card p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

.yh-universe-profile-activity-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 14px 0 12px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(56, 189, 248, 0.14);
    background: rgba(15, 23, 42, 0.26);
}

.yh-universe-profile-activity-controls label {
    color: #dbeafe;
    font-size: 1rem;
    font-weight: 800;
}

.yh-universe-profile-activity-filter {
    width: min(240px, 100%);
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background: rgba(2, 6, 23, 0.26);
    color: #f8fbff;
    padding: 12px 14px;
    outline: none;
}

.yh-universe-activity-card {
    position: relative;
}

.yh-universe-activity-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.yh-universe-activity-division {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    padding: 5px 8px;
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: #7dd3fc;
    font-size: 0.91rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.yh-universe-activity-card.is-plaza .yh-universe-activity-division {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.2);
    color: #86efac;
}

.yh-universe-activity-card.is-federation .yh-universe-activity-division {
    background: rgba(250, 204, 21, 0.1);
    border-color: rgba(250, 204, 21, 0.2);
    color: #fde68a;
}

.yh-universe-activity-card .academy-profile-post-body strong {
    display: block;
    color: #f8fbff;
    margin-bottom: 5px;
}

.yh-universe-activity-card .academy-profile-post-body p {
    margin: 0;
    color: var(--text-muted);
    line-height: 1.6;
}

@media (max-width: 820px) {
    .yh-universe-profile-snapshot-grid {
        grid-template-columns: 1fr;
    }

    .yh-universe-profile-activity-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .yh-universe-profile-activity-filter {
        width: 100%;
    }
    
}
@media (max-width: 1180px) {
    #academy-profile-view .academy-profile-post-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: calc((260px * 2) + 14px);
    }
}

@media (max-width: 860px) {
    #academy-profile-view .academy-profile-post-list {
        grid-template-columns: 1fr;
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }
}
/* ========================================================= */
/* YH UNIVERSAL WALLET / ECONOMY SUPPORT ONLY v134           */
/* Tailwind owns Wallet cards, buttons, tabs, panels, colors. */
/* style.css only keeps modal/inline shell behavior stable.   */
/* ========================================================= */

.yh-wallet-open { overflow: hidden; }

.yh-wallet-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: auto;
}

.yh-wallet-modal:not(.hidden-step) { display: flex; }

.yh-wallet-dialog {
    width: min(1120px, 96vw);
    max-height: min(90vh, 940px);
    overflow: auto;
    position: relative;
}

.yh-wallet-close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: grid;
    place-items: center;
    cursor: pointer;
}

@media (max-width: 520px) {
    .yh-wallet-modal {
        padding: 10px;
        align-items: stretch;
    }

    .yh-wallet-dialog {
        width: 100%;
        max-height: 94vh;
    }
}

.yh-wallet-open-btn,
.yh-dashboard-settings-btn {
    width: auto;
    min-width: 118px;
    min-height: 42px;
    padding: 10px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(56, 189, 248, 0.34) !important;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.12), rgba(14, 165, 233, 0.045)) !important;
    color: #dff7ff !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.yh-dashboard-settings-btn {
    min-width: 122px;
    border-color: rgba(211, 178, 112, 0.42) !important;
    background:
        linear-gradient(180deg, rgba(211, 178, 112, 0.16), rgba(180, 140, 70, 0.055)) !important;
    color: #f8e2a1 !important;
    font-weight: 800 !important;
}

.yh-dashboard-settings-btn:hover {
    border-color: rgba(211, 178, 112, 0.72) !important;
    background:
        linear-gradient(180deg, rgba(211, 178, 112, 0.24), rgba(180, 140, 70, 0.1)) !important;
    color: #ffffff !important;
}

.yh-dashboard-top-edit-btn {
    width: auto;
    min-width: 132px;
    min-height: 42px;
    padding: 10px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(56, 189, 248, 0.42) !important;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), rgba(14, 165, 233, 0.07)) !important;
    color: #e0f7ff !important;
    font-weight: 800 !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.24),
        0 0 22px rgba(56, 189, 248, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.yh-dashboard-top-edit-btn:hover {
    border-color: rgba(56, 189, 248, 0.68) !important;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.25), rgba(14, 165, 233, 0.12)) !important;
    color: #ffffff !important;
}

@media (max-width: 900px) {
    .yh-wallet-head,
    .yh-wallet-panel-head,
    .yh-wallet-ledger-card,
    .yh-wallet-method-title-row {
        flex-direction: column;
    }

    .yh-wallet-refresh,
    .yh-wallet-submit {
        width: 100%;
        max-width: none;
    }

    .yh-wallet-stats,
    .yh-wallet-grid,
    .yh-wallet-ledger-grid,
    .yh-wallet-form-grid,
    .yh-wallet-guide {
        grid-template-columns: 1fr;
    }

    .yh-wallet-form-wide {
        grid-column: auto;
    }

    .yh-wallet-ledger-side {
        text-align: left;
        justify-items: start;
    }
}

@media (max-width: 520px) {
    .yh-wallet-modal {
        padding: 10px;
        align-items: stretch;
    }

    .yh-wallet-dialog {
        width: 100%;
        max-height: 94vh;
        border-radius: 20px;
        padding: 16px;
    }

    .yh-wallet-head {
        padding-right: 46px;
    }

    .yh-wallet-method-card--guided {
        grid-template-columns: 1fr;
    }
}
/* ========================================================= */
/* YH WALLET DIVISION BALANCE SUPPORT ONLY v134              */
/* Visual card ownership moved to yh-tailwind.css.            */
/* ========================================================= */

/* =========================================
   ACADEMY INLINE COMMUNITY SEARCH RESULTS
   Support only. Community Feed visual ownership lives in yh-tailwind.
   ========================================= */

body.academy-search-results-open {
    overflow: auto;
}

#academy-search-results-panel .academy-search-result-section {
    display: grid;
    gap: 8px;
}

#academy-search-results-panel .academy-search-result-section + .academy-search-result-section {
    margin-top: 4px;
}

#academy-search-results-panel .academy-search-result-section-title {
    padding: 0 2px;
}

.academy-feed-card.academy-search-opened-post {
    outline: 2px solid rgba(56, 189, 248, 0.86);
}

/* =========================================
   ACADEMY INLINE SEARCH STACKING FIX
   Support only. No header/search override ownership here.
   ========================================= */

body[data-yh-view="academy"] #academy-feed-view {
    isolation: isolate;
}

/* ========================================================= */
/* DASHBOARD PROFILE MEDIA EDITOR                            */
/* ========================================================= */

.yh-dashboard-profile-media-editor {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.26);
}

.yh-dashboard-profile-cover-preview {
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 3;
    min-height: 0;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.2), transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.26), rgba(2, 6, 23, 0.26));
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 16px;
    overflow: hidden;
}

.yh-dashboard-profile-cover-preview[data-has-cover="true"] {
    box-shadow: inset 0 -60px 90px rgba(2, 6, 23, 0.42);
}

.yh-dashboard-profile-avatar-editor-row {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.yh-dashboard-profile-avatar-preview {
    width: 78px;
    height: 78px;
    border-radius: 26px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.16), transparent 35%),
        linear-gradient(135deg, rgba(56, 189, 248, 0.32), rgba(56, 189, 248, 0.28));
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 900;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.yh-dashboard-profile-avatar-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.yh-dashboard-profile-avatar-copy strong {
    color: #ffffff;
    font-size: 0.92rem;
}

.yh-dashboard-profile-avatar-copy span {
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.5;
}

.yh-dashboard-profile-media-btn {
    width: auto;
    min-width: 170px;
    padding: 12px 16px;
    border-radius: 14px;
    white-space: nowrap;
}

.yh-dashboard-profile-cover-btn {
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 680px) {
    .yh-dashboard-profile-avatar-editor-row {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .yh-dashboard-profile-avatar-preview {
        width: 64px;
        height: 64px;
        border-radius: 22px;
    }

    .yh-dashboard-profile-avatar-editor-row .yh-dashboard-profile-media-btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .yh-dashboard-profile-cover-preview {
        min-height: 0;
        height: auto;
        aspect-ratio: 8 / 3;
    }

    .yh-dashboard-profile-cover-preview .yh-dashboard-profile-media-btn {
        width: 100%;
    }
}
/* =========================================
   ACADEMY COMMENT THREAD TREE CONNECTORS
   Makes parent/reply relationships clearer
   ========================================= */

#academy-feed-view .academy-feed-comment-node {
    position: relative !important;
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
}

#academy-feed-view .academy-feed-comment-card {
    position: relative !important;
}

#academy-feed-view .academy-feed-comment-node.is-reply::before {
    content: '' !important;
    position: absolute !important;
    left: -18px !important;
    top: 23px !important;
    width: 18px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.28), rgba(56, 189, 248, 0.16)) !important;
    pointer-events: none !important;
}

#academy-feed-view .academy-feed-comment-node.has-replies > .academy-feed-comment-card::after {
    content: '' !important;
    position: absolute !important;
    left: 29px !important;
    top: 46px !important;
    bottom: -9px !important;
    width: 1px !important;
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.28), rgba(56, 189, 248, 0.08)) !important;
    pointer-events: none !important;
}

#academy-feed-view .academy-feed-comment-children {
    position: relative !important;
    display: grid !important;
    gap: 8px !important;
    margin-left: 29px !important;
    padding-left: 22px !important;
    border-left: 1px solid rgba(56, 189, 248, 0.30) !important;
}

#academy-feed-view .academy-feed-comment-children::before {
    content: '' !important;
    position: absolute !important;
    left: -1px !important;
    top: -8px !important;
    bottom: 50% !important;
    width: 1px !important;
    background: rgba(56, 189, 248, 0.28) !important;
    pointer-events: none !important;
}

#academy-feed-view .academy-feed-comment-children > .academy-feed-comment-node:last-child::after {
    content: '' !important;
    position: absolute !important;
    left: -23px !important;
    top: 24px !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #07111f !important;
    pointer-events: none !important;
}

@media (max-width: 520px) {
    #academy-feed-view .academy-feed-comment-children {
        margin-left: 18px !important;
        padding-left: 16px !important;
    }

    #academy-feed-view .academy-feed-comment-node.is-reply::before {
        left: -14px !important;
        width: 14px !important;
    }

    #academy-feed-view .academy-feed-comment-node.has-replies > .academy-feed-comment-card::after {
        left: 25px !important;
    }

    #academy-feed-view .academy-feed-comment-children > .academy-feed-comment-node:last-child::after {
        left: -17px !important;
    }
}
/* =========================================
   DASHBOARD PROFILE HEADER IMAGE ICON
   Replaces default emoji icon with custom premium image
   ========================================= */

body[data-yh-page="dashboard"] #academy-profile-view .hash-big.hash-big--profile-image {
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    min-width: 70px;
    min-height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    overflow: visible;
    background: transparent;
    border: 0;
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.28));
}

body[data-yh-page="dashboard"] #academy-profile-view .hash-big-profile-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    user-select: none;
}
@media (max-width: 768px) {
    body[data-yh-page="apply"] .yh-space-asteroid-layer--near,
    body[data-yh-page="apply"] .yh-space-meteor-layer {
        display: none;
    }

    body[data-yh-page="apply"] .yh-landing-activity-event:hover,
    body[data-yh-page="apply"] .yh-landing-metric-card:hover {
        transform: none;
        box-shadow: none;
    }
}
@media (max-width: 768px) {
    body[data-yh-page="dashboard"] #academy-profile-view .hash-big.hash-big--profile-image {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        min-width: 36px;
        min-height: 36px;
    }
}
/* =========================================================
   YH VERIFIED BADGE ICONS
   ========================================================= */

#academy-profile-view .academy-profile-name {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#academy-profile-view .academy-profile-name-text {
    min-width: 0;
}

.yh-verified-badge-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    vertical-align: middle;
    filter: drop-shadow(0 0 12px rgba(56, 189, 248, 0.26));
}

.yh-verified-badge-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.yh-verified-badge-icon--federation {
    filter: drop-shadow(0 0 12px rgba(250, 204, 21, 0.28));
}

@media (max-width: 768px) {
    #academy-profile-view .academy-profile-name {
        gap: 6px;
    }

    #academy-profile-view .yh-verified-badge-icon {
        width: 28px;
        height: 28px;
    }
}
/* =========================================================
   VERIFIED BADGE AVAILMENT BUTTONS
   ========================================================= */

.yh-badge-avail-btn {
    width: auto;
    min-width: 150px;
    white-space: nowrap;
}

.yh-badge-avail-btn[data-badge-pending="true"] {
    border-color: rgba(250, 204, 21, 0.28);
    background: rgba(250, 204, 21, 0.08);
    color: #fde68a;
}

@media (max-width: 768px) {
    .yh-badge-avail-btn {
        width: 100%;
    }
}
/* =========================================================
   DASHBOARD VERIFIED BADGE AVAILMENT MODAL
   ========================================================= */

.yh-badge-avail-modal {
    position: fixed;
    inset: 0;
    z-index: 13000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.yh-badge-avail-modal.hidden-step {
    display: none !important;
}

.yh-badge-avail-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 20%, rgba(56, 189, 248, 0.13), transparent 38%),
        rgba(2, 6, 23, 0.78);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.yh-badge-avail-card {
    position: relative;
    width: min(94vw, 520px);
    max-height: min(86vh, 720px);
    overflow-y: auto;
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(9, 19, 37, 0.96), rgba(5, 10, 24, 0.98)),
        rgba(15, 23, 42, 0.96);
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    padding: 24px;
}

.yh-badge-avail-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(15, 23, 42, 0.76);
    color: #e5eef8;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
}

.yh-badge-avail-hero {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-right: 32px;
    margin-bottom: 18px;
}

.yh-badge-avail-icon-wrap {
    width: 78px;
    height: 78px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.22);
    box-shadow: 0 0 28px rgba(56, 189, 248, 0.18);
}

.yh-badge-avail-icon-wrap.is-federation {
    background: rgba(250, 204, 21, 0.08);
    border-color: rgba(250, 204, 21, 0.26);
    box-shadow: 0 0 28px rgba(250, 204, 21, 0.18);
}

.yh-badge-avail-icon-wrap img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    display: block;
}

.yh-badge-avail-kicker {
    margin: 0 0 6px;
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.yh-badge-avail-hero h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: clamp(1.15rem, 3vw, 1.45rem);
    line-height: 1.2;
}

.yh-badge-avail-hero p {
    margin: 0;
    color: #9fb0c8;
    font-size: 1.03rem;
    line-height: 1.55;
}

.yh-badge-avail-price-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.18);
    margin-bottom: 16px;
}

.yh-badge-avail-price-card span {
    color: #9fb0c8;
    font-size: 1rem;
    font-weight: 700;
}

.yh-badge-avail-price-card strong {
    color: #ffffff;
    font-size: 1.05rem;
}

.yh-badge-avail-steps {
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.54);
    border-radius: 18px;
    padding: 15px;
    margin-bottom: 14px;
}

.yh-badge-avail-steps h4 {
    margin: 0 0 12px;
    font-size: 1.03rem;
    color: #ffffff;
}

.yh-badge-avail-step {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 0;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.yh-badge-avail-step:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.yh-badge-avail-step:last-child {
    padding-bottom: 0;
}

.yh-badge-avail-step span {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.28);
    color: #7dd3fc;
    font-size: 1rem;
    font-weight: 900;
}

.yh-badge-avail-step p {
    margin: 0;
    color: #aab8cc;
    font-size: 1rem;
    line-height: 1.55;
}

.yh-badge-avail-note {
    color: #94a3b8;
    font-size: 1rem;
    line-height: 1.55;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(148, 163, 184, 0.07);
    border: 1px solid rgba(148, 163, 184, 0.12);
    margin-bottom: 16px;
}

.yh-badge-avail-actions {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 10px;
}

.yh-badge-avail-actions .btn-primary,
.yh-badge-avail-actions .btn-secondary {
    min-height: 46px;
    border-radius: 14px;
}

@media (max-width: 520px) {
    .yh-badge-avail-card {
        padding: 20px;
        border-radius: 20px;
    }

    .yh-badge-avail-hero {
        align-items: flex-start;
        gap: 12px;
    }

    .yh-badge-avail-icon-wrap {
        width: 64px;
        height: 64px;
        border-radius: 20px;
    }

    .yh-badge-avail-icon-wrap img {
        width: 48px;
        height: 48px;
    }

    .yh-badge-avail-price-card,
    .yh-badge-avail-actions {
        grid-template-columns: 1fr;
    }

    .yh-badge-avail-price-card {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* =========================================================
   DASHBOARD VERIFIED BADGE PAYMENT METHOD STEP
   ========================================================= */

.yh-badge-avail-panel {
    animation: yhBadgePanelFade 0.18s ease both;
}

@keyframes yhBadgePanelFade {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.yh-badge-payment-head {
    margin-bottom: 14px;
}

.yh-badge-payment-head h4 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 1rem;
}

.yh-badge-payment-head p {
    margin: 0;
    color: #9fb0c8;
    font-size: 1rem;
    line-height: 1.55;
}

.yh-badge-payment-options {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.yh-badge-payment-option {
    width: 100%;
    border: 1px solid rgba(56, 189, 248, 0.18);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.62);
    color: #e5eef8;
    padding: 13px 14px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    text-align: left;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.yh-badge-payment-option:hover {
    border-color: rgba(56, 189, 248, 0.44);
    background: rgba(56, 189, 248, 0.09);
    transform: translateY(-1px);
}

.yh-badge-payment-option.is-selected {
    border-color: rgba(56, 189, 248, 0.75);
    background: rgba(56, 189, 248, 0.13);
    box-shadow: 0 0 22px rgba(56, 189, 248, 0.14);
}

.yh-badge-payment-option.is-disabled,
.yh-badge-payment-option:disabled {
    cursor: not-allowed;
    opacity: 0.55;
    transform: none;
    box-shadow: none;
}

.yh-badge-payment-option.is-disabled:hover,
.yh-badge-payment-option:disabled:hover {
    border-color: rgba(56, 189, 248, 0.18);
    background: rgba(15, 23, 42, 0.62);
    transform: none;
}

.yh-badge-payment-option-main {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.yh-badge-payment-option-main strong {
    color: #ffffff;
    font-size: 1.03rem;
}

.yh-badge-payment-option-main small {
    color: #9fb0c8;
    font-size: 1rem;
    line-height: 1.45;
}

.yh-badge-payment-status {
    justify-self: end;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background: rgba(56, 189, 248, 0.08);
    color: #7dd3fc;
    padding: 5px 9.5px;
    font-size: 0.91rem;
    font-weight: 900;
    white-space: nowrap;
}

.yh-badge-success-card {
    text-align: center;
    padding: 24px 18px;
    border-radius: 18px;
    border: 1px solid rgba(34, 197, 94, 0.22);
    background: rgba(34, 197, 94, 0.08);
    margin-bottom: 14px;
}

.yh-badge-success-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 12px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.32);
    color: #86efac;
    font-weight: 900;
    font-size: 1.4rem;
}

.yh-badge-success-card h4 {
    margin: 0 0 8px;
    color: #ffffff;
}

.yh-badge-success-card p {
    margin: 0;
    color: #a7f3d0;
    font-size: 1rem;
    line-height: 1.55;
}

.yh-badge-avail-actions-single {
    grid-template-columns: 1fr;
}

@media (max-width: 520px) {
    .yh-badge-payment-option {
        grid-template-columns: 1fr;
    }

    .yh-badge-payment-status {
        justify-self: start;
    }
}
/* =========================================================
   PROFILE MODE PILL VERIFIED BADGE
   ========================================================= */

#academy-profile-view .academy-profile-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
}

#academy-profile-view .academy-profile-pill .yh-verified-badge-icon {
    width: 22px;
    height: 22px;
    margin-left: 2px;
}

#academy-profile-view .academy-profile-pill .yh-verified-badge-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* =========================================================
   PROFILE VERIFIED BADGE ICONS
   ========================================================= */

.yh-verified-badge-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    vertical-align: middle;
    filter: drop-shadow(0 0 12px rgba(56, 189, 248, 0.28));
}

.yh-verified-badge-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.yh-verified-badge-icon--federation {
    filter: drop-shadow(0 0 12px rgba(250, 204, 21, 0.28));
}

#academy-profile-view .academy-profile-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
}

#academy-profile-view .academy-profile-pill .yh-verified-badge-icon {
    width: 22px;
    height: 22px;
    margin-left: 2px;
}

#academy-profile-view .academy-profile-pill .yh-verified-badge-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* =========================================================
   DASHBOARD PROFILE IMAGE CROPPER
   ========================================================= */

.yh-dashboard-profile-cropper-modal {
    position: fixed;
    inset: 0;
    z-index: 15000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.yh-dashboard-profile-cropper-modal.hidden-step {
    display: none !important;
}.yh-dashboard-profile-cropper-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 20%, rgba(56, 189, 248, 0.14), transparent 38%),
        rgba(2, 6, 23, 0.26);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.yh-dashboard-profile-cropper-card {
    position: relative;
    width: min(94vw, 720px);
    max-height: min(92vh, 780px);
    overflow-y: auto;
    border: 1px solid rgba(56, 189, 248, 0.3);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(9, 19, 37, 0.28), rgba(5, 10, 24, 0.28)),
        rgba(15, 23, 42, 0.28);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    padding: 22px;
}

.yh-dashboard-profile-cropper-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.yh-dashboard-profile-cropper-kicker {
    margin: 0 0 5px;
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.1px;
}

.yh-dashboard-profile-cropper-header h3 {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 1.2rem;
}

.yh-dashboard-profile-cropper-header span {
    color: #9fb0c8;
    font-size: 1rem;
    line-height: 1.45;
}

.yh-dashboard-profile-cropper-close {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(15, 23, 42, 0.26);
    color: #e5eef8;
    cursor: pointer;
    font-weight: 900;
}

.yh-dashboard-profile-cropper-stage {
    min-height: 390px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background:
        radial-gradient(circle at center, rgba(56, 189, 248, 0.08), transparent 42%),
        rgba(2, 6, 23, 0.26);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 16px;
}

.yh-dashboard-profile-cropper-frame {
    position: relative;
    width: min(72vw, 330px);
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 999px;
    border: 2px solid rgba(56, 189, 248, 0.76);
    background: rgba(15, 23, 42, 0.26);
    box-shadow:
        0 0 0 9999px rgba(2, 6, 23, 0.56),
        0 0 34px rgba(56, 189, 248, 0.22);
    cursor: grab;
    touch-action: none;
}

.yh-dashboard-profile-cropper-frame.is-cover {
    width: min(82vw, 610px);
    aspect-ratio: 8 / 3;
    border-radius: 18px;
}

.yh-dashboard-profile-cropper-frame.is-dragging,
.yh-dashboard-profile-cropper-frame.is-pinching {
    cursor: grabbing;
}

.yh-dashboard-profile-cropper-frame img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    user-select: none;
    pointer-events: none;
    transform-origin: center center;
    will-change: transform, width, height;
}

.yh-dashboard-profile-cropper-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    border-radius: inherit;
    box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.18),
        inset 0 0 28px rgba(0, 0, 0, 0.24);
}

.yh-dashboard-profile-cropper-grid {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(to right, transparent 33.333%, rgba(255, 255, 255, 0.22) 33.333%, rgba(255, 255, 255, 0.22) 34%, transparent 34%, transparent 66.666%, rgba(255, 255, 255, 0.22) 66.666%, rgba(255, 255, 255, 0.22) 67.333%, transparent 67.333%),
        linear-gradient(to bottom, transparent 33.333%, rgba(255, 255, 255, 0.22) 33.333%, rgba(255, 255, 255, 0.22) 34%, transparent 34%, transparent 66.666%, rgba(255, 255, 255, 0.22) 66.666%, rgba(255, 255, 255, 0.22) 67.333%, transparent 67.333%);
    opacity: 0.45;
}

.yh-dashboard-profile-cropper-controls {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.yh-dashboard-profile-cropper-controls label {
    display: grid;
    gap: 8px;
    color: #dbeafe;
    font-size: 1rem;
    font-weight: 800;
}

.yh-dashboard-profile-cropper-zoom-wrap {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 10px;
}

.yh-dashboard-profile-cropper-controls input[type="range"] {
    width: 100%;
    accent-color: var(--neon-blue);
    cursor: ew-resize;
}

.yh-dashboard-profile-cropper-zoom-btn {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(15, 23, 42, 0.88);
    color: #e5f6ff;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.yh-dashboard-profile-cropper-zoom-btn:hover,
.yh-dashboard-profile-cropper-zoom-btn:focus-visible {
    border-color: rgba(56, 189, 248, 0.55);
    background: rgba(14, 165, 233, 0.16);
    outline: none;
}

.yh-dashboard-profile-cropper-help {
    margin: 0;
    color: #90a4bd;
    font-size: 1rem;
    line-height: 1.45;
}

.yh-dashboard-profile-cropper-actions {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 10px;
}

.yh-dashboard-profile-cropper-actions .btn-primary,
.yh-dashboard-profile-cropper-actions .btn-secondary {
    min-height: 46px;
    border-radius: 14px;
}

body.yh-dashboard-profile-cropper-open {
    overflow: hidden;
}

@media (max-width: 560px) {
    .yh-dashboard-profile-cropper-card {
        padding: 18px;
        border-radius: 20px;
    }

    .yh-dashboard-profile-cropper-stage {
        min-height: 310px;
        padding: 18px;
    }

    .yh-dashboard-profile-cropper-frame {
        width: min(76vw, 280px);
    }

    .yh-dashboard-profile-cropper-frame.is-cover {
        width: min(84vw, 360px);
    }

    .yh-dashboard-profile-cropper-zoom-wrap {
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        gap: 8px;
    }

    .yh-dashboard-profile-cropper-zoom-btn {
        width: 38px;
        height: 38px;
    }

    .yh-dashboard-profile-cropper-actions {
        grid-template-columns: 1fr;
    }
}
/* Community Feed layer visuals are owned by yh-tailwind.input.css / yh-tailwind.css.
   style.css keeps only non-owner support that is not part of the layer/tabs skin. */

body[data-yh-view="academy"] #academy-feed-view .academy-feed-niche-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    padding: 5px 9.5px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.16);
    background: rgba(56, 189, 248, 0.06);
    color: #bae6fd;
    font-size: 0.95rem;
    font-weight: 800;
}

/* ==========================================
   ACADEMY CUSTOM IMAGE ICONS
   ========================================== */

.academy-ui-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    object-fit: contain;
    object-position: center;
    vertical-align: middle;
    flex: 0 0 auto;
    pointer-events: none;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.34));
}

.academy-ui-icon-sidebar {
    width: 26px;
    height: 26px;
}

.academy-ui-icon-mobile {
    width: 22px;
    height: 22px;
    margin-right: 8px;
}

.academy-ui-icon-bottom {
    width: 24px;
    height: 24px;
}

.academy-ui-icon-header {
    width: 42px;
    height: 42px;
}

.academy-ui-icon-tab {
    width: 24px;
    height: 24px;
}

.academy-ui-icon-section {
    width: 22px;
    height: 22px;
    margin-right: 8px;
}

.academy-ui-icon-resources {
    width: 22px;
    height: 22px;
    margin-right: 6px;
}

.academy-hash-image-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.academy-mobile-nav-item-main {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.academy-mobile-nav-item-main .academy-ui-icon-mobile {
    margin-right: 0;
}

.sidebar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.academy-mobile-bottom-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.academy-sidebar-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.academy-sidebar-section-title .academy-ui-icon-section {
    margin-right: 0;
}

.yh-resources-menu-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 430px) {
    .academy-ui-icon-tab {
        width: 20px;
        height: 20px;
    }

    .academy-ui-icon-header {
        width: 34px;
        height: 34px;
    }

    .academy-ui-icon-bottom {
        width: 22px;
        height: 22px;
    }
}
/* ==========================================
   ACADEMY MESSAGES FILE SENDING
   ========================================== */

.academy-message-file-preview {
    display: flex;
    align-items: center;
    min-width: 180px;
    max-width: 280px;
}

.academy-message-file-chip {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 42px;
    padding: 9.5px 12px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(56, 189, 248, 0.075);
    color: #e0f2fe;
}

.academy-message-file-chip-icon {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.12);
    flex: 0 0 auto;
}

.academy-message-file-chip-copy {
    min-width: 0;
    display: grid;
    gap: 1px;
    flex: 1;
}

.academy-message-file-chip-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    color: #f8fafc;
}

.academy-message-file-chip-copy small {
    color: var(--text-muted);
    font-size: 0.91rem;
}

.academy-message-file-remove {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(248, 113, 113, 0.28);
    background: rgba(248, 113, 113, 0.08);
    color: #fecaca;
    cursor: pointer;
    flex: 0 0 auto;
}

.academy-message-attachment-card {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(100%, 360px);
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 34%),
        rgba(15, 23, 42, 0.28);
    color: #e0f2fe;
    text-decoration: none;
}

.academy-message-attachment-card:hover {
    border-color: rgba(56, 189, 248, 0.55);
    background: rgba(56, 189, 248, 0.1);
}

.academy-message-attachment-card-preview {
    align-items: stretch;
}

.academy-message-attachment-preview {
    position: relative;
    width: 84px;
    min-width: 84px;
    height: 84px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
    flex: 0 0 auto;
}

.academy-message-attachment-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.academy-message-attachment-badge {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 4px 8.5px;
    border-radius: 999px;
    background: rgba(8, 18, 33, 0.82);
    border: 1px solid rgba(56, 189, 248, 0.32);
    color: #e0f2fe;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.academy-message-attachment-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, 0.12);
    flex: 0 0 auto;
}

.academy-message-attachment-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.academy-message-attachment-copy strong {
    color: #f8fafc;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.academy-message-attachment-copy small {
    color: var(--text-muted);
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.academy-message-attachment-action {
    font-size: 0.95rem;
    color: #7dd3fc;
    font-weight: 800;
    flex: 0 0 auto;
}

@media (max-width: 700px) {
    .academy-message-file-preview {
        width: 100%;
        max-width: none;
        order: 3;
    }

    .chat-input-wrapper {
        flex-wrap: wrap;
    }
}
/* ==========================================
   UNIVERSE REFERRAL PROGRAM CARD
   ========================================== */

.yh-universe-referral-card {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
    gap: 16px;
    align-items: stretch;
    margin: 16px 0 18px;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid rgba(56, 189, 248, 0.2);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%),
        rgba(10, 22, 39, 0.28);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.yh-universe-referral-main {
    display: grid;
    align-content: center;
    gap: 8px;
    min-width: 0;
}

.yh-universe-referral-kicker {
    color: #7dd3fc;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.yh-universe-referral-title {
    margin: 0;
    color: #f8fafc;
    font-size: 1.08rem;
    font-weight: 900;
}

.yh-universe-referral-copy {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
    max-width: 720px;
}

.yh-universe-referral-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin-top: 8px;
}

.yh-universe-referral-link {
    width: 100%;
    min-height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(2, 6, 23, 0.46);
    color: #e0f2fe;
    padding: 10px 12px;
    outline: none;
    font-size: 1rem;
    font-weight: 700;
}

.yh-universe-referral-copy-btn {
    width: auto !important;
    min-width: 112px;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    white-space: nowrap;
}

.yh-universe-referral-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.yh-universe-referral-stats article {
    min-height: 82px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(255, 255, 255, 0.035);
}

.yh-universe-referral-stats span {
    color: var(--text-muted);
    font-size: 0.95rem;
    font-weight: 800;
}

.yh-universe-referral-stats strong {
    color: #f8fafc;
    font-size: 0.98rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

@media (max-width: 980px) {
    .yh-universe-referral-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .yh-universe-referral-card {
        padding: 16px;
        border-radius: 20px;
    }

    .yh-universe-referral-link-row {
        grid-template-columns: 1fr;
    }

    .yh-universe-referral-copy-btn {
        width: 100% !important;
    }

    .yh-universe-referral-stats {
        grid-template-columns: 1fr;
    }
}
/* ==========================================
   UNIVERSE RECENT REFERRALS LIST
   ========================================== */

.yh-universe-referral-recent {
    grid-column: 1 / -1;
    display: grid;
    gap: 12px;
    padding-top: 14px;
    margin-top: 2px;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.yh-universe-referral-recent-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.yh-universe-referral-recent-title {
    margin: 3px 0 0;
    color: #f8fafc;
    font-size: 0.98rem;
    font-weight: 900;
}

.yh-universe-referral-refresh-btn {
    width: auto !important;
    min-width: 112px;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    white-space: nowrap;
}

.yh-universe-referral-list {
    display: grid;
    gap: 10px;
}

.yh-universe-referral-empty {
    padding: 16px;
    border-radius: 18px;
    border: 1px dashed rgba(148, 163, 184, 0.22);
    background: rgba(255, 255, 255, 0.025);
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

.yh-universe-referral-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 13px 14px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    background: rgba(2, 6, 23, 0.28);
}

.yh-universe-referral-item[data-referral-tone="earned"] {
    border-color: rgba(34, 197, 94, 0.24);
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.28);
}

.yh-universe-referral-avatar {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(56, 189, 248, 0.1);
    color: #e0f2fe;
    font-weight: 900;
}

.yh-universe-referral-item-main {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.yh-universe-referral-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.yh-universe-referral-item-top strong {
    min-width: 0;
    color: #f8fafc;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yh-universe-referral-status {
    flex: 0 0 auto;
    padding: 5px 9.5px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(148, 163, 184, 0.08);
    color: #cbd5e1;
    font-size: 0.91rem;
    font-weight: 900;
}

.yh-universe-referral-status[data-referral-tone="pending"] {
    border-color: rgba(250, 204, 21, 0.24);
    background: rgba(250, 204, 21, 0.08);
    color: #fde68a;
}

.yh-universe-referral-status[data-referral-tone="qualified"] {
    border-color: rgba(56, 189, 248, 0.26);
    background: rgba(56, 189, 248, 0.09);
    color: #bae6fd;
}

.yh-universe-referral-status[data-referral-tone="earned"] {
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(34, 197, 94, 0.10);
    color: #86efac;
}

.yh-universe-referral-status[data-referral-tone="rejected"] {
    border-color: rgba(248, 113, 113, 0.25);
    background: rgba(248, 113, 113, 0.09);
    color: #fecaca;
}

.yh-universe-referral-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.35;
}

@media (max-width: 560px) {
    .yh-universe-referral-recent-head,
    .yh-universe-referral-item-top {
        align-items: stretch;
        flex-direction: column;
    }

    .yh-universe-referral-refresh-btn {
        width: 100% !important;
    }

    .yh-universe-referral-status {
        width: fit-content;
    }
}

/* Dashboard cross-division business chats */
.yh-business-chat-open-btn {
    width: auto;
    min-width: 154px;
    min-height: 42px;
    padding: 12px 18px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(34, 197, 94, 0.38) !important;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.16), rgba(14, 165, 233, 0.06)) !important;
    color: #dcfce7 !important;
    font-weight: 800 !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.yh-business-chat-open-btn:hover {
    border-color: rgba(34, 197, 94, 0.66) !important;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.24), rgba(14, 165, 233, 0.10)) !important;
    color: #ffffff !important;
}

.yh-business-chat-modal {
    z-index: 2200;
}

.yh-business-chat-dialog {
    width: min(1120px, calc(100vw - 28px));
    max-height: min(86vh, 860px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: clamp(18px, 2.4vw, 28px);
    border-radius: 26px;
    border: 1px solid rgba(34, 197, 94, 0.20);
    background:
        radial-gradient(circle at top left, rgba(34, 197, 94, 0.10), transparent 32%),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.10), transparent 28%),
        rgba(5, 12, 24, 0.34);
}

.yh-business-chat-close {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #f8fbff;
    cursor: pointer;
}

.yh-business-chat-head,
.yh-business-chat-panel-head,
.yh-business-chat-thread-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.yh-business-chat-head {
    padding-right: 52px;
}

.yh-business-chat-head h2 {
    margin: 4px 0 8px;
}

.yh-business-chat-head p,
.yh-business-chat-thread-head span,
.yh-business-chat-panel-head span {
    color: #94a3b8;
    font-size: 1rem;
    line-height: 1.5;
}

.yh-business-chat-refresh {
    width: auto;
    min-width: 110px;
    border-radius: 14px;
}

.yh-business-chat-layout {
    min-height: 0;
    flex: 1;
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 16px;
}

.yh-business-chat-list-panel,
.yh-business-chat-thread-panel {
    min-height: 0;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.035);
    overflow: hidden;
}

.yh-business-chat-list-panel {
    display: flex;
    flex-direction: column;
}

.yh-business-chat-panel-head {
    padding: 16px 18px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.yh-business-chat-list {
    min-height: 0;
    overflow-y: auto;
    padding: 14px;
    display: grid;
    gap: 10px;
}

.yh-business-chat-list-item {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.28);
    color: #f8fbff;
    padding: 15px;
    display: grid;
    gap: 5px;
    cursor: pointer;
}

.yh-business-chat-list-item:hover,
.yh-business-chat-list-item.is-active {
    border-color: rgba(34, 197, 94, 0.42);
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.13), rgba(15, 23, 42, 0.28));
}

.yh-business-chat-list-item strong,
.yh-business-chat-list-item span,
.yh-business-chat-list-item small,
.yh-business-chat-list-item em {
    display: block;
}

.yh-business-chat-list-item span,
.yh-business-chat-list-item small,
.yh-business-chat-list-item em {
    color: #94a3b8;
    font-size: 1rem;
    line-height: 1.42;
}

.yh-business-chat-list-item em {
    color: #bae6fd;
    font-style: normal;
}

.yh-business-chat-thread-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.yh-business-chat-thread-head {
    padding: 17px 18px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.yh-business-chat-thread-head strong {
    display: block;
    color: #f8fbff;
}

.yh-business-chat-thread-body {
    min-height: 0;
    overflow-y: auto;
    padding: 18px;
    display: grid;
    align-content: start;
    gap: 12px;
}.yh-business-chat-bubble {
    width: min(84%, 720px);
    border: 1px solid rgba(56, 189, 248, 0.18);
    border-radius: 18px 18px 18px 6px;
    background: rgba(15, 23, 42, 0.24);
    padding: 14px 16px;
}

.yh-business-chat-bubble.is-system {
    width: 100%;
    border-style: dashed;
    border-color: rgba(148, 163, 184, 0.20);
    background: rgba(148, 163, 184, 0.06);
}

.yh-business-chat-bubble strong {
    display: block;
    color: #dff7ff;
    font-size: 1rem;
    margin-bottom: 4px;
}

.yh-business-chat-bubble p {
    margin: 0;
    color: #f8fbff;
    font-size: 1.03rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

.yh-business-chat-bubble span {
    display: block;
    margin-top: 7px;
    color: #94a3b8;
    font-size: 0.95rem;
}

.yh-business-chat-reply-form {
    padding: 16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.yh-business-chat-reply-form textarea {
    min-height: 52px;
    max-height: 140px;
    resize: vertical;
    border-radius: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.84);
    color: #f8fbff;
    outline: none;
}

.yh-business-chat-reply-form textarea:focus {
    border-color: rgba(34, 197, 94, 0.48);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.10);
}

.yh-business-chat-send {
    width: auto;
    min-width: 136px;
    border-radius: 16px;
}

.yh-business-chat-empty {
    padding: 16px;
    border: 1px dashed rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
    color: #94a3b8;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .yh-business-chat-layout {
        grid-template-columns: 1fr;
    }

    .yh-business-chat-dialog {
        max-height: 92vh;
    }

    .yh-business-chat-list {
        max-height: 260px;
    }

    .yh-business-chat-reply-form {
        grid-template-columns: 1fr;
    }

    .yh-business-chat-send {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .yh-business-chat-open-btn {
        min-width: 100%;
    }

    .yh-business-chat-head,
    .yh-business-chat-panel-head,
    .yh-business-chat-thread-head {
        flex-direction: column;
    }

    .yh-business-chat-refresh {
        width: 100%;
    }
}

/* Business chat unread badge */
.yh-business-chat-open-btn {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.yh-business-chat-open-btn.has-business-chat-unread {
    border-color: rgba(34, 197, 94, 0.78) !important;
    box-shadow:
        0 0 0 1px rgba(34, 197, 94, 0.18),
        0 14px 34px rgba(34, 197, 94, 0.16) !important;
}

.yh-business-chat-nav-badge {
    min-width: 20px;
    height: 20px;
    padding: 0 7.5px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #22c55e;
    color: #03130a;
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1;
}

.yh-business-chat-list-item.is-unread {
    border-color: rgba(34, 197, 94, 0.58);
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.18), rgba(15, 23, 42, 0.28));
}

.yh-business-chat-list-item strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.yh-business-chat-unread-dot {
    flex: 0 0 auto;
    padding: 3px 9.5px;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.18);
    border: 1px solid rgba(34, 197, 94, 0.42);
    color: #bbf7d0;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* Dashboard start Plaza business chat */
.yh-business-chat-start-panel {
    border: 1px solid rgba(34, 197, 94, 0.18);
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(34, 197, 94, 0.09), transparent 34%),
        rgba(255, 255, 255, 0.035);
    padding: 18px;
}

.yh-business-chat-start-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.yh-business-chat-start-head strong,
.yh-business-chat-start-head span {
    display: block;
}

.yh-business-chat-start-head strong {
    color: #f8fbff;
}

.yh-business-chat-start-head span {
    color: #94a3b8;
    font-size: 1rem;
    margin-top: 4px;
    line-height: 1.45;
}

.yh-business-chat-start-form {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 0.72fr) auto;
    gap: 10px;
    align-items: end;
}

.yh-business-chat-start-form label,
.yh-business-chat-start-form label span {
    display: block;
}

.yh-business-chat-start-form label span {
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.yh-business-chat-start-form input,
.yh-business-chat-start-form select,
.yh-business-chat-start-form textarea {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.84);
    color: #f8fbff;
    outline: none;
    padding: 13px 14px;
}

.yh-business-chat-start-form textarea {
    min-height: 56px;
    resize: vertical;
}

.yh-business-chat-start-message {
    grid-column: 1 / -1;
}

.yh-business-chat-member-search-btn {
    width: auto;
    min-width: 180px;
    border-radius: 14px;
}

.yh-business-chat-member-results {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.yh-business-chat-member-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.28);
}

.yh-business-chat-member-main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.yh-business-chat-member-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.26), rgba(56, 189, 248, 0.16)),
        rgba(255, 255, 255, 0.06);
    background-size: cover;
    background-position: center;
    color: #f8fbff;
    font-weight: 900;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.yh-business-chat-member-main strong,
.yh-business-chat-member-main span,
.yh-business-chat-member-main p {
    display: block;
}

.yh-business-chat-member-main strong {
    color: #f8fbff;
    font-size: 1.03rem;
}

.yh-business-chat-member-main span {
    color: #94a3b8;
    font-size: 1rem;
    margin-top: 2px;
}

.yh-business-chat-member-main p {
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.45;
    margin: 5px 0 0;
}

.yh-business-chat-start-btn {
    width: auto;
    min-width: 112px;
    border-radius: 14px;
}

@media (max-width: 900px) {
    .yh-business-chat-start-form {
        grid-template-columns: 1fr;
    }

    .yh-business-chat-member-search-btn {
        width: 100%;
    }

    .yh-business-chat-member-card {
        align-items: stretch;
        flex-direction: column;
    }

    .yh-business-chat-start-btn {
        width: 100%;
    }
}

/* Business Chat safety controls */
.yh-business-chat-safety-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.yh-business-chat-safety-btn {
    width: auto;
    min-width: 82px;
    padding: 10.5px 13px;
    border-radius: 12px;
    font-size: 1rem;
}

.yh-business-chat-danger {
    color: #fecaca !important;
    border-color: rgba(248, 113, 113, 0.4) !important;
    background: rgba(127, 29, 29, 0.18) !important;
}

.yh-business-chat-safety-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 720px) {
    .yh-business-chat-safety-actions {
        width: 100%;
        justify-content: stretch;
    }

    .yh-business-chat-safety-btn {
        flex: 1 1 0;
    }
}

/* Academy AI Coach flicker / blackout guard */
body.academy-coach-active #academy-chat[data-chat-mode="coach"] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

#academy-chat[data-chat-mode="coach"].academy-coach-stable {
    min-height: 0;
    contain: layout paint;
}

#academy-chat[data-chat-mode="coach"] .academy-messages-thread-shell {
    min-height: min(560px, calc(100vh - 220px));
    overflow: hidden;
    contain: layout paint;
}

#academy-chat[data-chat-mode="coach"] #dynamic-chat-history {
    min-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    contain: layout paint;
    backface-visibility: hidden;
    transform: translateZ(0);
}

#academy-chat[data-chat-mode="coach"] #dynamic-chat-history.academy-coach-history-stable {
    transition: none !important;
}

.academy-coach-inline-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 2rem;
    color: var(--text-muted);
    text-align: center;
}

body.academy-coach-opening .yh-tab-loader {
    display: none !important;
}

.yh-academy-messages-upgrade-marker {
    display: contents;
}

.input-extras [title="Send Gift"] {
    display: none !important;
}

.academy-messages-inbox-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0 12px;
    padding: 4px;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.28);
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.academy-messages-inbox-tab {
    flex: 1 1 0;
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: #94a3b8;
    font-size: 0.95rem;
    font-weight: 800;
    cursor: pointer;
    transform: translateZ(0);
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.academy-messages-inbox-tab:hover {
    color: #e0f2fe;
    border-color: rgba(56, 189, 248, 0.22);
    background: rgba(14, 165, 233, 0.08);
}

.academy-messages-inbox-tab.is-active {
    color: #e0f2fe;
    background: rgba(14, 165, 233, 0.16);
    border-color: rgba(56, 189, 248, 0.36);
    box-shadow: 0 10px 24px rgba(14, 165, 233, 0.08);
}

#academy-messages-inbox-list[data-academy-active-message-tab="dm"] .academy-messages-inbox-card[data-academy-room-type="group"],
#academy-messages-inbox-list[data-academy-active-message-tab="group"] .academy-messages-inbox-card[data-academy-room-type="dm"],
.academy-messages-card-filtered-out {
    display: none !important;
}

.academy-messages-inbox-card.is-pinned-conversation .academy-messages-inbox-item {
    /* Pinned conversation styling is handled by the pin icon only. */
}

.academy-pinned-conversation-badge {
    position: absolute;
    top: 8px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 8.5px;
    border-radius: 999px;
    background: rgba(250, 204, 21, 0.14);
    border: 1px solid rgba(250, 204, 21, 0.30);
    color: #fde68a;
    font-size: 0.85rem;
    font-weight: 900;
    letter-spacing: 0.01em;
    pointer-events: none;
}

.academy-messages-inbox-menu button[data-inbox-room-action="pin"],
.academy-messages-thread-menu button[data-thread-room-action="pin"] {
    color: #ff4d4f;
}
.academy-messages-inbox-pin-icon-v2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 9px;
    vertical-align: middle;
    line-height: 1;
    flex: 0 0 auto;
}

.academy-messages-pin-icon-img {
    display: block;
    width: 26px;
    height: 26px;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    filter:
        drop-shadow(0 0 9px rgba(56, 189, 248, 0.64))
        drop-shadow(0 0 6px rgba(14, 165, 233, 0.38));
}

.academy-messages-thread-pinned-badge-v2 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
}

.academy-messages-thread-pinned-badge-v2 .academy-messages-pin-icon-img {
    width: 26px;
    height: 26px;
}
.chat-bubble {
    overflow: visible;
}

.message-action-trigger {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    min-width: 28px;
    height: 26px;
    border-radius: 9px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.78);
    color: #e2e8f0;
    cursor: pointer;
    opacity: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    z-index: 12;
    transition: opacity 0.18s ease, background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.chat-bubble.mine .message-action-trigger {
    right: auto;
    left: 10px;
}

.chat-bubble:hover .message-action-trigger,
.message-action-trigger[aria-expanded="true"] {
    opacity: 1;
}

.message-action-trigger:hover,
.message-action-trigger[aria-expanded="true"] {
    background: rgba(14, 165, 233, 0.16);
    border-color: rgba(56, 189, 248, 0.34);
    transform: translateY(-1px);
}

.message-action-menu {
    position: absolute;
    top: 38px;
    right: 8px;
    width: 190px;
    display: none;
    flex-direction: column;
    gap: 4px;
    padding: 8.5px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(8, 15, 32, 0.98);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
    z-index: 70;
}

.chat-bubble.mine .message-action-menu {
    right: auto;
    left: 10px;
}

.chat-bubble.mine.academy-latest-own-message-menu-up .message-action-menu {
    top: auto;
    bottom: 38px;
    right: auto;
    left: 10px;
}

.message-action-menu.is-open {
    display: flex;
}

.message-action-menu button {
    width: 100%;
    border: 0;
    background: transparent;
    color: #f8fafc;
    text-align: left;
    padding: 10.5px 12px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
}

.message-action-menu button:hover {
    background: rgba(255, 255, 255, 0.08);
}

.message-action-menu button[data-message-action="unsend-everyone"] {
    color: #fecaca;
}

.academy-message-edited-label {
    color: #94a3b8;
    font-size: 0.91rem;
    font-weight: 700;
    margin-left: 6px;
}

.academy-right-bot-cta {
    margin: 28px auto 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(14, 165, 233, 0.10);
    color: #e0f2fe;
    border-radius: 999px;
    padding: 7.5px 9.5px 7.5px 16px;
    cursor: pointer;
    font-weight: 900;
    letter-spacing: 0.01em;
    animation: academyRightBotFloat 2.7s ease-in-out infinite;
    transition: width 0.24s ease, border-radius 0.24s ease, background 0.24s ease, transform 0.24s ease;
}

.academy-right-bot-cta-avatar {
    width: 46px;
    height: 46px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #38bdf8, #34d399);
    color: #020617;
    font-size: 1.25rem;
    flex: 0 0 auto;
}

.academy-right-bot-cta-pill {
    border: 1px solid rgba(56, 189, 248, 0.32);
    border-radius: 999px;
    padding: 8.5px 15px;
    background: rgba(2, 6, 23, 0.48);
    color: #f8fafc;
    font-size: 0.95rem;
}

.academy-right-bot-cta.is-docked {
    width: calc(100% - 28px);
    border-radius: 16px;
    padding: 10.5px 14px;
    justify-content: flex-start;
    animation: none !important;
    background: rgba(14, 165, 233, 0.14);
    transform: none !important;
}

body.academy-right-bot-docked .yh-right-sidebar [class*="bot"]:not(.academy-right-bot-cta):not(.role-badge) {
    animation: none !important;
    transform: none !important;
}

@keyframes academyRightBotFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

/* Academy Messages UI polish: menu placement, inbox layering, bot dock flow */
.chat-bubble {
    position: relative !important;
    overflow: visible !important;
}

.chat-bubble .message-action-trigger,
.chat-bubble.mine .message-action-trigger {
    top: 6px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 80 !important;
}

.chat-bubble .message-action-menu,
.chat-bubble.mine .message-action-menu {
    top: 36px !important;
    bottom: auto !important;
    right: 8px !important;
    left: auto !important;
    width: 198px !important;
    max-width: min(198px, calc(100vw - 36px)) !important;
    transform-origin: top right !important;
    z-index: 120 !important;
}

.chat-bubble.mine .message-action-menu {
    right: 8px !important;
    left: auto !important;
}

.chat-bubble.mine.academy-latest-own-message-menu-up .message-action-menu,
.chat-bubble.mine.academy-own-message-menu-open-up .message-action-menu,
.chat-bubble.mine[data-academy-latest-own-message="true"] .message-action-menu {
    top: auto !important;
    bottom: calc(100% + 8px) !important;
    right: 8px !important;
    left: auto !important;
    transform-origin: bottom right !important;
    z-index: 9999 !important;
}

.chat-bubble .message-action-menu.is-open {
    display: flex !important;
}

#dynamic-chat-history,
.academy-messages-thread-shell,
.academy-messages-thread-scroll,
.academy-chat-thread {
    overflow-x: visible !important;
}

.academy-messages-inbox,
.academy-messages-inbox-list,
#academy-messages-inbox-list {
    overflow: visible !important;
}

.academy-messages-inbox-card {
    position: relative !important;
    z-index: 1;
    isolation: isolate;
}

.academy-messages-inbox-card.is-menu-open {
    z-index: 9999 !important;
    isolation: auto;
}

.academy-messages-inbox-card.is-menu-open .academy-messages-inbox-item {
    position: relative;
    z-index: 2;
}

.academy-messages-inbox-card .academy-messages-inbox-menu {
    z-index: 10020 !important;
    min-width: 196px;
    overflow: visible !important;
}

.academy-messages-inbox-card.is-menu-open .academy-messages-inbox-menu,
.academy-messages-inbox-menu.is-open {
    z-index: 10020 !important;
}

.yh-right-sidebar,
.academy-right-sidebar,
[data-academy-right-sidebar] {
    position: relative !important;
    min-height: calc(100vh - 86px);
}

.academy-right-bot-cta {
    margin: 22px auto 0 !important;
}

.academy-right-bot-cta.academy-right-bot-floating {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    animation: academyRightBotFloat 2.7s ease-in-out infinite !important;
}

.academy-right-bot-cta.is-docked {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 24px !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 16px !important;
    padding: 10.5px 14px !important;
    justify-content: flex-start !important;
    animation: none !important;
    transform: none !important;
}/* Academy inline message edit modal + wandering right bot */
.academy-inline-message-edit-overlay {
    position: fixed;
    inset: 0;
    z-index: 13000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(2, 6, 23, 0.24);
    backdrop-filter: blur(10px);
}

.academy-inline-message-edit-overlay.hidden-step {
    display: none !important;
}

.academy-inline-message-edit-card {
    width: min(520px, 100%);
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(8, 15, 32, 0.28);
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.55);
    padding: 20px;
}

.academy-inline-message-edit-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.academy-inline-message-edit-kicker {
    color: #38bdf8;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.academy-inline-message-edit-head h3 {
    margin: 0;
    color: #f8fafc;
    font-size: 1.05rem;
}.academy-inline-message-edit-close {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.24);
    color: #e2e8f0;
    cursor: pointer;
}

.academy-inline-message-edit-textarea {
    width: 100%;
    min-height: 112px;
    resize: vertical;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.20);
    background: rgba(15, 23, 42, 0.88);
    color: #f8fafc;
    outline: none;
    padding: 15px 16px;
    line-height: 1.55;
}

.academy-inline-message-edit-textarea:focus {
    border-color: rgba(56, 189, 248, 0.62);
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.10);
}

.academy-inline-message-edit-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
}

.yh-right-sidebar.academy-right-sidebar-has-wandering-bot,
.academy-right-sidebar.academy-right-sidebar-has-wandering-bot,
[data-academy-right-sidebar].academy-right-sidebar-has-wandering-bot {
    position: relative !important;
    overflow: hidden !important;
    min-height: calc(100vh - 86px);
}

.academy-right-bot-cta.academy-right-bot-wandering {
    position: absolute !important;
    margin: 0 !important;
    z-index: 30;
    transition:
        top 1.45s cubic-bezier(0.22, 1, 0.36, 1),
        left 1.45s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.24s ease,
        opacity 0.24s ease;
    animation: academyRightBotPlayPulse 2.4s ease-in-out infinite !important;
}

.academy-right-bot-cta.academy-right-bot-wandering:hover {
    transform: translateY(-3px) scale(1.02);
}

.academy-right-bot-cta.is-docked {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 24px !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 16px !important;
    padding: 10.5px 14px !important;
    justify-content: flex-start !important;
    animation: none !important;
    transform: none !important;
}

@keyframes academyRightBotPlayPulse {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(56, 189, 248, 0));
    }

    50% {
        filter: drop-shadow(0 0 14px rgba(56, 189, 248, 0.22));
    }
}

/* Academy bot strict Active Now lane + real message avatars */
.yh-right-sidebar.academy-right-sidebar-bot-below-active,
.academy-right-sidebar.academy-right-sidebar-bot-below-active,
[data-academy-right-sidebar].academy-right-sidebar-bot-below-active {
    position: relative !important;
    overflow: hidden !important;
    min-height: calc(100vh - 86px);
}

.academy-right-bot-cta.academy-right-bot-active-zone {
    position: absolute !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 35 !important;
    transition:
        top 1.25s cubic-bezier(0.22, 1, 0.36, 1),
        left 1.25s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.24s ease,
        opacity 0.24s ease !important;
    animation: academyRightBotPlayPulse 2.4s ease-in-out infinite !important;
}

.academy-right-bot-cta.academy-right-bot-active-zone:hover {
    transform: translateY(-3px) scale(1.02);
}

.academy-right-bot-cta.is-docked {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 24px !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 16px !important;
    padding: 10.5px 14px !important;
    justify-content: flex-start !important;
    animation: none !important;
    transform: none !important;
}

.academy-messages-inbox-avatar.has-profile-photo {
    color: transparent !important;
    text-indent: -9999px;
    background-color: rgba(15, 23, 42, 0.72) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.academy-messages-inbox-avatar.has-profile-photo::before {
    content: "";
}mic meter,
and strict bot lane */
.academy-voice-mic-meter {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(3, 7, 18, 0.72);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(12px);
    pointer-events: none;
}
/* Academy Voice Lounge password-popup guard {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(3, 7, 18, 0.24);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(12px);
    pointer-events: none;
}

.academy-voice-mic-meter-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.academy-voice-mic-meter-kicker {
    color: #38bdf8;
    font-size: 0.85rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.academy-voice-mic-meter-status {
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.25;
}

.academy-voice-mic-meter-note {
    color: #94a3b8;
    font-size: 0.95rem;
    line-height: 1.35;
}

.academy-voice-mic-wave {
    height: 56px;
    min-width: 112px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 12px;
    border-radius: 14px;
    background: rgba(14, 165, 233, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.16);
}

.academy-voice-mic-wave span {
    width: 7px;
    min-height: 9px;
    border-radius: 999px;
    background: linear-gradient(180deg, #67e8f9, #0ea5e9);
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.18);
    opacity: 0.42;
    transition: height 0.08s linear, opacity 0.08s linear;
}

.academy-voice-mic-meter.is-speaking {
    border-color: rgba(34, 197, 94, 0.42);
    box-shadow: 0 18px 48px rgba(34, 197, 94, 0.12);
}

.academy-voice-mic-meter.is-speaking .academy-voice-mic-meter-kicker {
    color: #86efac;
}

.academy-voice-mic-meter.is-speaking .academy-voice-mic-wave span {
    background: linear-gradient(180deg, #bbf7d0, #22c55e);
    box-shadow: 0 0 16px rgba(34, 197, 94, 0.24);
}

.yh-right-sidebar.academy-right-sidebar-strict-active-bot,
.academy-right-sidebar.academy-right-sidebar-strict-active-bot,
[data-academy-right-sidebar].academy-right-sidebar-strict-active-bot {
    position: relative !important;
    overflow: hidden !important;
}

.academy-right-bot-cta.academy-right-bot-strict-active-zone {
    position: absolute !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 40 !important;
}

.academy-right-bot-cta.is-docked {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 24px !important;
    width: auto !important;
    margin: 0 !important;
}

/* Academy final single right-sidebar AI bot override */
.academy-single-right-bot-sidebar {
    position: relative !important;
    overflow: hidden !important;
    min-height: calc(100vh - 86px);
}

.academy-bot-singleton-ready .academy-right-bot-cta:not([data-yh-single-right-bot="1"]),
.academy-bot-singleton-ready button[aria-label="Open Academy AI Coach"]:not([data-yh-single-right-bot="1"]) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.academy-right-bot-cta.academy-single-right-bot {
    z-index: 60 !important;
}

.academy-right-bot-cta.academy-single-right-bot.academy-single-right-bot-playing {
    position: absolute !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    transition:
        top 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        left 1.2s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.22s ease,
        opacity 0.22s ease !important;
    animation: academySingleBotPulse 2.3s ease-in-out infinite !important;
}

.academy-right-bot-cta.academy-single-right-bot.academy-single-right-bot-playing:hover {
    transform: translateY(-3px) scale(1.02);
}

.academy-right-bot-cta.academy-single-right-bot.is-docked {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 24px !important;
    top: auto !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 16px !important;
    padding: 10.5px 14px !important;
    justify-content: flex-start !important;
    animation: none !important;
    transform: none !important;
}

@keyframes academySingleBotPulse {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(56, 189, 248, 0));
    }

    50% {
        filter: drop-shadow(0 0 14px rgba(56, 189, 248, 0.22));
    }
}

/* Academy right-sidebar bot safe bounds final guard */
.academy-right-bot-safe-sidebar {
    position: relative !important;
    overflow: hidden !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    contain: layout paint;
}

.academy-right-bot-safe-sidebar .academy-right-bot-cta:not([data-yh-single-right-bot="1"]),
.academy-right-bot-safe-sidebar button[aria-label="Open Academy AI Coach"]:not([data-yh-single-right-bot="1"]) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.academy-right-bot-cta.academy-right-bot-safe-bounds,
.academy-right-bot-cta.academy-right-bot-safe-playing {
    box-sizing: border-box !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    z-index: 70 !important;
}

.academy-right-bot-cta.academy-right-bot-safe-playing {
    position: absolute !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    transition:
        transform 0.2s ease,
        opacity 0.2s ease !important;
}

.academy-right-bot-cta.academy-right-bot-safe-playing .academy-right-bot-cta-pill {
    min-width: 0 !important;
    max-width: calc(100% - 58px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.academy-right-bot-cta.academy-right-bot-safe-playing .academy-right-bot-cta-avatar {
    flex: 0 0 auto !important;
}

.academy-right-bot-cta.academy-right-bot-safe-bounds.is-docked {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 18px !important;
    top: auto !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 !important;
    border-radius: 16px !important;
    padding: 10.5px 14px !important;
    justify-content: flex-start !important;
    display: inline-flex !important;
    min-height: 54px !important;
    animation: none !important;
    transform: none !important;
}

/* PATCH: Academy AI coach bottom-visible dock v2 */
@media (min-width: 901px) {
    body[data-yh-view="academy"] .academy-ai-coach-bottom-visible-sidebar,
    body[data-yh-page="academy"] .academy-ai-coach-bottom-visible-sidebar {
        position: relative !important;
        overflow: hidden !important;
        min-height: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        padding-bottom: 88px !important;
    }

    body[data-yh-view="academy"] .academy-ai-coach-bottom-visible,
    body[data-yh-page="academy"] .academy-ai-coach-bottom-visible {
        position: absolute !important;
        left: 16px !important;
        right: 16px !important;
        bottom: 18px !important;
        top: auto !important;
        width: auto !important;
        max-width: calc(100% - 32px) !important;
        min-height: 54px !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border-radius: 16px !important;
        padding: 10.5px 14px !important;
        z-index: 120 !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        animation: none !important;
        transform: none !important;
        transition: opacity 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
    }

    body[data-yh-view="academy"] .academy-ai-coach-bottom-visible .academy-right-bot-cta-avatar,
    body[data-yh-page="academy"] .academy-ai-coach-bottom-visible .academy-right-bot-cta-avatar {
        flex: 0 0 auto !important;
    }

    body[data-yh-view="academy"] .academy-ai-coach-bottom-visible strong,
    body[data-yh-page="academy"] .academy-ai-coach-bottom-visible strong {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}
/* END PATCH: Academy AI coach bottom-visible dock v2 */

/* PATCH: Hide legacy Academy AI Coach duplicate bot v1 */
body[data-yh-view="academy"] .academy-right-bot-cta:not(#academy-ai-coach-inline-tab-launcher),
body[data-yh-page="academy"] .academy-right-bot-cta:not(#academy-ai-coach-inline-tab-launcher),
body[data-yh-view="academy"] .academy-single-right-bot,
body[data-yh-page="academy"] .academy-single-right-bot,
body[data-yh-view="academy"] .academy-ai-coach-bottom-visible:not(#academy-ai-coach-inline-tab-launcher),
body[data-yh-page="academy"] .academy-ai-coach-bottom-visible:not(#academy-ai-coach-inline-tab-launcher) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* END PATCH: Hide legacy Academy AI Coach duplicate bot v1 */

/* PATCH: Academy AI Coach inline single avatar guard v1 */
#academy-ai-coach-inline-tab-launcher > .academy-ai-coach-inline-tab-avatar ~ .academy-ai-coach-inline-tab-avatar,
#academy-ai-coach-inline-tab-launcher > .academy-right-bot-cta-avatar,
#academy-ai-coach-inline-tab-launcher > .academy-ai-coach-rect-avatar,
#academy-ai-coach-inline-tab-launcher > .academy-ai-coach-rect-bubble-avatar,
.academy-ai-coach-inline-tab-launcher > .academy-ai-coach-inline-tab-avatar ~ .academy-ai-coach-inline-tab-avatar,
.academy-ai-coach-inline-tab-launcher > .academy-right-bot-cta-avatar,
.academy-ai-coach-inline-tab-launcher > .academy-ai-coach-rect-avatar,
.academy-ai-coach-inline-tab-launcher > .academy-ai-coach-rect-bubble-avatar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* END PATCH: Academy AI Coach inline single avatar guard v1 */

/* PATCH: Academy AI Coach inline Roadmap/Missions launcher v1 */
.academy-ai-coach-inline-tab-launcher {
    position: fixed !important;
    right: clamp(18px, 2.4vw, 34px) !important;
    bottom: clamp(18px, 2.4vw, 34px) !important;
    z-index: 900 !important;
    width: auto !important;
    min-width: 172px !important;
    min-height: 62px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    padding: 12px 16px 12px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(56, 189, 248, 0.42) !important;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.20), transparent 38%),
        linear-gradient(180deg, rgba(10, 22, 42, 0.96), rgba(4, 10, 24, 0.98)) !important;
    color: #f8fbff !important;
    box-shadow:
        0 22px 58px rgba(0, 0, 0, 0.48),
        0 0 28px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
    cursor: pointer !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    transform: translateZ(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition:
        opacity 0.18s ease,
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease !important;
}

.academy-ai-coach-inline-tab-launcher.hidden-step {
    display: none !important;
}

.academy-ai-coach-inline-tab-launcher.is-hidden,
.academy-ai-coach-inline-tab-launcher.is-hiding {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.academy-ai-coach-inline-tab-launcher:hover {
    border-color: rgba(56, 189, 248, 0.70) !important;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.30), transparent 38%),
        linear-gradient(180deg, rgba(12, 30, 58, 0.98), rgba(4, 12, 28, 0.98)) !important;
    transform: translateY(-2px) !important;
}

.academy-ai-coach-inline-tab-avatar {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: rgba(56, 189, 248, 0.10) !important;
    border: 1px solid rgba(56, 189, 248, 0.22) !important;
}

.academy-ai-coach-inline-tab-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.academy-ai-coach-inline-tab-copy {
    display: grid !important;
    gap: 1px !important;
    text-align: left !important;
    line-height: 1.05 !important;
}

.academy-ai-coach-inline-tab-copy strong {
    color: #f8fbff !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
}

.academy-ai-coach-inline-tab-copy small {
    color: rgba(186, 230, 253, 0.84) !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
}

@media (max-width: 768px) {
    .academy-ai-coach-inline-tab-launcher {
        right: 14px !important;
        bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
        min-width: 58px !important;
        min-height: 58px !important;
        padding: 8.5px !important;
    }

    .academy-ai-coach-inline-tab-copy {
        display: none !important;
    }
}
/* END PATCH: Academy AI Coach inline Roadmap/Missions launcher v1 */

/* PATCH: Academy AI Coach standing rectangular modal v1 */
.academy-ai-coach-rect-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 24px;
    background: rgba(2, 6, 23, 0.34);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.academy-ai-coach-rect-modal.hidden-step {
    display: none !important;
}

.academy-ai-coach-rect-card {
    width: min(430px, calc(100vw - 32px));
    height: min(720px, calc(100vh - 48px));
    max-height: calc(100vh - 48px);
    border-radius: 24px;
    border: 1px solid rgba(56, 189, 248, 0.32);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(8, 15, 32, 0.28), rgba(5, 8, 22, 0.28));
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.58),
        0 0 0 1px rgba(255, 255, 255, 0.04);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.academy-ai-coach-rect-head {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 20px 20px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.academy-ai-coach-rect-identity {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.academy-ai-coach-rect-avatar {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.9), rgba(56, 189, 248, 0.86));
    box-shadow: 0 14px 28px rgba(14, 165, 233, 0.18);
}

.academy-ai-coach-rect-kicker {
    color: var(--neon-blue);
    font-size: 0.91rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
}

.academy-ai-coach-rect-head h3 {
    margin: 2px 0 4px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 850;
}

.academy-ai-coach-rect-head p {
    margin: 0;
    color: rgba(203, 213, 225, 0.78);
    font-size: 1rem;
    line-height: 1.45;
}

.academy-ai-coach-rect-close {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.06);
    color: #e5e7eb;
    cursor: pointer;
}

.academy-ai-coach-rect-close:hover {
    border-color: rgba(56, 189, 248, 0.5);
    background: rgba(14, 165, 233, 0.14);
    color: #fff;
}

.academy-ai-coach-rect-prompts {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    padding: 14px 16px;
    overflow-x: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.academy-ai-coach-rect-prompts button {
    flex: 0 0 auto;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(14, 165, 233, 0.09);
    color: #dff7ff;
    padding: 9.5px 12px;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
}

.academy-ai-coach-rect-learn-wrap {
    flex: 0 0 auto;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.academy-ai-coach-rect-learn-wrap label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.academy-ai-coach-rect-learn-wrap select {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.36);
    background:
        linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(56, 189, 248, 0.14)),
        rgba(2, 6, 23, 0.62);
    color: #f8fafc;
    padding: 9.5px 30px 9.5px 13px;
    font-size: 0.95rem;
    font-weight: 800;
    cursor: pointer;
    outline: none;
    min-height: 34px;
    max-width: 190px;
}

.academy-ai-coach-rect-learn-wrap::after {
    content: '⌄';
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-53%);
    pointer-events: none;
    color: rgba(191, 219, 254, 0.9);
    font-size: 0.88rem;
    font-weight: 900;
}

.academy-ai-coach-rect-learn-wrap select:focus {
    border-color: rgba(125, 211, 252, 0.68);
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.10);
}

.academy-ai-coach-rect-learn-wrap select option {
    background: #07111f;
    color: #f8fafc;
}

.academy-ai-coach-rect-learn-wrap select.is-locked {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.08);
}

.academy-ai-coach-learn-pay-modal {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(2, 6, 23, 0.34);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.academy-ai-coach-learn-pay-modal.hidden-step {
    display: none !important;
}

.academy-ai-coach-learn-pay-card {
    position: relative;
    width: min(360px, 100%);
    border-radius: 22px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(8, 15, 32, 0.28), rgba(5, 8, 22, 0.28));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46);
    padding: 20px;
}

.academy-ai-coach-learn-pay-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
    color: #e5e7eb;
    cursor: pointer;
}

.academy-ai-coach-learn-pay-kicker {
    color: var(--neon-blue);
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.academy-ai-coach-learn-pay-card h3 {
    margin: 0 32px 8px 0;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.25;
}

.academy-ai-coach-learn-pay-card p {
    margin: 0 0 14px;
    color: rgba(203, 213, 225, 0.82);
    font-size: 1rem;
    line-height: 1.52;
}

.academy-ai-coach-learn-pay-options {
    display: grid;
    gap: 9px;
    margin-bottom: 12px;
}

.academy-ai-coach-learn-pay-options button,
.academy-ai-coach-learn-pay-main {
    width: 100%;
    border-radius: 15px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background: rgba(14, 165, 233, 0.1);
    color: #f8fafc;
    padding: 13px 14px;
    cursor: pointer;
    text-align: left;
}

.academy-ai-coach-learn-pay-options button {
    position: relative;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.academy-ai-coach-learn-pay-options button:hover {
    transform: translateY(-1px);
    border-color: rgba(125, 211, 252, 0.44);
    background: rgba(14, 165, 233, 0.16);
}

.academy-ai-coach-learn-pay-options button.is-selected,
.academy-ai-coach-learn-pay-options button[aria-pressed="true"] {
    border-color: rgba(250, 204, 21, 0.72);
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.16), rgba(14, 165, 233, 0.12)),
        rgba(14, 165, 233, 0.1);
    box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.1);
}

.academy-ai-coach-learn-pay-options button.is-selected::after,
.academy-ai-coach-learn-pay-options button[aria-pressed="true"]::after {
    content: 'Selected';
    position: absolute;
    top: 10px;
    right: 12px;
    color: #fde68a;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.academy-ai-coach-learn-pay-options button strong {
    display: block;
    color: #fff;
    font-size: 1rem;
}

.academy-ai-coach-learn-pay-options button span {
    display: block;
    margin-top: 2px;
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.95rem;
}

.academy-ai-coach-learn-pay-main {
    text-align: center;
    font-weight: 850;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22), rgba(56, 189, 248, 0.22));
    border-color: rgba(125, 211, 252, 0.38);
    box-shadow: 0 14px 28px rgba(14, 165, 233, 0.14);
}

.academy-ai-coach-learn-pay-main.hidden-step {
    display: none !important;
}

.academy-ai-coach-learn-pay-options button:disabled,
.academy-ai-coach-learn-pay-main:disabled {
    opacity: 0.6;
    cursor: wait;
    transform: none;
}

.academy-ai-coach-learn-pay-status {
    min-height: 18px;
    margin-top: 10px;
    color: rgba(203, 213, 225, 0.76);
    font-size: 0.95rem;
    line-height: 1.4;
    text-align: center;
}

.academy-ai-coach-learn-pay-status.is-error {
    color: #fecaca;
}

.academy-ai-coach-learn-pay-status.is-success {
    color: #86efac;
}

.academy-ai-coach-rect-history {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.academy-ai-coach-rect-empty,
.academy-ai-coach-rect-loading,
.academy-ai-coach-rect-error {
    border-radius: 18px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.55;
}

.academy-ai-coach-rect-empty {
    display: grid;
    gap: 5px;
}

.academy-ai-coach-rect-empty strong {
    color: #fff;
}

.academy-ai-coach-rect-error {
    border-color: rgba(239, 68, 68, 0.42);
    background: rgba(127, 29, 29, 0.24);
    color: #fecaca;
}

.academy-ai-coach-rect-bubble {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.academy-ai-coach-rect-bubble.is-user {
    flex-direction: row-reverse;
}

.academy-ai-coach-rect-bubble-avatar {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(56, 189, 248, 0.18);
    color: #fff;
    font-weight: 850;
    font-size: 0.85rem;
    overflow: hidden;
}

.academy-ai-coach-rect-bubble-avatar.has-image {
    padding: 0;
    background: rgba(15, 23, 42, 0.92);
    border: 1px solid rgba(56, 189, 248, 0.28);
}

.academy-ai-coach-rect-bubble-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
}

.academy-ai-coach-rect-bubble-main {
    min-width: 0;
    max-width: 82%;
    border-radius: 18px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.academy-ai-coach-rect-bubble.is-user .academy-ai-coach-rect-bubble-main {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22), rgba(2, 132, 199, 0.22));
    border-color: rgba(125, 211, 252, 0.38);
}

.academy-ai-coach-rect-bubble.is-bot .academy-ai-coach-rect-bubble-main {
    border-left: 3px solid rgba(56, 189, 248, 0.9);
}

.academy-ai-coach-rect-bubble-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 5px;
    font-size: 0.95rem;
}

.academy-ai-coach-rect-bubble-meta strong {
    color: #fff;
}

.academy-ai-coach-rect-bubble-meta span {
    color: rgba(226, 232, 240, 0.62);
}

.academy-ai-coach-rect-bubble-text {
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.62;
    word-break: break-word;
}

.academy-ai-coach-rect-form {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(2, 6, 23, 0.62);
}

.academy-ai-coach-rect-form textarea {
    flex: 1 1 auto;
    min-width: 0;
    max-height: 120px;
    resize: none;
    border: 1px solid rgba(56, 189, 248, 0.18);
    outline: none;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.055);
    color: #fff;
    padding: 14px 15px;
    font: inherit;
    font-size: 1rem;
    line-height: 1.45;
}

.academy-ai-coach-rect-form textarea::placeholder {
    color: rgba(203, 213, 225, 0.52);
}

.academy-ai-coach-rect-form textarea:focus {
    border-color: rgba(56, 189, 248, 0.55);
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.08);
}

.academy-ai-coach-rect-form button {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(14, 165, 233, 0.18);
    color: #7dd3fc;
    cursor: pointer;
}

.academy-ai-coach-rect-form button:hover {
    background: rgba(14, 165, 233, 0.3);
    color: #fff;
}

.academy-ai-coach-rect-form button:disabled {
    opacity: 0.55;
    cursor: wait;
}

@media (max-width: 700px) {
    .academy-ai-coach-rect-modal {
        align-items: flex-end;
        justify-content: center;
        padding: 14px;
    }

    .academy-ai-coach-rect-card {
        width: 100%;
        height: min(680px, calc(100vh - 24px));
        border-radius: 22px;
    }
}
/* END PATCH: Academy AI Coach standing rectangular modal v1 */

/* PATCH: Academy pinned conversation pill single-card placement v1 */
body[data-yh-view="academy"] .academy-messages-inbox-card,
body[data-yh-page="academy"] .academy-messages-inbox-card,
body[data-yh-view="academy"] .academy-messages-inbox-card .academy-messages-inbox-item,
body[data-yh-page="academy"] .academy-messages-inbox-card .academy-messages-inbox-item {
    position: relative !important;
}

body[data-yh-view="academy"] .academy-messages-inbox-card .academy-messages-inbox-item,
body[data-yh-page="academy"] .academy-messages-inbox-card .academy-messages-inbox-item {
    overflow: hidden !important;
}

body[data-yh-view="academy"] .academy-pinned-conversation-badge,
body[data-yh-page="academy"] .academy-pinned-conversation-badge,
body[data-yh-view="academy"] .academy-pinned-conversation-inline-badge-v2,
body[data-yh-page="academy"] .academy-pinned-conversation-inline-badge-v2 {
    display: none !important;
}
/* END PATCH: Academy pinned conversation pill single-card placement v1 */

/* PATCH: Academy top action dropdown card rendering v3 */
body[data-yh-page="academy"] .academy-top-action-modal-overlay,
body[data-yh-view="academy"] .academy-top-action-modal-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body[data-yh-page="academy"] .academy-top-action-modal-close,
body[data-yh-view="academy"] .academy-top-action-modal-close {
    display: none !important;
}

body[data-yh-page="academy"] .academy-top-action-dropdown-card-v3,
body[data-yh-view="academy"] .academy-top-action-dropdown-card-v3 {
    position: fixed !important;
    right: 14px;
    left: auto !important;
    max-width: calc(100vw - 28px) !important;
    border: 1px solid rgba(56, 189, 248, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(6, 14, 28, 0.34) !important;
    box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.72),
        0 0 0 1px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body[data-yh-page="academy"] .notif-dropdown.academy-notification-dropdown-card-v3,
body[data-yh-view="academy"] .notif-dropdown.academy-notification-dropdown-card-v3 {
    display: flex !important;
    width: min(340px, calc(100vw - 28px)) !important;
    max-height: min(460px, calc(100vh - 120px)) !important;
    padding: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    z-index: 2147483003 !important;
}

body[data-yh-page="academy"] .yh-resources-menu-panel.academy-resources-dropdown-card-v3,
body[data-yh-view="academy"] .yh-resources-menu-panel.academy-resources-dropdown-card-v3 {
    display: grid !important;
    width: min(340px, calc(100vw - 28px)) !important;
    max-height: min(520px, calc(100vh - 120px)) !important;
    padding: 17px !important;
    border-radius: 22px !important;
    overflow-y: auto !important;
    gap: 10px !important;
    z-index: 2147483002 !important;
}

body[data-yh-page="academy"] .academy-top-action-dropdown-open-v3 .desktop-user-strip,
body[data-yh-view="academy"] .academy-top-action-dropdown-open-v3 .desktop-user-strip,
body[data-yh-page="academy"].academy-top-action-dropdown-open-v3 .desktop-user-strip,
body[data-yh-view="academy"].academy-top-action-dropdown-open-v3 .desktop-user-strip {
    overflow: visible !important;
    isolation: isolate !important;
}

body[data-yh-page="academy"] .academy-strip-notif-right,
body[data-yh-view="academy"] .academy-strip-notif-right,
body[data-yh-page="academy"] .yh-resources-menu,
body[data-yh-view="academy"] .yh-resources-menu {
    position: relative !important;
    overflow: visible !important;
}

@media (max-width: 700px) {
    body[data-yh-page="academy"] .notif-dropdown.academy-notification-dropdown-card-v3,
    body[data-yh-view="academy"] .notif-dropdown.academy-notification-dropdown-card-v3,
    body[data-yh-page="academy"] .yh-resources-menu-panel.academy-resources-dropdown-card-v3,
    body[data-yh-view="academy"] .yh-resources-menu-panel.academy-resources-dropdown-card-v3 {
        width: calc(100vw - 28px) !important;
        right: 14px !important;
    }
}
/* END PATCH: Academy top action dropdown card rendering v3 */

/* PATCH: Academy hidden overlay click-through safety v5 */
.yh-academy-startup-loader.hidden-step,
.yh-academy-startup-loader.is-exiting,
.yh-tab-loader.hidden-step,
.academy-top-action-modal-overlay.hidden-step,
#academy-search-results-panel.hidden-step,
#academy-search-results-panel[aria-hidden="true"] {
    pointer-events: none !important;
}

body[data-yh-view="academy"]:not(.academy-search-results-open) #academy-search-results-panel {
    pointer-events: none !important;
}

body[data-yh-view="academy"].academy-search-results-open #academy-search-results-panel:not(.hidden-step):not([aria-hidden="true"]) {
    pointer-events: auto !important;
}
/* END PATCH: Academy hidden overlay click-through safety v5 */

/* PATCH: Academy startup anti-flicker + overlay click release v6.1 */
body[data-yh-page="academy"].academy-startup-booting .dashboard-layout,
body[data-yh-page="academy"].academy-standalone-shell-pending .dashboard-layout,
body[data-yh-page="academy"]:not(.academy-shell-ready) .dashboard-layout {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body[data-yh-page="academy"].academy-shell-ready .dashboard-layout {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body[data-yh-page="academy"] .yh-academy-startup-loader.hidden-step,
body[data-yh-page="academy"] .yh-academy-startup-loader.is-exiting,
body[data-yh-page="academy"] .yh-academy-startup-loader[aria-hidden="true"],
body[data-yh-page="academy"] .yh-tab-loader.hidden-step,
body[data-yh-page="academy"] .yh-tab-loader[aria-hidden="true"],
body[data-yh-page="academy"] #academy-search-results-panel.hidden-step,
body[data-yh-page="academy"] #academy-search-results-panel[aria-hidden="true"] {
    pointer-events: none !important;
}
/* END PATCH: Academy startup anti-flicker + overlay click release v6.1 */

/* PATCH: Academy loader conflict release v14 */
body[data-yh-page="academy"] .yh-academy-startup-loader.hidden-step,
body[data-yh-page="academy"] .yh-academy-startup-loader.is-exiting,
body[data-yh-page="academy"] .yh-academy-startup-loader[aria-hidden="true"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body[data-yh-page="academy"].academy-shell-ready .dashboard-layout {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
/* END PATCH: Academy loader conflict release v14 */

/* PATCH: Academy pinned conversation visible marker v3 */
body[data-yh-view="academy"] .academy-messages-inbox-card.has-visible-pinned-marker-v2,
body[data-yh-page="academy"] .academy-messages-inbox-card.has-visible-pinned-marker-v2,
body[data-yh-view="academy"] .academy-messages-inbox-card.has-visible-pinned-marker-v2 .academy-messages-inbox-item,
body[data-yh-page="academy"] .academy-messages-inbox-card.has-visible-pinned-marker-v2 .academy-messages-inbox-item {
    position: relative !important;
}

body[data-yh-view="academy"] .academy-messages-inbox-card.has-visible-pinned-marker-v2 .academy-messages-inbox-item,
body[data-yh-page="academy"] .academy-messages-inbox-card.has-visible-pinned-marker-v2 .academy-messages-inbox-item {
    box-shadow: none !important;
    padding-right: 58px !important;
}

body[data-yh-view="academy"] .academy-messages-inbox-pin-icon-v2,
body[data-yh-page="academy"] .academy-messages-inbox-pin-icon-v2 {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    line-height: 1 !important;
    color: #7dd3fc !important;
    filter:
        drop-shadow(0 0 10px rgba(56, 189, 248, 0.62))
        drop-shadow(0 0 6px rgba(14, 165, 233, 0.42)) !important;
    flex: 0 0 28px !important;
    pointer-events: none !important;
}

body[data-yh-view="academy"] .academy-messages-inbox-pin-icon-v2 .academy-messages-pin-icon-img,
body[data-yh-page="academy"] .academy-messages-inbox-pin-icon-v2 .academy-messages-pin-icon-img {
    width: 26px !important;
    height: 26px !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
}

body[data-yh-view="academy"] .academy-pinned-conversation-inline-badge-v2,
body[data-yh-page="academy"] .academy-pinned-conversation-inline-badge-v2 {
    display: none !important;
}

body[data-yh-view="academy"] .academy-messages-thread-pinned-badge-v2,
body[data-yh-page="academy"] .academy-messages-thread-pinned-badge-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 20px !important;
    padding: 0 9.5px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(250, 204, 21, 0.42) !important;
    background: rgba(250, 204, 21, 0.14) !important;
    color: #fde68a !important;
    font-size: 0.91rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
}

body[data-yh-view="academy"] .academy-messages-thread-header.is-pinned-thread-v2,
body[data-yh-page="academy"] .academy-messages-thread-header.is-pinned-thread-v2 {
    border-bottom-color: rgba(250, 204, 21, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(250, 204, 21, 0.06), rgba(255, 255, 255, 0.02)) !important;
}
/* END PATCH: Academy pinned conversation visible marker v3 */

/* PATCH: Hide Academy notification/resources strip v20 */
body[data-yh-page="academy"] .desktop-user-strip,
body[data-yh-view="academy"] .desktop-user-strip,
body[data-yh-page="academy"] #notif-bell,
body[data-yh-view="academy"] #notif-bell,
body[data-yh-page="academy"] #yh-resources-menu,
body[data-yh-view="academy"] #yh-resources-menu,
body[data-yh-page="academy"] #academy-notification-modal-overlay,
body[data-yh-view="academy"] #academy-notification-modal-overlay,
body[data-yh-page="academy"] #academy-resources-modal-overlay,
body[data-yh-view="academy"] #academy-resources-modal-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* END PATCH: Hide Academy notification/resources strip v20 */

/* PATCH: Academy search autofill fix v4 */
.academy-no-credential-suggestions-field {
    resize: none;
    overflow: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.academy-no-credential-suggestions-field::-webkit-scrollbar {
    display: none;
}

textarea.academy-header-search-input {
    display: block;
    width: 100%;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    padding: 0;
    line-height: 22px;
    background: transparent;
    border: 0;
    outline: 0;
}

.academy-member-browser-search-textarea {
    display: block;
    min-height: 46px;
    max-height: 46px;
    resize: none;
    overflow: hidden;
    white-space: nowrap;
}
/* END PATCH: Academy search autofill fix v4 */

/* PATCH: Academy AI Coach full browser height v2 */
body[data-yh-view="academy"] .academy-ai-coach-rect-modal,
body[data-yh-page="academy"] .academy-ai-coach-rect-modal {
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body[data-yh-view="academy"] .academy-ai-coach-rect-card,
body[data-yh-page="academy"] .academy-ai-coach-rect-card {
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100svh !important;
    max-height: 100dvh !important;
}

body[data-yh-view="academy"] .academy-ai-coach-rect-history,
body[data-yh-page="academy"] .academy-ai-coach-rect-history {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

body[data-yh-view="academy"] .academy-ai-coach-rect-form,
body[data-yh-page="academy"] .academy-ai-coach-rect-form {
    flex: 0 0 auto !important;
}

@media (max-width: 768px) {
    body[data-yh-view="academy"] .academy-ai-coach-rect-modal,
    body[data-yh-page="academy"] .academy-ai-coach-rect-modal {
        padding: 0 !important;
    }

    body[data-yh-view="academy"] .academy-ai-coach-rect-card,
    body[data-yh-page="academy"] .academy-ai-coach-rect-card {
        width: 100vw !important;
        max-width: 100vw !important;
        border-radius: 0 !important;
    }
}
/* END PATCH: Academy AI Coach full browser height v2 */

/* PATCH: Academy Roadmap inner tab structure */
.academy-ui-icon-header {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.34));
}

.academy-roadmap-tabs-shell {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.academy-roadmap-tabs-head {
    position: sticky;
    top: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 12px;
    margin: 0;
}
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat .chat-messages,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat .chat-messages {
    padding-top: 0 !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #chat-welcome-box,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #chat-welcome-box {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .academy-roadmap-tabs-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .academy-roadmap-tabs-shell {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .academy-roadmap-tabs-body,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .academy-roadmap-tabs-body {
    padding-top: 12px !important;
}

.academy-roadmap-tabs-head::-webkit-scrollbar {
    height: 0;
}

.academy-roadmap-inner-tab {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 10.5px 15px;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    transition: 0.2s ease;
}

.academy-roadmap-inner-tab:hover,
.academy-roadmap-inner-tab.is-active {
}

.academy-roadmap-tabs-body {
    width: 100%;
}

.academy-roadmap-inner-panel {
    width: 100%;
}

.academy-roadmap-tab-panel-card {
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 14px;
}

.academy-roadmap-tab-kicker {
    color: var(--neon-blue);
    font-size: 0.91rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.academy-roadmap-tab-panel-card h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.08rem;
    line-height: 1.25;
}

.academy-roadmap-tab-panel-card p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.55;
}

.academy-roadmap-tab-slot {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.academy-roadmap-coach-actions {
    margin-top: 14px;
    justify-content: flex-start;
}

@media (max-width: 780px) {
    .academy-roadmap-tabs-head {
        padding: 9.5px;
        gap: 6px;
    }

    .academy-roadmap-inner-tab {
        padding: 9.5px 13px;
        font-size: 0.95rem;
    }

    .academy-roadmap-tab-panel-card {
        padding: 17px;
        border-radius: 17px;
    }

    .academy-ui-icon-header {
        width: 24px;
        height: 24px;
    }
}
/* END PATCH: Academy roadmap layout support v200 */
/* PATCH: Permanent Academy right-sidebar AI Coach button */
@media (min-width: 901px) {
    body[data-yh-view="academy"] .yh-right-sidebar,
    body[data-yh-page="academy"] .yh-right-sidebar {
        position: relative !important;
        padding-bottom: 96px !important;
        overflow: hidden !important;
    }

    body[data-yh-view="academy"] #academy-right-sidebar-ai-coach,
    body[data-yh-page="academy"] #academy-right-sidebar-ai-coach {
        position: absolute !important;
        left: 16px !important;
        right: 16px !important;
        bottom: 18px !important;
        top: auto !important;
        z-index: 90 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        width: auto !important;
        max-width: calc(100% - 32px) !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 10.5px 14px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(56, 189, 248, 0.34) !important;
        background: rgba(14, 165, 233, 0.16) !important;
        color: #f8fbff !important;
        box-shadow: 0 18px 40px rgba(14, 165, 233, 0.16) !important;
        cursor: pointer !important;
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body[data-yh-view="academy"] #academy-right-sidebar-ai-coach .academy-right-bot-cta-avatar,
    body[data-yh-page="academy"] #academy-right-sidebar-ai-coach .academy-right-bot-cta-avatar {
        width: 44px !important;
        height: 44px !important;
        border-radius: 16px !important;
        flex: 0 0 44px !important;
    }

    body[data-yh-view="academy"] #academy-right-sidebar-ai-coach strong,
    body[data-yh-page="academy"] #academy-right-sidebar-ai-coach strong {
        color: #ffffff !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
    }
}

@media (max-width: 900px) {
    #academy-right-sidebar-ai-coach {
        display: none !important;
    }
}
/* END PATCH: Permanent Academy right-sidebar AI Coach button */
/* ==========================================
   DASHBOARD SETTINGS DEDICATED BADGE PAYMENT MODAL
   ========================================== */

.yh-dashboard-settings-badge-payment-modal {
    position: fixed;
    inset: 0;
    z-index: 16050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background:
        radial-gradient(circle at center, rgba(56, 189, 248, 0.08), transparent 36%),
        rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.yh-dashboard-settings-badge-payment-card {
    width: min(94vw, 560px);
    max-height: min(86vh, 760px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(56, 189, 248, 0.32);
    background:
        linear-gradient(180deg, rgba(10, 22, 39, 0.28), rgba(5, 10, 24, 0.28));
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.52),
        0 0 36px rgba(14, 165, 233, 0.14);
}

.yh-dashboard-settings-badge-payment-head {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 22px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.yh-dashboard-settings-badge-payment-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.yh-dashboard-settings-badge-payment-icon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(211, 178, 112, 0.34);
}

.yh-dashboard-settings-badge-payment-icon.is-academy {
    border-color: rgba(56, 189, 248, 0.48);
    box-shadow: 0 0 22px rgba(56, 189, 248, 0.12);
}

.yh-dashboard-settings-badge-payment-icon.is-federation {
    border-color: rgba(211, 178, 112, 0.58);
    box-shadow: 0 0 22px rgba(211, 178, 112, 0.14);
}

.yh-dashboard-settings-badge-payment-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.yh-dashboard-settings-badge-payment-kicker {
    color: var(--neon-blue);
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.yh-dashboard-settings-badge-payment-head h3 {
    margin: 3px 0 6px;
    color: #ffffff;
    font-size: clamp(1.18rem, 2.3vw, 1.55rem);
    line-height: 1.15;
}

.yh-dashboard-settings-badge-payment-head p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.yh-dashboard-settings-badge-payment-x {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.26);
    color: #cbd5e1;
    cursor: pointer;
    transition: 0.2s ease;
}

.yh-dashboard-settings-badge-payment-x:hover {
    color: #ffffff;
    border-color: rgba(56, 189, 248, 0.44);
    background: rgba(56, 189, 248, 0.12);
}

.yh-dashboard-settings-badge-payment-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 18px 22px 20px;
}

.yh-dashboard-settings-badge-payment-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(14, 165, 233, 0.10);
}

.yh-dashboard-settings-badge-payment-total span {
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 800;
}

.yh-dashboard-settings-badge-payment-total strong {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 900;
    white-space: nowrap;
}
.yh-dashboard-settings-badge-payment-feature,
.yh-badge-avail-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 16px;
    margin-top: 14px;
    margin-bottom: 4px;
    border-radius: 17px;
    border: 1px solid rgba(211, 178, 112, 0.30);
    background:
        radial-gradient(circle at top left, rgba(211, 178, 112, 0.13), transparent 44%),
        rgba(15, 23, 42, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.yh-dashboard-settings-badge-payment-feature-icon,
.yh-badge-avail-feature-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    border: 1px solid rgba(211, 178, 112, 0.34);
    background: rgba(211, 178, 112, 0.10);
    color: #f8d992;
    font-weight: 900;
    box-shadow: 0 0 16px rgba(211, 178, 112, 0.12);
}

.yh-dashboard-settings-badge-payment-feature strong,
.yh-badge-avail-feature-card strong {
    display: block;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    margin-bottom: 3px;
}

.yh-dashboard-settings-badge-payment-feature p,
.yh-badge-avail-feature-card p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.yh-dashboard-settings-badge-payment-feature span,
.yh-badge-avail-feature-card span {
    color: #f8d992;
    font-weight: 900;
}
.yh-dashboard-settings-badge-payment-section {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.yh-dashboard-settings-badge-payment-section h4 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.yh-dashboard-settings-badge-payment-section p {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.yh-dashboard-settings-badge-payment-options {
    display: grid;
    gap: 10px;
}

.yh-dashboard-settings-badge-payment-option {
    width: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 14px;
    border-radius: 17px;
    border: 1px solid rgba(148, 163, 184, 0.20);
    background: rgba(15, 23, 42, 0.68);
    color: #f8fbff;
    text-align: left;
    cursor: pointer;
    transition: 0.2s ease;
}

.yh-dashboard-settings-badge-payment-option:hover,
.yh-dashboard-settings-badge-payment-option.is-selected {
    border-color: rgba(56, 189, 248, 0.62);
    background: rgba(14, 165, 233, 0.14);
    transform: translateY(-1px);
}

.yh-dashboard-settings-badge-payment-option.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.yh-dashboard-settings-badge-payment-option span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.yh-dashboard-settings-badge-payment-option strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.yh-dashboard-settings-badge-payment-option small {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.35;
}

.yh-dashboard-settings-badge-payment-option em {
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.34);
    background: rgba(14, 165, 233, 0.12);
    color: #bae6fd;
    font-size: 0.91rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.yh-dashboard-settings-badge-payment-actions {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 10px;
    padding: 16px 22px 22px;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(2, 6, 23, 0.24);
}

@media (max-width: 560px) {
    .yh-dashboard-settings-badge-payment-modal {
        padding: 14px;
    }

    .yh-dashboard-settings-badge-payment-head {
        padding: 18px 16px 14px;
    }

    .yh-dashboard-settings-badge-payment-brand {
        align-items: flex-start;
    }

    .yh-dashboard-settings-badge-payment-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
        border-radius: 18px;
    }

    .yh-dashboard-settings-badge-payment-icon img {
        width: 38px;
        height: 38px;
    }

    .yh-dashboard-settings-badge-payment-body {
        padding: 16px;
    }

    .yh-dashboard-settings-badge-payment-total,
    .yh-dashboard-settings-badge-payment-option {
        align-items: flex-start;
        flex-direction: column;
    }

    .yh-dashboard-settings-badge-payment-actions {
        grid-template-columns: 1fr;
        padding: 14px 16px 18px;
    }
}
/* END PATCH: Dashboard Settings dedicated badge payment modal */
/* ==========================================
   GLOBAL AI CHATBOT ROBOT AVATAR
   ========================================== */

.yh-ai-chatbot-robot-img,
.academy-ai-coach-rect-avatar-img,
.academy-ai-coach-rect-bubble-avatar-img,
.yh-dashboard-basic-assistant-avatar-img,
.yh-dashboard-basic-assistant-message-avatar-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
}

.academy-ai-coach-rect-avatar.has-ai-robot-image,
.academy-ai-coach-rect-bubble-avatar.has-ai-robot-image,
.yh-dashboard-basic-assistant-avatar.has-ai-robot-image,
.yh-dashboard-basic-assistant-message-avatar.has-ai-robot-image {
    overflow: hidden;
    padding: 0;
    background: rgba(15, 23, 42, 0.92);
    border: 1px solid rgba(56, 189, 248, 0.28);
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.14);
}

.academy-ai-coach-rect-avatar.has-ai-robot-image {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 14px;
}

.yh-dashboard-basic-assistant-title-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.yh-dashboard-basic-assistant-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
}

@media (max-width: 520px) {
    .academy-ai-coach-rect-avatar.has-ai-robot-image,
    .yh-dashboard-basic-assistant-avatar {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}
/* END PATCH: Global AI chatbot robot avatar */
/* PATCH: Academy lower-right AI Coach robot avatar v2 */
.academy-right-bot-cta-avatar.has-ai-robot-image {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    padding: 3px;
    overflow: hidden;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.92) !important;
    border: 1px solid rgba(56, 189, 248, 0.34);
    color: transparent !important;
    font-size: 0 !important;
    box-shadow:
        0 0 18px rgba(56, 189, 248, 0.18),
        inset 0 0 12px rgba(56, 189, 248, 0.08);
}

.academy-right-bot-cta-avatar.has-ai-robot-image .academy-right-bot-cta-avatar-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: inherit;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.32));
}

#academy-right-sidebar-ai-coach .academy-right-bot-cta-avatar.has-ai-robot-image,
.academy-ai-coach-bottom-visible .academy-right-bot-cta-avatar.has-ai-robot-image,
.academy-single-right-bot .academy-right-bot-cta-avatar.has-ai-robot-image {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 16px !important;
}

.academy-right-bot-cta:not(.is-docked) .academy-right-bot-cta-avatar.has-ai-robot-image {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
}

@media (max-width: 900px) {
    .academy-right-bot-cta-avatar.has-ai-robot-image {
        width: 40px !important;
        height: 40px !important;
        flex-basis: 40px !important;
        border-radius: 14px !important;
    }
}
/* END PATCH: Academy lower-right AI Coach robot avatar v2 */
/* =========================================================
   DASHBOARD COMMAND CENTER LAYOUT v37
   Unified Dashboard Shell
   Scope: Dashboard / Hub desktop only
   No mock data. No generated dashboard counters.
   ========================================================= */

@media (min-width: 1281px) {
    body[data-yh-view="hub"] {
        overflow: hidden !important;
        background:
            radial-gradient(circle at 74% 10%, rgba(56, 189, 248, 0.12), transparent 30%),
            radial-gradient(circle at 26% 92%, rgba(59, 130, 246, 0.08), transparent 34%),
            linear-gradient(180deg, #030712 0%, #06101f 52%, #020617 100%) !important;
    }

    body[data-yh-view="hub"] .yh-business-chat-open-btn {
        position: relative;
    }

    body[data-yh-view="hub"] .yh-business-chat-open-btn .yh-business-chat-nav-badge,
    body[data-yh-view="hub"] .yh-business-chat-nav-badge {
        margin-left: auto;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    body[data-yh-view="hub"] .desktop-user-strip {
        grid-column: 2 !important;
        grid-row: 1 !important;
        position: relative !important;
        z-index: 90 !important;
        height: 66px !important;
        min-height: 66px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 24px !important;
        overflow: visible !important;
        border-bottom: 1px solid rgba(56, 189, 248, 0.12) !important;
        background:
            linear-gradient(180deg, rgba(3, 8, 18, 0.94), rgba(4, 12, 24, 0.82)) !important;
        box-shadow:
            0 16px 40px rgba(0, 0, 0, 0.22),
            inset 0 -1px 0 rgba(255, 255, 255, 0.025) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    body[data-yh-view="hub"] .desktop-user-strip-inner {
        width: 100% !important;
        min-height: 48px !important;
        display: grid !important;
        grid-template-columns: minmax(320px, 1fr) auto !important;
        align-items: center !important;
        gap: 14px !important;
        overflow: visible !important;
    }

    body[data-yh-view="hub"] .desktop-user-profile-cluster {
        min-width: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
    }

    body[data-yh-view="hub"] .desktop-user-strip-left {
        width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 !important;
        justify-self: stretch !important;
    }

    body[data-yh-view="hub"] .yh-dashboard-top-search {
        width: min(640px, 100%) !important;
        max-width: 640px !important;
        margin: 0 !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body[data-yh-view="hub"] .yh-dashboard-top-search-input {
        min-height: 42px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.014)),
            rgba(7, 16, 31, 0.78) !important;
        border-color: rgba(56, 189, 248, 0.18) !important;
    }

    body[data-yh-view="hub"] .yh-dashboard-top-search-btn {
        min-height: 42px !important;
        min-width: 92px !important;
        padding: 0.7rem 1rem !important;
    }

    body[data-yh-view="hub"] .desktop-user-strip .profile-mini {
        min-width: 0 !important;
        max-width: 360px !important;min-height:34px !important;padding:4px 10px 4px 4px !important;
        border-radius: 999px !important;
        border-color: rgba(56, 189, 248, 0.14) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
            rgba(9, 18, 34, 0.68) !important;
    }

    body[data-yh-view="hub"] .desktop-user-strip .profile-avatar-mini {width: 24px !important;height:24px !important;min-width:24px !important;font-size:0.68rem !important;}

    body[data-yh-view="hub"] #top-nav-name {max-width: 78px !important;
        color: #f8fbff !important;font-size:0.70rem !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;line-height:1 !important;}

    body[data-yh-view="hub"] .desktop-user-strip-right {
        grid-column: 2 !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;gap:6px !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
    }

    body[data-yh-view="hub"] .yh-resources-menu-btn {
        min-height: 42px !important;
        height: 42px !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
    }

    body[data-yh-view="hub"] .yh-command-top-live-chip,
    body[data-yh-view="hub"] .yh-command-top-wallet-chip,
    body[data-yh-view="hub"] .yh-command-top-profile {height: 32px !important;min-height:32px !important;width:122px !important;max-width:122px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;gap:5px !important;padding:3px 8px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(56, 189, 248, 0.16) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.014)),
            rgba(7, 16, 31, 0.74) !important;
        color: #e5f2ff !important;
        box-shadow:
            0 14px 32px rgba(0, 0, 0, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        cursor: pointer !important;min-width:112px !important;}

    body[data-yh-view="hub"] .yh-command-top-live-chip {
        cursor: default !important;height:32px !important;min-height:32px !important;gap:5px !important;padding:3px 8px !important;min-width:52px !important;width:auto !important;}

    body[data-yh-view="hub"] .yh-command-live-dot {
        width: 8px !important;
        height: 8px !important;
        min-width: 8px !important;
        border-radius: 999px !important;
        background: #22c55e !important;
        box-shadow: 0 0 16px rgba(34, 197, 94, 0.78) !important;
    }

    body[data-yh-view="hub"] .yh-command-top-wallet-icon {width: 20px !important;height:20px !important;min-width:20px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 999px !important;
        color: #7dd3fc !important;
        background: rgba(56, 189, 248, 0.11) !important;
        box-shadow: 0 0 16px rgba(56, 189, 248, 0.16) !important;font-size:0.72rem !important;}

    body[data-yh-view="hub"] .yh-command-live-copy,
    body[data-yh-view="hub"] .yh-command-top-wallet-copy,
    body[data-yh-view="hub"] .yh-command-top-profile-copy {
        min-width: 0 !important;
        display: grid !important;
        gap: 1px !important;
        line-height: 1.08 !important;
    }

    body[data-yh-view="hub"] .yh-command-live-copy strong,
    body[data-yh-view="hub"] .yh-command-top-wallet-copy strong,
    body[data-yh-view="hub"] .yh-command-top-profile-copy strong {max-width: 82px !important;
        margin: 0 !important;
        color: #ffffff !important;font-size:0.68rem !important;font-weight:800 !important;line-height:1 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    body[data-yh-view="hub"] .yh-command-live-copy small,
    body[data-yh-view="hub"] .yh-command-top-wallet-copy small,
    body[data-yh-view="hub"] .yh-command-top-profile-copy small {
        color: rgba(148, 163, 184, 0.86) !important;font-size:0.48rem !important;
        font-weight: 800 !important;letter-spacing:0.045em !important;line-height:1 !important;
        text-transform: uppercase !important;
    }

    body[data-yh-view="hub"] .yh-command-top-profile .profile-avatar-mini {width: 24px !important;height:24px !important;min-width:24px !important;
        border-radius: 999px !important;font-size:0.68rem !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) #universe-hub-view,
    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .universe-hub-view {
        grid-column: 2 !important;
        grid-row: 2 !important;
        position: relative !important;
        min-width: 0 !important;
        min-height: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 24px 26px 32px !important;
        background:
            radial-gradient(circle at 78% 2%, rgba(56, 189, 248, 0.14), transparent 30%),
            radial-gradient(circle at 50% 72%, rgba(14, 165, 233, 0.08), transparent 32%),
            linear-gradient(180deg, rgba(3, 8, 18, 0.55), rgba(2, 6, 23, 0.86)) !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-hub-shell {
        width: 100% !important;
        max-width: 1540px !important;
        margin: 0 auto !important;
        display: block !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-carousel-shell {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding-top: 0 !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="academy-roadmap"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-missions"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-community"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-messages"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-voice"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-feed"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-inbox"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-conversations"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-meetups"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-opportunities"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-directory"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-regions"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-atlas"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-patron"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-patron-desk"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-bridge"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-requests"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-command"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-connect"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-deal-rooms"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-directory"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-requests"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-referrals"] .yh-universe-carousel-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-access"] .yh-universe-carousel-shell {
        gap: 10px !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-intro {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 12px !important;
        text-align: left !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="academy-roadmap"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-missions"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-community"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-messages"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-voice"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-feed"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-inbox"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-conversations"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-meetups"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-opportunities"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-directory"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-regions"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-atlas"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-patron"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-patron-desk"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-bridge"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-requests"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-command"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-connect"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-deal-rooms"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-directory"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-requests"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-referrals"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-access"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-division="plazas"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-intro {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-kicker {
        margin-bottom: 10px !important;
        padding: 7px 12px !important;
        font-size: 0.91rem !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-title {
        font-size: clamp(1.9rem, 2.5vw, 2.75rem) !important;
        line-height: 1.02 !important;
        letter-spacing: 0.045em !important;
        margin: 0 !important;
    }

    body[data-yh-view="hub"]:not([data-yh-unified-workspace="academy"]) .yh-universe-intro-copy {
        max-width: 720px !important;
        margin: 10px 0 0 !important;
        color: rgba(226, 232, 240, 0.80) !important;
        font-size: 1.03rem !important;
        line-height: 1.58 !important;
    }

    body[data-yh-view="hub"] .yh-universe-command-hero {
        min-height: 148px !important;
        grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.62fr) !important;
        align-items: stretch !important;
        gap: 18px !important;
        padding: 20px 22px !important;
        border-radius: 24px !important;
        border: 1px solid rgba(56, 189, 248, 0.18) !important;
        background:
            radial-gradient(circle at 77% 2%, rgba(56, 189, 248, 0.16), transparent 34%),
            radial-gradient(circle at 12% 68%, rgba(14, 165, 233, 0.10), transparent 36%),
            linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(3, 7, 18, 0.88)),
            rgba(3, 8, 18, 0.92) !important;
        box-shadow:
            0 24px 68px rgba(0, 0, 0, 0.34),
            inset 0 1px 0 rgba(255,255,255,0.055),
            inset 0 -1px 0 rgba(56, 189, 248, 0.06) !important;
        overflow: hidden !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="academy-roadmap"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-missions"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-community"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-messages"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="academy-voice"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-feed"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-inbox"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-conversations"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-meetups"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-opportunities"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-directory"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-regions"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-atlas"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-patron"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-patron-desk"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-bridge"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas-requests"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-command"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-connect"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-deal-rooms"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-directory"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-requests"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-referrals"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation-access"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="plazas"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="federation"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-division="plazas"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-command-hero {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-command-title {
        max-width: 620px !important;
        font-size: clamp(1.18rem, 1.35vw, 1.55rem) !important;
        line-height: 1.14 !important;
    }

    body[data-yh-view="hub"] .yh-universe-command-copy {
        max-width: 660px !important;
        font-size: 1rem !important;
        line-height: 1.52 !important;
    }

    body[data-yh-view="hub"] .yh-universe-command-pill-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        align-content: center !important;
    }

    body[data-yh-view="hub"] .yh-universe-command-pill {
        min-height: 46px !important;
        padding: 10px 13px !important;
        border-radius: 15px !important;
        border: 1px solid rgba(56, 189, 248, 0.13) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.050), rgba(255,255,255,0.014)),
            rgba(7, 15, 30, 0.78) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.045),
            0 10px 24px rgba(0,0,0,0.16) !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-card {
        width: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 14px !important;
        padding: 18px 20px 20px !important;
        border-radius: 20px !important;
        border: 1px solid rgba(56, 189, 248, 0.18) !important;
        background:
            radial-gradient(circle at 88% 24%, rgba(34, 197, 94, 0.10), transparent 28%),
            linear-gradient(90deg, rgba(56, 189, 248, 0.10), rgba(15, 23, 42, 0.34)),
            rgba(7, 16, 31, 0.82) !important;
        box-shadow:
            0 18px 46px rgba(0, 0, 0, 0.24),
            inset 0 1px 0 rgba(255,255,255,0.045) !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-card.is-approved-inline-workspace {
        gap: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 20px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-card.is-approved-inline-workspace .yh-universe-workspace-launch-main {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-card.hidden-step {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-main {
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(220px, 0.35fr) minmax(420px, 1fr) !important;
        align-items: start !important;
        gap: 14px !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-heading {
        min-width: 0 !important;
        min-height: 86px !important;
        display: grid !important;
        align-content: center !important;
        justify-items: center !important;
        gap: 0 !important;
        text-align: center !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-kicker {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-main h3 {
        margin: 0 !important;
        color: #f8fbff !important;
        font-size: clamp(1.22rem, 1.45vw, 1.58rem) !important;
        font-weight: 950 !important;
        line-height: 1.08 !important;
        letter-spacing: -0.035em !important;
        text-align: center !important;
        text-shadow: 0 0 18px rgba(56, 189, 248, 0.12) !important;
    }
    body[data-yh-view="hub"] .yh-inline-workspace-title-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    vertical-align: middle !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-title-icon {
        width: 24px !important;
        height: 24px !important;
        display: block !important;
        object-fit: contain !important;
        filter:
            drop-shadow(0 0 10px rgba(56, 189, 248, 0.22))
            drop-shadow(0 0 16px rgba(56, 189, 248, 0.10)) !important;
    }
    body[data-yh-view="hub"] .yh-inline-workspace-status-card strong .yh-inline-workspace-title-inline {
    justify-content: flex-start !important;
    gap: 8px !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-card strong .yh-inline-workspace-title-icon {
        width: 18px !important;
        height: 18px !important;
    }
    body[data-yh-view="hub"] .yh-universe-workspace-inline-body {
        max-width: 940px !important;
        margin: 0 !important;
        color: rgba(203, 213, 225, 0.82) !important;
        font-size: 1rem !important;
        line-height: 1.48 !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-top: 0 !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-card {
        min-height: 86px !important;
        display: grid !important;
        align-content: start !important;
        gap: 5px !important;
        padding: 14px 15px !important;
        border-radius: 15px !important;
        border: 1px solid rgba(56, 189, 248, 0.15) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.014)),
            rgba(7, 15, 30, 0.68) !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-card span {
        color: #7dd3fc !important;
        font-size: 0.91rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.10em !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-card strong {
        color: #f8fbff !important;
        font-size: 1.03rem !important;
        font-weight: 900 !important;
        line-height: 1.18 !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-card p {
        margin: 0 !important;
        color: rgba(203, 213, 225, 0.78) !important;
        font-size: 0.95rem !important;
        line-height: 1.44 !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-card.is-pending {
        border-color: rgba(234, 179, 8, 0.24) !important;
        background:
            linear-gradient(180deg, rgba(234, 179, 8, 0.08), rgba(255,255,255,0.014)),
            rgba(7, 15, 30, 0.70) !important;
    }

    body[data-yh-view="hub"] .yh-inline-workspace-status-card.is-locked {
        border-color: rgba(248, 113, 113, 0.22) !important;
        background:
            linear-gradient(180deg, rgba(248, 113, 113, 0.08), rgba(255,255,255,0.014)),
            rgba(7, 15, 30, 0.70) !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-actions {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-route {
        max-width: 300px !important;
        color: rgba(148, 163, 184, 0.88) !important;
        font-size: 0.95rem !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: right !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-btn {
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 16px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(56, 189, 248, 0.42) !important;
        background:
            linear-gradient(135deg, rgba(56, 189, 248, 0.95), rgba(37, 99, 235, 0.88)) !important;
        color: #ffffff !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        box-shadow:
            0 14px 34px rgba(37, 99, 235, 0.24),
            inset 0 1px 0 rgba(255,255,255,0.20) !important;
        transition:
            transform 0.18s ease,
            box-shadow 0.18s ease,
            border-color 0.18s ease !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-launch-btn:hover {
        transform: translateY(-1px) !important;
        border-color: rgba(125, 211, 252, 0.80) !important;
        box-shadow:
            0 18px 42px rgba(37, 99, 235, 0.32),
            inset 0 1px 0 rgba(255,255,255,0.24) !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-frame-shell {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        height: min(84vh, 940px) !important;
        min-height: 720px !important;
        margin-top: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        border: 1px solid rgba(56, 189, 248, 0.16) !important;background:
            linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20)),
            url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
            #020617 !important;
        box-shadow:
            0 22px 58px rgba(0, 0, 0, 0.32),
            inset 0 1px 0 rgba(255,255,255,0.04) !important;
    }

    body[data-yh-view="hub"][data-yh-unified-division="plazas"] .yh-universe-workspace-frame-shell {
        height: min(88vh, 1000px) !important;
        min-height: 740px !important;
        border-radius: 22px !important;
        border: 1px solid rgba(56, 189, 248, 0.22) !important;background:
            linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20)),
            url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
            #020617 !important;
        box-shadow:
            0 28px 76px rgba(0, 0, 0, 0.36),
            0 0 34px rgba(56, 189, 248, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.05) !important;
    }

    body[data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-workspace-frame-shell {
        height: min(88vh, 980px) !important;
        min-height: 740px !important;
        overflow: hidden !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
    }

    body[data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-workspace-inline-frame {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
    }

    body[data-yh-view="hub"][data-yh-unified-division="plazas"] .yh-universe-workspace-inline-frame {
        background: transparent !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-inline-frame {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        border: 0 !important;background:
            linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20)),
            url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
            #020617 !important;
    }
    body[data-yh-view="hub"] .yh-universe-workspace-inline-host {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        overflow: auto !important;background:
            linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20)),
            url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
            #020617 !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-inline-host.hidden-step {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-inline-frame.hidden-step {
        display: none !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-intro,
    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] #yh-universe-workspace-launch-card > .yh-universe-workspace-launch-main,
    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] #yh-universe-workspace-launch-card > .yh-universe-workspace-launch-actions {
        display: none !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-carousel-shell {
        gap: 0 !important;
        padding-top: 0 !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] #yh-universe-workspace-launch-card {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* PATCH: YH Wallet inline workspace support only v134 */
    body[data-yh-view="hub"] .yh-universe-workspace-inline-host .yh-wallet-modal.yh-wallet-inline-view {
        position: relative !important;
        inset: auto !important;
        z-index: auto !important;
        display: block !important;
        width: 100% !important;
        min-height: 100% !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-inline-host .yh-wallet-close {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-wallet-inline-tabs {
        position: sticky !important;
        top: 0 !important;
        z-index: 20 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 0 0 16px !important;
    }

    body[data-yh-view="hub"] .yh-wallet-inline-tab {
        flex: 1 1 0 !important;
        min-height: 40px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="overview"] .yh-wallet-grid,
    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="overview"] .yh-wallet-withdraw-panel,
    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="overview"] .yh-wallet-ledger-grid {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog:not([data-yh-wallet-active-tab="overview"]) .yh-wallet-guide,
    body[data-yh-view="hub"] .yh-wallet-dialog:not([data-yh-wallet-active-tab="overview"]) .yh-wallet-stats,
    body[data-yh-view="hub"] .yh-wallet-dialog:not([data-yh-wallet-active-tab="overview"]) .yh-wallet-division-panel {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog:not([data-yh-wallet-active-tab="payment-methods"]):not([data-yh-wallet-active-tab="payout-methods"]) .yh-wallet-grid {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payment-methods"] .yh-wallet-grid,
    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payout-methods"] .yh-wallet-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payment-methods"] .yh-wallet-grid > .yh-wallet-panel:not([data-yh-wallet-tab-section="payment-methods"]),
    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payout-methods"] .yh-wallet-grid > .yh-wallet-panel:not([data-yh-wallet-tab-section="payout-methods"]) {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog:not([data-yh-wallet-active-tab="request-withdrawal"]) .yh-wallet-withdraw-panel {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog:not([data-yh-wallet-active-tab="payment-history"]):not([data-yh-wallet-active-tab="payout-history"]) .yh-wallet-ledger-grid {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payment-history"] .yh-wallet-ledger-grid,
    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payout-history"] .yh-wallet-ledger-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payment-history"] .yh-wallet-ledger-grid > .yh-wallet-panel:not([data-yh-wallet-tab-section="payment-history"]),
    body[data-yh-view="hub"] .yh-wallet-dialog[data-yh-wallet-active-tab="payout-history"] .yh-wallet-ledger-grid > .yh-wallet-panel:not([data-yh-wallet-tab-section="payout-history"]) {
        display: none !important;
    }
    /* END PATCH: YH Wallet inline workspace support only v134 */

    body[data-yh-view="hub"] .yh-universe-workspace-launch-card.is-approved-inline-workspace .yh-universe-workspace-frame-shell {
        height: min(88vh, 980px) !important;
        min-height: 760px !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-command-hero,
    body[data-yh-view="hub"][data-yh-unified-workspace="business-chats"] .yh-universe-command-hero {
        display: none !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-workspace-launch-card,
    body[data-yh-view="hub"][data-yh-unified-workspace="business-chats"] .yh-universe-workspace-launch-card {
        margin-top: -2px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-workspace-launch-main,
    body[data-yh-view="hub"][data-yh-unified-workspace="business-chats"] .yh-universe-workspace-launch-main,
    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-workspace-launch-actions,
    body[data-yh-view="hub"][data-yh-unified-workspace="business-chats"] .yh-universe-workspace-launch-actions {
        display: none !important;
    }

    body[data-yh-view="hub"][data-yh-unified-workspace="wallet"] .yh-universe-workspace-frame-shell,
    body[data-yh-view="hub"][data-yh-unified-workspace="business-chats"] .yh-universe-workspace-frame-shell {
        display: block !important;
        height: calc(100vh - 150px) !important;
        min-height: 680px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-frame-shell.hidden-step {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-frame-shell {
        position: relative !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-inline-frame {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        border: 0 !important;background:
            linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20)),
            url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
            #020617 !important;
        opacity: 1 !important;
        transition: opacity 0.16s ease !important;
    }

    body[data-yh-view="hub"] .yh-universe-workspace-frame-shell.is-switching .yh-universe-workspace-inline-frame {
        opacity: 0 !important;
    }

    /* PATCH: Universal Dashboard child workspace loader v1 */
    body[data-yh-view="hub"] .yh-universe-child-workspace-loader {
        position: absolute !important;
        inset: 0 !important;
        z-index: 8 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        display: grid !important;
        place-items: center !important;
        padding: clamp(28px, 5vw, 72px) 18px !important;
        background:
            radial-gradient(circle at center, rgba(56, 189, 248, 0.09), transparent 38%),
            radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 34%),
            rgba(2, 6, 23, 0.78) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition:
            opacity 0.18s ease,
            visibility 0.18s ease !important;
    }

    body[data-yh-view="hub"] .yh-universe-child-workspace-loader.is-active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body[data-yh-view="hub"] .yh-universe-child-workspace-loader.hidden-step {
        display: none !important;
    }

    body[data-yh-view="hub"] .yh-universe-child-workspace-loader-card {
        width: min(92vw, 440px) !important;
    }

    body[data-yh-view="hub"] .yh-universe-child-workspace-loader-orb img {
        object-fit: contain !important;
    }
    /* END PATCH: Universal Dashboard child workspace loader v1 */

/* PATCH: Academy parent style ownership cleanup v82 */
/* style.css no longer owns Academy parent layout/cards/buttons. Tailwind owns that scoped UI. */
/* END PATCH: Academy parent style ownership cleanup v82 */

body[data-yh-view="hub"] .yh-universe-academy-strip {
        margin-top: 16px !important;
        min-height: 168px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

body[data-yh-view="hub"] .yh-universe-academy-strip-head {
        padding: 18px 20px 9.5px !important;
    }

    body[data-yh-view="hub"] .yh-universe-academy-strip-kicker {
}

    body[data-yh-view="hub"] .yh-universe-academy-strip-copy {
}

    body[data-yh-view="hub"] .yh-universe-academy-marquee-card {
        width: 170px !important;
        height: 104px !important;
        border-radius: 16px !important;
    }

    body[data-yh-view="hub"] #view-plazas,
    body[data-yh-view="hub"] #view-federation {
        grid-column: 2 !important;
        grid-row: 2 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: 100% !important;
        overflow: auto !important;
    }
}
/* =========================================================
   PATCH: YH Landing command layout source v14
   Date: 2026-06-04
   style.css owns vh/vw layout; yh-tailwind owns visual skin
   ========================================================= */

html:has(body[data-yh-page="apply"]),
body[data-yh-page="apply"] {
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
}

body[data-yh-page="apply"] {
    scroll-behavior: auto;
}

body[data-yh-page="apply"] #step-1.yh-landing-step {
    position: fixed;
    inset: 0;
    display: block;
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #02050d;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
    position: relative;
    isolation: isolate;
    width: 100vw;
    height: 100dvh;
    min-height: 100dvh;
    padding: clamp(12px, 1.1vw, 18px) clamp(18px, 2vw, 34px) clamp(10px, 1vw, 16px);
    overflow: hidden;
    background:
        radial-gradient(circle at 52% 20%, rgba(37, 99, 235, 0.22), transparent 31%),
        radial-gradient(circle at 16% 72%, rgba(56, 189, 248, 0.10), transparent 35%),
        linear-gradient(180deg, #02040b 0%, #050b18 56%, #01030a 100%);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell::before {
    content: "";
    position: absolute;
    inset: clamp(8px, 1vw, 16px);
    z-index: 0;
    pointer-events: none;
    border: 1px solid rgba(56, 189, 248, 0.13);
    border-radius: 26px;
    background:
        linear-gradient(rgba(56, 189, 248, 0.024) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.024) 1px, transparent 1px);
    background-size: 72px 72px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-image,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg {
    z-index: 0;
    overflow: hidden;
    opacity: 0.66;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.05) contrast(1.08) brightness(0.62);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-overlay {
    background:
        radial-gradient(circle at 52% 32%, rgba(14, 165, 233, 0.06), transparent 34%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.38), rgba(2, 6, 23, 0.04) 48%, rgba(2, 6, 23, 0.54)),
        linear-gradient(180deg, rgba(2, 6, 23, 0.12), rgba(2, 6, 23, 0.38));
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-side-rail,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-cta-row {
    display: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero {
    position: relative;
    z-index: 4;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
    display: block;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
    position: relative;
    z-index: 70;
    width: 100%;
    height: clamp(50px, 6dvh, 64px);
    min-height: 0;
    margin: 0 auto;
    padding: 0 clamp(4px, 0.6vw, 10px);
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr);
    align-items: center;
    column-gap: clamp(16px, 2vw, 34px);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand {
    grid-column: 1;
    gap: 13px;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    white-space: nowrap;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand-logo {
    width: clamp(30px, 2.2vw, 38px);
    height: clamp(30px, 2.2vw, 38px);
    object-fit: contain;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand-name {
    color: #ffffff;
    font-size: clamp(0.95rem, 0.95vw, 1.03rem);
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    line-height: 1;
    white-space: nowrap;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-nav {
    grid-column: 2;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    height: clamp(36px, 3.9dvh, 44px);
    padding: 3px;
    border-radius: 999px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-nav a {
    min-width: clamp(96px, 7vw, 128px);
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(203, 213, 225, 0.74);
    font-size: clamp(0.85rem, 0.84vw, 0.95rem);
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 999px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status {
    grid-column: 3;
    justify-self: end;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 8px;
    color: #ffffff;
    font-size: clamp(0.85rem, 0.88vw, 1rem);
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-status-dot {
    grid-row: span 2;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 16px rgba(34, 197, 94, 0.75);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status small {
    display: block;
    margin-top: 4px;
    color: rgba(203, 213, 225, 0.78);
    font-size: clamp(0.85rem, 0.82vw, 0.91rem);
    font-weight: 900;
    letter-spacing: 0.1em;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status strong {
    color: #22c55e;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-access-btn {
    display: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 100%;
    height: clamp(350px, 44dvh, 420px);
    min-height: 0;
    margin: 0;
    padding:
        clamp(30px, 4.2dvh, 52px)
        clamp(350px, 23vw, 400px)
        clamp(8px, 1dvh, 12px)
        0;
    display: block;
    overflow: visible;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
    position: relative;
    z-index: 20;
    width: min(41vw, 560px);
    max-width: 560px;
    margin-left: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: clamp(10px, 1.3dvh, 16px);
    color: #3b82f6;
    font-size: clamp(0.85rem, 0.92vw, 1rem);
    font-weight: 950;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #3b82f6;
    box-shadow: 0 0 14px rgba(59, 130, 246, 0.78);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
    max-width: 10.8ch;
    margin: 0 0 clamp(8px, 1dvh, 12px);
    color: #ffffff;
    font-family: "Arial Narrow", "Poppins", sans-serif;
    font-stretch: condensed;
    font-size: clamp(2.25rem, 3.15vw, 3.9rem);
    line-height: 0.88;
    letter-spacing: 0.01em;
    font-weight: 950;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title-gradient {
    color: inherit;
    background: none;
    -webkit-text-fill-color: currentColor;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
    max-width: 430px;
    margin: 0 0 clamp(8px, 1dvh, 12px);
    color: #ffffff;
    font-size: clamp(0.95rem, 0.98vw, 1.03rem);
    line-height: 1.35;
    font-weight: 900;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
    max-width: 450px;
    margin: 0;
    color: rgba(203, 213, 225, 0.84);
    font-size: clamp(0.95rem, 0.96vw, 1rem);
    line-height: 1.58;
    font-weight: 500;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
    position: absolute;
    z-index: 7;
    left: 52.5%;
    top: clamp(46px, 5.5dvh, 66px);
    width: min(36vw, 520px);
    height: min(36vw, 520px);
    min-width: 360px;
    min-height: 360px;
    transform: translateX(-42%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-stage-wrap,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-world-map {
    width: 100%;
    height: 100%;
    min-height: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage {
    position: relative;
    margin: 0;
    transform: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
    position: absolute;
    z-index: 55;
    top: clamp(72px, 8.2dvh, 90px);
    right: 0;
    width: min(370px, 23vw);
    max-width: 370px;
    min-width: 340px;
    margin: 0;
    padding: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-section-head,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-left.yh-auth-panel-left,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-bottom-logos,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .step1-logo {
    display: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card.form-card-ultrawide {
    width: 100%;
    max-width: none;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper {
    width: 100%;
    min-height: 452px;
    height: 452px;
    perspective: 1500px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .flip-card-inner {
    width: 100%;
    height: 100%;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .flip-card-front,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .flip-card-back {
    min-height: 100%;
    padding: clamp(16px, 1.25vw, 20px);
    border-radius: 0;
    overflow: hidden;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .flip-card-back {
    overflow: auto;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .auth-center-wrapper {
    min-height: 100%;
    margin: 0;
    display: grid;
    align-content: start;
    justify-items: stretch;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-head {
    display: grid;
    gap: 5px;
    margin-bottom: 12px;
    text-align: left;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-kicker {
    color: #60a5fa;
    font-size: clamp(0.85rem, 0.84vw, 0.91rem);
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .main-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.03rem, 1vw, 1.06rem);
    line-height: 1.05;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.78);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .step1-subtitle {
    margin: 0;
    font-size: clamp(0.91rem, 0.92vw, 1rem);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .login-ui-container {
    width: 100%;
    max-width: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .pill-input,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-login-password-shell {
    width: 100%;
    min-height: 36px;
    margin-bottom: 8px;
    border-radius: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .pill-input {
    padding: 0 18px;
    text-align: left;
    font-size: clamp(0.95rem, 0.96vw, 1rem);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-login-password-shell .pill-input {
    margin-bottom: 0;
    padding-right: 76px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-login-password-toggle {
    right: 8px;
    min-width: 58px;
    min-height: 30px;
    border-radius: 0;
    font-size: 0.95rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .forgot-link {
    margin: 0 0 12px;
    font-size: clamp(0.85rem, 0.84vw, 0.95rem);
    text-align: center;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-terminal-scan {
    width: 100%;
    min-height: 72px;
    margin-bottom: 12px;
    padding: 11px 12px;
    border-radius: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-scan-copy strong,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-scan-copy span {
    font-size: clamp(0.95rem, 0.96vw, 1rem);
    line-height: 1.12;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #btn-login {
    width: 100%;
    max-width: none;
    min-height: 42px;
    border-radius: 0;
    font-size: 0.91rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 8px;
    color: rgba(148, 163, 184, 0.58);
    font-size: 0.85rem;
    line-height: 1;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-footer button {
    width: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(147, 197, 253, 0.82);
    font: inherit;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-auth-divider {
    width: 100%;
    margin: 8px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.91rem;
    font-weight: 900;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-auth-divider::before,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-auth-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(148, 163, 184, 0.18);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-create-account-btn {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 0.91rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    cursor: pointer;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .divider,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-inline-switch {
    display: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
    position: relative;
    z-index: 24;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    margin: clamp(0px, 0.6dvh, 8px) auto 0;
    padding: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-section-head {
    justify-content: center;
    margin: 0 0 clamp(8px, 1dvh, 12px);
    text-align: center;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-section-kicker {
    display: block;
    margin-bottom: 5px;
    color: #38bdf8;
    font-size: clamp(0.85rem, 0.82vw, 0.91rem);
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-section-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1rem, 1.1vw, 1.08rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.3vw, 20px);
    width: 100%;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
    position: relative;
    min-height: clamp(190px, 20dvh, 224px);
    padding: clamp(24px, 1.8vw, 34px) clamp(20px, 1.6vw, 28px) clamp(62px, 5.6dvh, 72px) clamp(136px, 9vw, 158px);
    overflow: hidden;
    border-radius: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-arrow {
    position: absolute;
    top: clamp(16px, 1.5vw, 22px);
    right: clamp(16px, 1.5vw, 22px);
    z-index: 3;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(14, 165, 233, 0.10);
    color: #67e8f9;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
    position: absolute;
    left: clamp(24px, 1.9vw, 32px);
    top: clamp(34px, 3.4dvh, 44px);
    width: clamp(88px, 6.2vw, 106px);
    height: clamp(88px, 6.2vw, 106px);
    object-fit: contain;
    padding: clamp(10px, 1vw, 14px);
    border-radius: 0;
    border: 1px solid rgba(56, 189, 248, 0.18);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 22px;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: rgba(14, 165, 233, 0.08);
    color: #67e8f9;
    font-size: clamp(0.85rem, 0.78vw, 0.85rem);
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-status.live {
    border-color: rgba(34, 197, 94, 0.24);
    background: rgba(34, 197, 94, 0.10);
    color: #22c55e;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card h3 {
    margin: 24px 0 8px;
    color: #ffffff;
    font-size: clamp(1.02rem, 1.14vw, 1.34rem);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card p {
    max-width: 390px;
    margin: 0;
    color: rgba(203, 213, 225, 0.82);
    font-size: clamp(0.91rem, 0.94vw, 1rem);
    line-height: 1.44;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 58px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(56, 189, 248, 0.08);
    background: rgba(2, 6, 23, 0.16);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat {
    min-width: 0;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 7px;
    padding: 5px 9.5px;
    border-left: 1px solid rgba(56, 189, 248, 0.08);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat:first-child {
    border-left: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat span {
    grid-row: 1 / 3;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 0;
    color: #67e8f9;
    background: rgba(14, 165, 233, 0.10);
    border: 1px solid rgba(56, 189, 248, 0.14);
    font-size: 0.85rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat strong {
    color: #ffffff;
    font-size: 0.91rem;
    line-height: 1;
    font-weight: 950;
    white-space: nowrap;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat small {
    color: rgba(203, 213, 225, 0.68);
    font-size: 0.85rem;
    line-height: 1.05;
    white-space: nowrap;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bottom-hud {
    position: relative;
    z-index: 24;
    width: 100%;
    max-width: 100%;
    height: clamp(48px, 5.7dvh, 60px);
    margin: clamp(8px, 1dvh, 12px) auto 0;
    padding: 0 clamp(26px, 2.6vw, 48px);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-feed-bar {
    height: 100%;
    display: grid;
    grid-template-columns: clamp(160px, 13vw, 210px) minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden;
    border-radius: 12px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border-right: 1px solid rgba(56, 189, 248, 0.10);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-title {
    color: #38bdf8;
    font-size: 0.85rem;
    font-weight: 950;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    white-space: nowrap;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.78);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: 100%;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-metric-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 10px;
    padding: 7.5px 14px;
    border-left: 1px solid rgba(56, 189, 248, 0.08);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-metric-card:first-child {
    border-left: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-metric-icon {
    grid-row: 1 / 3;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #93c5fd;
    background: rgba(15, 23, 42, 0.56);
    border: 1px solid rgba(56, 189, 248, 0.12);
    font-size: 0.85rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-metric-card strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
    font-weight: 950;
    white-space: nowrap;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-metric-card small {
    color: rgba(203, 213, 225, 0.66);
    font-size: 0.85rem;
    line-height: 1.08;
    text-transform: uppercase;
    white-space: nowrap;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: 100%;
}

@media (max-height: 820px) and (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
        height: 48px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        height: clamp(294px, 36dvh, 344px);
        padding-top: 26px;
        padding-right: clamp(336px, 22vw, 380px);
        padding-bottom: 8px;
        padding-left: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        font-size: clamp(2.25rem, 3.1vw, 3.55rem);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        top: 58px;
        width: min(34vw, 450px);
        height: min(34vw, 450px);
        min-width: 340px;
        min-height: 340px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        top: 72px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper {
        height: 424px;
        min-height: 424px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
        margin-top: -6px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
        min-height: 184px;
        padding-top: 24px;
        padding-left: 132px;
        padding-bottom: 58px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
        width: 88px;
        height: 88px;
        left: 24px;
        top: 34px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
        min-height: 52px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bottom-hud {
        display: none;
    }
}

@media (max-width: 1100px) {
    body[data-yh-page="apply"] {
        height: auto;
        overflow-y: auto;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step {
        position: static;
        height: auto;
        min-height: 100dvh;
        overflow: visible;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        height: auto;
        min-height: 100dvh;
        overflow: visible;
        padding: 18px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
        height: auto;
        grid-template-columns: 1fr;
        row-gap: 14px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-nav,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-access-btn {
        grid-column: 1;
        justify-self: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-access-btn {
        display: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        height: auto;
        padding: 42px 0 24px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        width: 100%;
        max-width: 620px;
        margin: 0 auto;
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill {
        margin-left: auto;
        margin-right: auto;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        position: relative;
        left: auto;
        top: auto;
        width: min(88vw, 520px);
        height: min(88vw, 520px);
        min-width: 0;
        min-height: 0;
        margin: -20px auto 0;
        transform: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        position: relative;
        top: auto;
        right: auto;
        width: min(100%, 390px);
        max-width: 390px;
        min-width: 0;
        margin: 20px auto 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
        margin-top: 26px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-grid,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-metrics {
        grid-template-columns: 1fr;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bottom-hud,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-feed-bar {
        height: auto;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-feed-bar {
        grid-template-columns: 1fr;
    }
}

/* END PATCH: YH Landing command layout source v14 */

/* PATCH: Dashboard embedded Academy Roadmap full-width repair v1 */

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"],
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] {
    
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .dashboard-layout,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .dashboard-layout,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-wrapper,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-wrapper {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat .chat-header,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat .chat-header {
    flex: 0 0 auto !important;
    min-height: 68px !important;
    height: auto !important;
    padding: 20px 24px !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat .chat-messages,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat .chat-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    padding: 24px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .academy-messages-inbox,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .academy-messages-inbox {
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    display: block !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .academy-messages-thread-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .academy-messages-thread-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    height: auto !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] #dynamic-chat-history,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] #dynamic-chat-history {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    gap: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .welcome-embed,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .welcome-embed,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .academy-home-stack,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .academy-home-stack,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transformation-system,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transformation-system,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-main,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-grid,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-grid {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transform-grid,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transform-grid {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-mission-track,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-mission-track {
    max-height: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .academy-home-panel,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .academy-home-panel,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-hero,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-clean-hero,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transform-card,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transform-card,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-mission-board,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-mission-board {
    width: 100% !important;
    max-width: none !important;
    border-color: rgba(56, 189, 248, 0.18) !important;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(8, 18, 33, 0.18), rgba(2, 8, 23, 0.18)) !important;
}

body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .academy-home-stack > *,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .academy-home-stack > * {
    width: 100% !important;
    max-width: none !important;
}

@media (max-width: 1180px) {
    body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transform-grid,
    body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-transform-grid,
    body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-mission-track,
    body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat[data-chat-mode="home"] .roadmap-mission-track {
        grid-template-columns: 1fr !important;
    }
}

/* END PATCH: Dashboard embedded Academy Roadmap full-width repair v1 */

/* END PATCH 1.6: Background Dominance + Auth Fit + Hero Cleanup */

/* PATCH: YH Landing source-of-truth collaboration v13
   Clean minimal layout:
   - Pure CSS owns composition, spacing, sizing.
   - Tailwind skin owns cards, buttons, terminal glass.
*/
@media (min-width: 1101px) {
    html:has(body[data-yh-page="apply"]),
    body[data-yh-page="apply"] {
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
        background: #02050d;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #02050d;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        position: relative;
        isolation: isolate;
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        padding: clamp(10px, 0.9vw, 16px) clamp(22px, 2.3vw, 42px) clamp(14px, 1.6dvh, 24px);
        overflow: hidden;
        background:
            radial-gradient(circle at 54% 18%, rgba(37, 99, 235, 0.14), transparent 30%),
            radial-gradient(circle at 15% 80%, rgba(56, 189, 248, 0.06), transparent 28%),
            linear-gradient(180deg, #02040b 0%, #050b18 58%, #01030a 100%);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell::before {
        content: "";
        position: absolute;
        inset: 10px;
        z-index: 0;
        pointer-events: none;
        border: 1px solid rgba(56, 189, 248, 0.08);
        border-radius: 24px;
        background:
            linear-gradient(rgba(56, 189, 248, 0.012) 1px, transparent 1px),
            linear-gradient(90deg, rgba(56, 189, 248, 0.012) 1px, transparent 1px);
        background-size: 80px 80px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-image,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-overlay {
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg {
        z-index: 0;
        overflow: hidden;
        opacity: 0.62;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: saturate(1.02) contrast(1.04) brightness(0.54);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-overlay {
        background:
            radial-gradient(circle at 52% 34%, rgba(14, 165, 233, 0.04), transparent 30%),
            linear-gradient(90deg, rgba(2, 6, 23, 0.52), rgba(2, 6, 23, 0.12) 48%, rgba(2, 6, 23, 0.56)),
            linear-gradient(180deg, rgba(2, 6, 23, 0.08), rgba(2, 6, 23, 0.38));
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero {
        position: relative;
        z-index: 5;
        width: min(100%, 1480px);
        margin: 0 auto;
        height: auto;
        padding: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
        position: relative;
        z-index: 80;
        width: 100%;
        height: clamp(50px, 5.2dvh, 60px);
        margin: 0 auto;
        padding: 0 clamp(16px, 1.4vw, 26px);
        display: grid;
        grid-template-columns: minmax(220px, 0.9fr) minmax(360px, 1fr) minmax(220px, 0.85fr);
        align-items: center;
        gap: clamp(14px, 1.4vw, 24px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand {
        justify-self: start;
        gap: 12px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    white-space: nowrap;
}

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand-logo {
        width: clamp(28px, 1.8vw, 34px);
        height: clamp(28px, 1.8vw, 34px);
        object-fit: contain;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand-name {
        font-size: clamp(0.95rem, 0.98vw, 1.03rem);
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    line-height: 1;
    white-space: nowrap;
}

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-nav {
        justify-self: center;
        height: 40px;
        min-width: min(470px, 35vw);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: clamp(18px, 1.6vw, 28px);
        padding: 0 18px;
        border-radius: 999px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-nav a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        padding: 0 8px;
        color: rgba(226, 232, 240, 0.72);
        font-size: clamp(0.85rem, 0.9vw, 0.95rem);
        font-weight: 900;
        letter-spacing: 0.10em;
        text-decoration: none;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status {
        justify-self: end;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        column-gap: 8px;
        align-items: center;
        color: #ffffff;
        font-size: clamp(0.91rem, 0.92vw, 1rem);
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        line-height: 1;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-status-dot {
        grid-row: 1 / 2;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #22c55e;
        box-shadow: 0 0 14px rgba(34, 197, 94, 0.55);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status small {
        grid-column: 2;
        color: rgba(226, 232, 240, 0.78);
        font-size: 0.68em;
        font-weight: 800;
        letter-spacing: 0.08em;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status strong {
        color: #22c55e;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        position: relative;
        z-index: 8;
        width: 100%;
        height: calc(100dvh - 292px);
        min-height: 0;
        margin: 0 auto;
        padding:
            clamp(56px, 7dvh, 82px)
            clamp(378px, 25.5vw, 412px)
            0
            0;
        display: block;
        overflow: visible;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        position: relative;
        z-index: 35;
        width: min(34vw, 500px);
        max-width: 500px;
        margin-left: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill {
        width: max-content;
        max-width: 100%;
        margin: 0 0 14px;
        padding: 7px 15px;
        border-radius: 999px;
        font-size: clamp(0.85rem, 0.92vw, 1rem);
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        width: 100%;
        max-width: 500px;
        margin: 0 0 16px;
        color: #ffffff;
        font-family: Impact, Haettenschweiler, "Arial Narrow", "Roboto Condensed", "Poppins", sans-serif;
        font-size: clamp(3rem, 4vw, 4.7rem);
        line-height: 0.90;
        letter-spacing: 0.01em;
        font-weight: 900;
        text-transform: uppercase;
        white-space: normal;
        text-wrap: balance;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title-gradient {
        color: inherit;
        background: none;
        -webkit-text-fill-color: currentColor;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
        max-width: 400px;
        margin: 0 0 12px;
        color: #ffffff;
        font-size: clamp(1rem, 0.94vw, 1.03rem);
        line-height: 1.36;
        font-weight: 850;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        max-width: 430px;
        margin: 0;
        color: rgba(226, 232, 240, 0.70);
        font-size: clamp(0.95rem, 1vw, 1.03rem);
        line-height: 1.52;
        font-weight: 400;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        position: absolute;
        z-index: 12;
        left: 53%;
        top: clamp(94px, 10.8dvh, 122px);
        width: clamp(396px, 31vw, 510px);
        height: clamp(396px, 31vw, 510px);
        min-width: 396px;
        min-height: 396px;
        transform: translateX(-42%);
        pointer-events: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-stage-wrap,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-world-map {
        width: 100%;
        height: 100%;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage {
        position: relative;
        overflow: visible;
        border-radius: 999px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-visual-glow {
        position: absolute;
        inset: -6%;
        border-radius: 999px;
        background: radial-gradient(circle, rgba(56, 189, 248, 0.16), transparent 66%);
        filter: blur(6px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-stage-wrap {
        position: relative;
        z-index: 3;
        border-radius: 999px;
        overflow: visible;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-overlay {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        pointer-events: none;
        background:
            radial-gradient(circle at 28% 22%, rgba(255,255,255,0.12), transparent 16%),
            radial-gradient(circle at 64% 62%, transparent 44%, rgba(2,6,23,0.30) 76%);
        mix-blend-mode: screen;
        opacity: 0.48;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-shine {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        pointer-events: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        position: absolute;
        z-index: 90;
        top: clamp(88px, 10dvh, 108px);
        right: clamp(18px, 1.8vw, 30px);
        width: clamp(344px, 22.4vw, 370px);
        max-width: 370px;
        min-width: 344px;
        margin: 0;
        padding: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-section-head,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-left.yh-auth-panel-left,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-bottom-logos,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .step1-logo {
        display: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card.form-card-ultrawide {
        width: 100%;
        max-width: none;
        min-height: 0;
        height: auto;
        margin: 0;
        padding: 0;
        display: block;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper {
        position: relative;
        width: 100%;
        height: clamp(434px, 48dvh, 478px);
        max-height: 478px;
        min-height: 434px;
        perspective: 1500px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-inner {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        padding: 22px 22px 20px;
        border-radius: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back {
        overflow: auto;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .auth-center-wrapper {
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-head {
        margin-bottom: 12px;
        gap: 5px;
        text-align: left;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-kicker {
        font-size: 0.91rem;
        font-weight: 900;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .main-title {
        margin: 0;
        font-size: 1.10rem;
        line-height: 1.06;
        letter-spacing: 0.10em;
        font-weight: 850;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .step1-subtitle {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.34;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .login-ui-container {
        width: 100%;
        max-width: none;
        align-items: stretch;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .pill-input,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-login-password-shell {
        width: 100%;
        min-height: 38px;
        margin-bottom: 8px;
        border-radius: 0;
        text-align: left;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .pill-input {
        padding: 10px 14px;
        font-size: 0.95rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-login-password-input {
        margin-bottom: 0;
        padding-right: 70px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-login-password-toggle {
        right: 7px;
        min-height: 28px;
        min-width: 52px;
        font-size: 0.91rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .forgot-link {
        margin: 0 0 10px;
        font-size: 0.91rem;
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-terminal-scan {
        width: 100%;
        min-height: 72px;
        margin: 0 0 12px;
        padding: 12px 13px;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-rows: auto 6px;
        column-gap: 10px;
        row-gap: 8px;
        align-items: center;
        border-radius: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-scan-icon {
        grid-row: 1 / 2;
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 999px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-scan-copy {
        min-width: 0;
        display: grid;
        gap: 2px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-scan-copy strong {
        font-size: 0.95rem;
        line-height: 1.15;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-scan-copy span {
        font-size: 0.91rem;
        line-height: 1.2;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-scan-bar {
        grid-column: 1 / 3;
        width: 100%;
        height: 4px;
        border-radius: 999px;
        overflow: hidden;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #btn-login,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-create-account-btn {
        width: 100%;
        min-height: 40px;
        border-radius: 0;
        font-size: 0.91rem;
        line-height: 1;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-auth-divider {
        margin: 8px 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-footer {
        margin-top: 6px;
        font-size: 0.85rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
        position: absolute;
        z-index: 60;
        left: clamp(22px, 2vw, 32px);
        right: clamp(22px, 2vw, 32px);
        bottom: clamp(14px, 1.8dvh, 22px);
        width: auto;
        max-width: none;
        margin: 0;
        padding: clamp(18px, 1.25vw, 24px) clamp(18px, 1.35vw, 26px) clamp(20px, 1.45vw, 26px);
        border-radius: 24px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-section-head {
        justify-content: center;
        margin-bottom: clamp(12px, 1.1dvh, 16px);
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-section-kicker {
        font-size: clamp(0.85rem, 0.84vw, 0.95rem);
        letter-spacing: 0.16em;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-section-title {
        margin: 4px 0 0;
        font-size: clamp(1rem, 1.14vw, 1.32rem);
        line-height: 1;
        letter-spacing: 0.17em;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(16px, 1.25vw, 22px);
        align-items: stretch;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
        position: relative;
        min-height: 190px;
        max-height: 190px;
        padding: 28px 26px 58px 152px;
        overflow: hidden;
        border-radius: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-top {
        display: block;
        margin: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-arrow {
        width: 34px;
        height: 34px;
        top: 24px;
        right: 24px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
        position: absolute;
        width: 100px;
        height: 100px;
        left: 30px;
        top: 50%;
        transform: translateY(-55%);
        object-fit: contain;
        padding: 12px;
        border-radius: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-status {
        width: max-content;
        max-width: calc(100% - 52px);
        min-height: 24px;
        padding: 7.5px 15px;
        font-size: 0.91rem;
        line-height: 1;
        border-radius: 999px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card h3 {
        margin: 28px 0 8px;
        color: #ffffff;
        font-size: clamp(1.06rem, 1.12vw, 1.32rem);
        line-height: 1;
        letter-spacing: 0.10em;
        font-weight: 900;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card p {
        max-width: 360px;
        margin: 0;
        color: rgba(226, 232, 240, 0.74);
        font-size: clamp(0.95rem, 0.96vw, 1rem);
        line-height: 1.42;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid rgba(56, 189, 248, 0.10);
        background: rgba(2, 8, 23, 0.18);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat {
        min-width: 0;
        padding: 8.5px 14px;
        display: grid;
        grid-template-columns: auto minmax(0, auto);
        grid-template-rows: auto auto;
        column-gap: 8px;
        align-items: center;
        align-content: center;
        border-right: 1px solid rgba(56, 189, 248, 0.09);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat:last-child {
        border-right: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat span {
        grid-row: 1 / 3;
        width: 22px;
        height: 22px;
        display: grid;
        place-items: center;
        border-radius: 0;
        color: #7dd3fc;
        background: rgba(14, 165, 233, 0.10);
        border: 1px solid rgba(56, 189, 248, 0.18);
        font-size: 0.85rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat strong {
        color: #ffffff;
        font-size: 1rem;
        line-height: 1;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stat small {
        color: rgba(203, 213, 225, 0.58);
        font-size: 0.85rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bottom-hud,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-live-feed-bar {
        display: none;
    }
}

@media (max-height: 820px) and (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
        height: 48px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        height: calc(100dvh - 228px);
        padding-top: 34px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        font-size: clamp(2.8rem, 3.8vw, 4.4rem);
        max-width: 480px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        top: 72px;
        width: clamp(400px, 31vw, 500px);
        height: clamp(400px, 31vw, 500px);
        min-width: 400px;
        min-height: 400px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        top: 76px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper {
        height: 424px;
        max-height: 424px;
        min-height: 424px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
        bottom: 10px;
        padding: 14px 18px 16px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-section-head {
        margin-bottom: 9px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
        min-height: 168px;
        max-height: 168px;
        padding: 24px 22px 50px 128px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
        width: 86px;
        height: 86px;
        left: 24px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card h3 {
        margin-top: 22px;
        font-size: 1.02rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card p {
        font-size: 0.95rem;
        line-height: 1.34;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
        height: 46px;
    }
}
/* END PATCH: YH Landing source-of-truth collaboration v13 */

/* PATCH: YH Landing upper-left hero and clean terminal v15 */
@media (min-width: 1101px) {
    html:has(body[data-yh-page="apply"]),
    body[data-yh-page="apply"] {
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
        background: #02050d;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        padding: 0;
        margin: 0;
        overflow: hidden;
        background: #02050d;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        position: relative;
        isolation: isolate;
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        padding: clamp(10px, 1vw, 16px) clamp(18px, 2vw, 34px) clamp(12px, 1.2vw, 18px);
        overflow: hidden;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero {
        position: relative;
        z-index: 5;
        width: 100%;
        max-width: none;
        height: auto;
        margin: 0;
        padding: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
        position: relative;
        z-index: 80;
        width: 100%;
        max-width: none;
        height: clamp(50px, 5.4dvh, 60px);
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 18px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-nav {
        display: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand {
        justify-self: start;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    white-space: nowrap;
}

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status {
        justify-self: end;
        grid-column: 3;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        position: relative;
        z-index: 8;
        width: 100%;
        max-width: none;
        height: calc(100dvh - clamp(300px, 33dvh, 360px));
        min-height: 0;
        margin: 0;
        padding:
            clamp(8px, 1.2dvh, 14px)
            clamp(350px, 23vw, 400px)
            0
            0;
        display: block;
        overflow: visible;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        position: relative;
        z-index: 35;
        width: min(42vw, 590px);
        max-width: 590px;
        margin: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill {
        width: max-content;
        max-width: 100%;
        margin: 0 0 clamp(12px, 1.4dvh, 16px);
        padding: 7px 15px;
        border-radius: 999px;
        font-size: clamp(0.85rem, 0.9vw, 1rem);
        line-height: 1;
        font-weight: 900;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        max-width: 11ch;
        margin: 0 0 clamp(10px, 1.2dvh, 14px);
        color: #ffffff;
        font-family: Impact, Haettenschweiler, "Arial Narrow", "Roboto Condensed", "Poppins", sans-serif;
        font-size: clamp(2.65rem, 3.75vw, 4.65rem);
        line-height: 0.88;
        letter-spacing: 0.01em;
        font-weight: 950;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title-gradient {
        color: inherit;
        background: none;
        -webkit-text-fill-color: currentColor;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
        max-width: 430px;
        margin: 0 0 10px;
        color: #ffffff;
        font-size: clamp(1rem, 0.94vw, 1.03rem);
        line-height: 1.34;
        font-weight: 850;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        max-width: 450px;
        margin: 0;
        color: rgba(226, 232, 240, 0.72);
        font-size: clamp(0.95rem, 1vw, 1.03rem);
        line-height: 1.52;
        font-weight: 400;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        position: absolute;
        z-index: 12;
        left: 53%;
        top: clamp(70px, 8.2dvh, 92px);
        width: min(35vw, 500px);
        height: min(35vw, 500px);
        min-width: 360px;
        min-height: 360px;
        transform: translateX(-42%);
        pointer-events: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        position: absolute;
        z-index: 90;
        top: clamp(68px, 7.8dvh, 86px);
        right: 0;
        width: clamp(344px, 22.4vw, 370px);
        max-width: 370px;
        min-width: 344px;
        margin: 0;
        padding: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-section-head,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-left.yh-auth-panel-left,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-bottom-logos,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .step1-logo {
        display: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card.form-card-ultrawide {
        width: 100%;
        max-width: none;
        min-height: 0;
        height: auto;
        margin: 0;
        padding: 0;
        display: block;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper {
        position: relative;
        width: 100%;
        height: clamp(444px, 49dvh, 482px);
        max-height: 482px;
        min-height: 444px;
        perspective: 1500px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-inner {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-front,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        padding: 22px 22px 20px;
        border-radius: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .auth-center-wrapper {
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-head {
        margin-bottom: 12px;
        gap: 5px;
        text-align: left;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .pill-input,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-login-password-shell {
        width: 100%;
        min-height: 38px;
        margin-bottom: 8px;
        border-radius: 0;
        text-align: left;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .forgot-link {
        margin: 0 0 10px;
        font-size: 0.91rem;
        text-align: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-access-terminal-scan {
        width: 100%;
        min-height: 72px;
        margin: 0 0 12px;
        padding: 12px 13px;
        border-radius: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #btn-login,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-create-account-btn {
        width: 100%;
        min-height: 40px;
        border-radius: 0;
        font-size: 0.91rem;
        line-height: 1;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-auth-divider {
        margin: 8px 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-terminal-footer {
        margin-top: 6px;
        font-size: 0.85rem;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
        position: absolute;
        z-index: 60;
        left: 0;
        right: 0;
        bottom: clamp(12px, 1.5dvh, 18px);
        width: auto;
        max-width: none;
        margin: 0;
        padding: clamp(18px, 1.25vw, 24px) clamp(18px, 1.35vw, 26px) clamp(20px, 1.45vw, 26px);
        border-radius: 24px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(18px, 1.35vw, 24px);
        align-items: stretch;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
        position: relative;
        min-height: clamp(202px, 21dvh, 230px);
        padding: 30px 28px 66px 158px;
        overflow: hidden;
        border-radius: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
        position: absolute;
        width: 106px;
        height: 106px;
        left: 30px;
        top: 44px;
        transform: none;
        object-fit: contain;
        padding: 12px;
        border-radius: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card h3 {
        margin: 28px 0 8px;
        color: #ffffff;
        font-size: clamp(1.08rem, 1.18vw, 1.36rem);
        line-height: 1.05;
        letter-spacing: 0.10em;
        font-weight: 900;
        text-transform: uppercase;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card p {
        max-width: 390px;
        margin: 0;
        color: rgba(226, 232, 240, 0.74);
        font-size: clamp(0.95rem, 0.96vw, 1rem);
        line-height: 1.44;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 58px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid rgba(56, 189, 248, 0.10);
        background: rgba(2, 8, 23, 0.18);
    }
}

@media (max-height: 820px) and (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
        height: 48px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        height: calc(100dvh - 300px);
        padding-top: 6px;
        padding-right: clamp(340px, 22vw, 385px);
        padding-left: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        font-size: clamp(2.3rem, 3.25vw, 3.85rem);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        top: 58px;
        width: min(33vw, 450px);
        height: min(33vw, 450px);
        min-width: 340px;
        min-height: 340px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        top: 66px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper {
        height: 424px;
        max-height: 424px;
        min-height: 424px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
        bottom: 10px;
        padding: 14px 18px 16px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
        min-height: 188px;
        padding: 24px 24px 58px 136px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
        width: 90px;
        height: 90px;
        left: 26px;
        top: 36px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
        min-height: 52px;
    }
}
/* END PATCH: YH Landing upper-left hero and clean terminal v15 */

/* PATCH: YH Landing hero align and scan sequence v16 */
@media (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        --yh-landing-terminal-top: clamp(88px, 10.2dvh, 112px);
        --yh-landing-copy-top: clamp(28px, 4.2dvh, 52px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-grid {
        position: relative;
        z-index: 8;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        position: absolute;
        z-index: 45;
        top: var(--yh-landing-copy-top);
        left: 0;
        width: min(42vw, 590px);
        max-width: 590px;
        margin: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        top: var(--yh-landing-terminal-top);
    }
}

@media (max-height: 820px) and (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        --yh-landing-terminal-top: clamp(72px, 8.5dvh, 92px);
        --yh-landing-copy-top: clamp(18px, 3.2dvh, 34px);
    }
}

body[data-yh-page="apply"] .yh-access-terminal-scan {
    position: relative;
}

body[data-yh-page="apply"] .yh-access-terminal-scan .yh-access-scan-copy span {
    display: block;
    min-height: 1.05em;
    transition: color 0.18s ease;
}

body[data-yh-page="apply"] .yh-access-terminal-scan .yh-access-scan-bar {
    overflow: hidden;
}

body[data-yh-page="apply"] .yh-access-terminal-scan .yh-access-scan-bar span {
    display: block;
    width: 0%;
    transition: width 0.08s linear, box-shadow 0.18s ease;
}

body[data-yh-page="apply"] .yh-access-terminal-scan.is-scanning .yh-access-scan-icon {
    animation: yhAccessScanPulse 0.68s ease-in-out infinite alternate;
}

body[data-yh-page="apply"] .yh-access-terminal-scan.is-scanning .yh-access-scan-copy span {
    color: #7dd3fc;
}

body[data-yh-page="apply"] .yh-access-terminal-scan.is-complete .yh-access-scan-copy span {
    color: #22c55e;
}

body[data-yh-page="apply"] .yh-access-terminal-scan.is-error .yh-access-scan-copy span {
    color: #f87171;
}

@keyframes yhAccessScanPulse {
    from {
        transform: scale(1);
        filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.32));
    }

    to {
        transform: scale(1.08);
        filter: drop-shadow(0 0 14px rgba(56, 189, 248, 0.76));
    }
}
/* END PATCH: YH Landing hero align and scan sequence v16 */

/* PATCH: YH Landing division copy clearance v17 */
@media (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
        min-height: clamp(220px, 23dvh, 252px);
        padding-top: clamp(22px, 1.55vw, 28px);
        padding-right: clamp(22px, 1.6vw, 30px);
        padding-bottom: clamp(88px, 8.2dvh, 98px);
        padding-left: clamp(148px, 9vw, 164px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
        top: clamp(34px, 3.1dvh, 42px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-status {
        min-height: 21px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card h3 {
        margin: clamp(9px, 1dvh, 14px) 0 6px;
        line-height: 1.02;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card p {
        max-width: min(430px, calc(100% - 4px));
        font-size: clamp(0.91rem, 0.9vw, 0.95rem);
        line-height: 1.32;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
        min-height: 54px;
    }
}

@media (max-height: 820px) and (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card {
        min-height: clamp(206px, 22dvh, 232px);
        padding-top: 20px;
        padding-right: 24px;
        padding-bottom: 82px;
        padding-left: clamp(140px, 8.4vw, 152px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-icon {
        width: clamp(90px, 5.7vw, 100px);
        height: clamp(90px, 5.7vw, 100px);
        left: clamp(24px, 1.8vw, 30px);
        top: 34px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card h3 {
        margin: 8px 0 5px;
        font-size: clamp(0.98rem, 1.08vw, 1.24rem);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card p {
        font-size: clamp(0.85rem, 0.88vw, 0.95rem);
        line-height: 1.26;
        max-width: 420px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-command-division-stats {
        min-height: 50px;
    }
}
/* END PATCH: YH Landing division copy clearance v17 */

/* PATCH: YH Landing centered globe stage v23 */
@media (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        --yh-landing-terminal-width: clamp(344px, 22.4vw, 370px);
        --yh-landing-copy-clearance: clamp(560px, 35.5vw, 640px);

        /* Keep size and horizontal alignment exactly from v21/v22 */
        --yh-landing-globe-size: clamp(520px, 39vw, 690px);
        --yh-landing-globe-nudge-x: clamp(-148px, -6.4vw, -108px);
        --yh-landing-globe-center-x: calc(((var(--yh-landing-copy-clearance) + (100% - var(--yh-landing-terminal-width))) / 2) + var(--yh-landing-globe-nudge-x));

        /* Raised more: smaller top value = higher globe */
        --yh-landing-globe-top: clamp(-10px, 1.6dvh, 18px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-visual {
        left: var(--yh-landing-globe-center-x);
        top: var(--yh-landing-globe-top);
        width: var(--yh-landing-globe-size);
        height: var(--yh-landing-globe-size);
        min-width: var(--yh-landing-globe-size);
        min-height: var(--yh-landing-globe-size);
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-globe-stage,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-map-stage-wrap,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-world-map {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-world-map > div,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-world-map canvas {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }
}

@media (max-height: 820px) and (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        --yh-landing-copy-clearance: clamp(520px, 34vw, 610px);
        --yh-landing-globe-size: clamp(368px, 30vw, 470px);
        --yh-landing-globe-nudge-x: clamp(-104px, -4.8vw, -76px);

        /* Short screens: raised, but still safe from header */
        --yh-landing-globe-top: clamp(20px, 3dvh, 34px);
    }
}
/* END PATCH: YH Landing centered globe stage v23 */

/* PATCH: YH Landing register face repair v26 */
/*
   Register terminal compact correction:
   - removes oversized v25 height
   - keeps Create Account button visible
   - removes huge empty bottom space
   - keeps existing IDs/classes intact
*/

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card:has(.flip-card-inner.is-flipped) {
    min-height: 0;
    height: auto;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper:has(.flip-card-inner.is-flipped) {
    height: min(540px, calc(100dvh - 42px));
    min-height: 0;
    max-height: calc(100dvh - 28px);
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back {
    padding: 16px 20px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-padding-bottom: 24px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back .btn-back-icon {
    position: static;
    inset: auto;
    width: max-content;
    min-height: 20px;
    margin: 0 0 8px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    color: rgba(203, 213, 225, 0.78);
    font-size: 0.8rem;
    line-height: 1;
    background: transparent;
    border: 0;
    z-index: 6;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back .auth-center-wrapper {
    height: auto;
    min-height: 0;
    margin: 0;
    padding-bottom: 0;
    justify-content: flex-start;
    align-items: stretch;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back .text-center.mb-large.mt-small {
    margin: 0 0 9px;
    padding: 0;
    text-align: center;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back .step1-logo {
    display: none;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back .step1-title {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: clamp(1.03rem, 0.96vw, 1.06rem);
    line-height: 1.04;
    letter-spacing: 0.075em;
    font-weight: 950;
    text-transform: uppercase;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back .step1-subtitle {
    margin: 0;
    color: rgba(203, 213, 225, 0.78);
    font-size: 0.91rem;
    line-height: 1.3;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-register-form {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 7px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .form-row,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .form-row-last,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-register-form .form-row,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-register-form .form-row-last {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
    margin: 0;
    align-items: stretch;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple > .form-group {
    margin: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .form-group {
    min-width: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .form-group label {
    margin: 0 0 4px;
    color: rgba(203, 213, 225, 0.82);
    font-size: 0.85rem;
    line-height: 1.12;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .input-field,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .yh-password-shell {
    width: 100%;
    min-height: 34px;
    margin: 0;
    border-radius: 9px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .input-field {
    padding: 8px 11px;
    font-size: 0.95rem;
    line-height: 1.15;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .yh-password-input {
    padding-right: 58px;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .yh-password-toggle {
    right: 6px;
    min-width: 44px;
    min-height: 24px;
    border-radius: 7px;
    font-size: 0.85rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .yh-upload-shell {
    margin: 0;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .yh-upload-label {
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 9px;
    font-size: 0.91rem;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .yh-upload-help {
    margin: 5px 0 0;
    color: rgba(203, 213, 225, 0.68);
    font-size: 0.85rem;
    line-height: 1.28;
}

body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #btn-register {
    position: static;
    bottom: auto;
    z-index: 3;
    min-height: 42px;
    margin: 5px 0 0;
    padding: 11px 14px;
    border-radius: 0;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
    font-size: 0.95rem;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #38bdf8, #2563eb);
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.26);
}

@media (max-width: 1100px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        width: min(94vw, 430px);
        max-width: 430px;
        margin-top: 16px;
        margin-bottom: 24px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper:has(.flip-card-inner.is-flipped) {
        height: min(540px, calc(100dvh - 22px));
        min-height: 0;
        max-height: calc(100dvh - 14px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back {
        padding: 15px 18px 18px;
        scroll-padding-bottom: 24px;
    }
}

@media (max-width: 520px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section.yh-landing-auth-wrap {
        width: min(94vw, 390px);
        max-width: 390px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .panel-right-wrapper:has(.flip-card-inner.is-flipped) {
        height: min(530px, calc(100dvh - 18px));
        min-height: 0;
        max-height: calc(100dvh - 10px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-auth-card .flip-card-back {
        padding: 14px 17px 17px;
        scroll-padding-bottom: 22px;
    }
}

@media (max-width: 360px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .form-row,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section #form-register-simple .form-row-last,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-register-form .form-row,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-auth-section .yh-register-form .form-row-last {
        grid-template-columns: 1fr;
    }
}
/* END PATCH: YH Landing register face repair v26 */

/* PATCH: YH Landing command center dressing polish v27 */
/*
  Dressing polish only.
  This intentionally does not target .yh-landing-hero-visual,
  #yh-world-map, or the globe position variables.
*/

@media (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        background:
            radial-gradient(circle at 52% 15%, rgba(56, 189, 248, 0.08), transparent 32%),
            radial-gradient(circle at 82% 72%, rgba(37, 99, 235, 0.06), transparent 30%),
            linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20));
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
            linear-gradient(rgba(125, 211, 252, 0.026) 1px, transparent 1px),
            linear-gradient(90deg, rgba(125, 211, 252, 0.018) 1px, transparent 1px),
            radial-gradient(circle at 50% 120%, rgba(56, 189, 248, 0.08), transparent 38%);
        background-size: 84px 84px, 84px 84px, auto;
        mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 88%, transparent 100%);
        opacity: 0.54;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-topbar {
        border-bottom-color: rgba(96, 165, 250, 0.16);
        background:
            linear-gradient(180deg, rgba(8, 17, 34, 0.56), rgba(2, 6, 23, 0.06));
        box-shadow:
            inset 0 -1px 0 rgba(56, 189, 248, 0.08),
            0 18px 44px rgba(0, 0, 0, 0.22);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-brand-name {
        letter-spacing: 0.11em;
        text-shadow: 0 0 18px rgba(56, 189, 248, 0.16);
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    min-width: max-content;
    line-height: 1;
    white-space: nowrap;
}

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-top-status {
        padding: 4px 0 4px 18px;
        border-left: 1px solid rgba(56, 189, 248, 0.10);
        text-shadow: 0 0 14px rgba(56, 189, 248, 0.10);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-pill,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-section-kicker,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-terminal-kicker {
        text-shadow: 0 0 16px rgba(59, 130, 246, 0.38);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        text-shadow:
            0 10px 34px rgba(0, 0, 0, 0.54),
            0 0 18px rgba(148, 163, 184, 0.12);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section {
        background:
            radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.08), transparent 32%),
            linear-gradient(180deg, rgba(7, 16, 33, 0.74), rgba(2, 6, 23, 0.88));
        border-color: rgba(96, 165, 250, 0.18);
        box-shadow:
            0 -16px 54px rgba(0, 0, 0, 0.24),
            0 0 0 1px rgba(56, 189, 248, 0.04),
            inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section::before,
    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section::after {
        content: "";
        position: absolute;
        left: clamp(20px, 1.4vw, 28px);
        right: clamp(20px, 1.4vw, 28px);
        height: 1px;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.20), transparent);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section::before {
        top: 0;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section::after {
        bottom: 0;
        opacity: 0.55;
    }
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-division-arrow,
body[data-yh-page="apply"] #step-1.yh-landing-step #btn-login,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-terminal-create-account-btn,
body[data-yh-page="apply"] #step-1.yh-landing-step #btn-register {
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-division-arrow:hover,
body[data-yh-page="apply"] #step-1.yh-landing-step #btn-login:hover,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-terminal-create-account-btn:hover,
body[data-yh-page="apply"] #step-1.yh-landing-step #btn-register:hover {
    transform: translateY(-1px);
}

body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-division-arrow:active,
body[data-yh-page="apply"] #step-1.yh-landing-step #btn-login:active,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-terminal-create-account-btn:active,
body[data-yh-page="apply"] #step-1.yh-landing-step #btn-register:active {
    transform: translateY(0) scale(0.985);
}

@media (prefers-reduced-motion: reduce) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-division-arrow,
    body[data-yh-page="apply"] #step-1.yh-landing-step #btn-login,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-terminal-create-account-btn,
    body[data-yh-page="apply"] #step-1.yh-landing-step #btn-register {
        transition: none;
    }
}
/* END PATCH: YH Landing command center dressing polish v27 */

/* PATCH: YH Landing live-site bg and title restore v29 */
/*
   Restore live-site feel:
   - clearer YH premium background image
   - less dark overlay
   - condensed premium title typography
   - keeps globe position/size untouched
   - does not target .yh-landing-hero-visual or #yh-world-map
*/

@media (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-shell {
        background: transparent;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-image {
        opacity: 0.92;
        transform: scale(1.002);
        object-position: center top;
        filter:
            saturate(1.18)
            contrast(1.08)
            brightness(1.08);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-bg-overlay {
        background:
            radial-gradient(circle at 52% 24%, rgba(56, 189, 248, 0.08), transparent 34%),
            radial-gradient(circle at 80% 68%, rgba(37, 99, 235, 0.055), transparent 34%),
            linear-gradient(90deg, rgba(2, 6, 23, 0.10) 0%, rgba(2, 6, 23, 0.02) 46%, rgba(2, 6, 23, 0.10) 100%),
            linear-gradient(180deg, rgba(2, 6, 23, 0.00) 0%, rgba(2, 6, 23, 0.18) 64%, rgba(2, 6, 23, 0.38) 100%);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-hero-copy {
        width: min(41vw, 590px);
        max-width: 590px;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        max-width: min(43vw, 640px);
        margin-bottom: clamp(12px, 1.4dvh, 18px);
        font-family: "Arial Narrow", "Roboto Condensed", "Oswald", "Bebas Neue", Impact, sans-serif;
        font-size: clamp(3.2rem, 4.35vw, 5.9rem);
        line-height: 0.88;
        letter-spacing: 0.018em;
        font-weight: 800;
        font-stretch: condensed;
        color: #ffffff;
        text-transform: uppercase;
        text-shadow:
            0 10px 34px rgba(0, 0, 0, 0.58),
            0 0 20px rgba(125, 211, 252, 0.12);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title-gradient {
        color: inherit;
        background: none;
        -webkit-text-fill-color: currentColor;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
        max-width: 470px;
        font-size: clamp(1rem, 0.94vw, 1.03rem);
        line-height: 1.34;
        font-weight: 850;
        color: rgba(255, 255, 255, 0.94);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        max-width: 470px;
        font-size: clamp(0.95rem, 0.98vw, 1.03rem);
        line-height: 1.54;
        color: rgba(226, 232, 240, 0.74);
    }
}

@media (max-height: 820px) and (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title {
        max-width: min(44vw, 620px);
        font-size: clamp(2.9rem, 4.05vw, 5.15rem);
        line-height: 0.88;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-narrative {
        font-size: clamp(0.95rem, 1vw, 1.03rem);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-subtitle {
        font-size: clamp(0.95rem, 0.94vw, 1rem);
    }
}
/* END PATCH: YH Landing live-site bg and title restore v29 */

/* PATCH: YH Landing glass blend opacity tuning v33 */
/*
   Goal:
   - Make Access Terminal form more transparent.
   - Make Three Divisions container/cards more transparent.
   - Let the live background/globe area show through better.
   - Keep globe position, globe size, hero layout, card size, and text untouched.
*/

@media (min-width: 1101px) {
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-section {
        background:
            radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.026), transparent 46%),
            linear-gradient(180deg, rgba(4, 12, 27, 0.22), rgba(2, 6, 23, 0.10));
        border-color: rgba(96, 165, 250, 0.10);
        box-shadow:
            0 12px 30px rgba(0, 0, 0, 0.14),
            inset 0 1px 0 rgba(255, 255, 255, 0.020);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-section::before,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-section::after {
        opacity: 0.22;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .flip-card-front,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .flip-card-back {
        border-color: rgba(96, 165, 250, 0.15);
        background:
            radial-gradient(circle at 86% 4%, rgba(56, 189, 248, 0.052), transparent 34%),
            radial-gradient(circle at 12% 100%, rgba(37, 99, 235, 0.034), transparent 34%),
            linear-gradient(180deg, rgba(13, 27, 49, 0.46), rgba(5, 11, 24, 0.55));
        box-shadow:
            0 14px 36px rgba(0, 0, 0, 0.23),
            0 0 18px rgba(37, 99, 235, 0.065),
            inset 0 1px 0 rgba(255, 255, 255, 0.034);
        backdrop-filter: blur(7px) saturate(1.04);
        -webkit-backdrop-filter: blur(7px) saturate(1.04);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .flip-card-front::before,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .flip-card-back::before {
        border-color: rgba(56, 189, 248, 0.055);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .flip-card-front::after,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .flip-card-back::after {
        opacity: 0.08;
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .pill-input,
    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .yh-login-password-shell {
        background: rgba(30, 49, 78, 0.46);
        border-color: rgba(148, 163, 184, 0.16);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-terminal-skin .yh-access-terminal-scan {
        background:
            radial-gradient(circle at 8% 16%, rgba(56, 189, 248, 0.045), transparent 36%),
            rgba(2, 8, 23, 0.30);
        border-color: rgba(56, 189, 248, 0.11);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-card-skin {
        box-shadow:
            0 10px 26px rgba(0, 0, 0, 0.18),
            0 0 18px rgba(14, 165, 233, 0.038),
            inset 0 1px 0 rgba(255, 255, 255, 0.032);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-card-academy-skin {
        border-color: rgba(34, 197, 94, 0.13);
        background:
            radial-gradient(circle at 12% 48%, rgba(34, 197, 94, 0.078), transparent 28%),
            linear-gradient(135deg, rgba(56, 189, 248, 0.045), transparent 24%),
            linear-gradient(225deg, rgba(34, 197, 94, 0.030), transparent 32%),
            repeating-linear-gradient(90deg, rgba(56, 189, 248, 0.010) 0 1px, transparent 1px 38px),
            linear-gradient(180deg, rgba(6, 32, 31, 0.40), rgba(5, 10, 22, 0.48));
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-card-plaza-skin {
        border-color: rgba(56, 189, 248, 0.14);
        background:
            radial-gradient(circle at 12% 48%, rgba(56, 189, 248, 0.095), transparent 28%),
            linear-gradient(135deg, rgba(56, 189, 248, 0.052), transparent 24%),
            repeating-linear-gradient(90deg, rgba(56, 189, 248, 0.010) 0 1px, transparent 1px 38px),
            linear-gradient(180deg, rgba(6, 30, 64, 0.42), rgba(5, 10, 22, 0.48));
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-card-federation-skin {
        border-color: rgba(56, 189, 248, 0.14);
        background:
            radial-gradient(circle at 12% 48%, rgba(56, 189, 248, 0.095), transparent 28%),
            linear-gradient(135deg, rgba(37, 99, 235, 0.052), transparent 24%),
            repeating-linear-gradient(90deg, rgba(56, 189, 248, 0.010) 0 1px, transparent 1px 38px),
            linear-gradient(180deg, rgba(8, 24, 44, 0.42), rgba(5, 10, 22, 0.48));
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-division-stats {
        background: rgba(2, 8, 23, 0.18);
        border-top-color: rgba(96, 165, 250, 0.075);
    }

    body[data-yh-page="apply"] #step-1.yh-landing-step .yh-command-division-stat {
        border-color: rgba(96, 165, 250, 0.075);
        background: rgba(2, 8, 23, 0.075);
    }
}
/* END PATCH: YH Landing glass blend opacity tuning v33 */

/* PATCH: YH Landing remove misaligned CSS orbit layer v32
   Removed the decorative .yh-landing-orbit DOM/CSS layer because it creates oversized ellipse lines
   that do not align with the actual globe sphere. Globe size and position are unchanged.
*/
/* END PATCH: YH Landing remove misaligned CSS orbit layer v32 */

/* PATCH: Dashboard Federation inline scroll ownership v2 */
@media (min-width: 1025px) {
    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] #universe-hub-view {
        overscroll-behavior: none !important;
        overflow-anchor: none !important;
    }

    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-workspace-frame-shell {
        height: clamp(650px, calc(100dvh - 132px), 960px) !important;
        min-height: 650px !important;
        max-height: 960px !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
        overflow-anchor: none !important;
        position: relative !important;
    }

    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-workspace-inline-frame {
        position: relative !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
        overflow-anchor: none !important;
    }

    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-child-workspace-loader,
    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-workspace-frame-shell.is-switching .yh-universe-child-workspace-loader {
        z-index: 40 !important;
    }
}
/* END PATCH: Dashboard Federation inline scroll ownership v2 */

/* PATCH: Dashboard Federation scroll and loader stabilization v2 */
@media (min-width: 1025px) {
    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] #universe-hub-view {
        overscroll-behavior: contain !important;
    }

    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-workspace-frame-shell {
        height: clamp(650px, calc(100dvh - 132px), 960px) !important;
        min-height: 650px !important;
        max-height: 960px !important;
        overflow: hidden !important;
        overscroll-behavior: contain !important;
        position: relative !important;
    }

    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-workspace-inline-frame {
        position: relative !important;
        z-index: 1 !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
        overscroll-behavior: contain !important;
    }

    body[data-yh-page="dashboard"][data-yh-view="hub"][data-yh-unified-division="federation"] .yh-universe-child-workspace-loader {
        z-index: 45 !important;
    }
}
/* END PATCH: Dashboard Federation scroll and loader stabilization v2 */

/* PATCH: YHU Solo Marie Blue landing support v40 */
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 {
    --yh-solo-bg: #020817;
    --yh-solo-panel: rgba(4, 18, 42, 0.88);
    --yh-solo-panel-soft: rgba(8, 31, 66, 0.72);
    --yh-solo-white: #f8fbff;
    --yh-solo-muted: rgba(226, 238, 255, 0.76);
    --yh-solo-ice: #dff7ff;
    --yh-solo-cyan: #67e8f9;
    --yh-solo-blue: #38bdf8;
    --yh-solo-royal: #2563eb;
    --yh-solo-deep: #0f2f7a;
    --yh-solo-aqua: #22d3ee;
    --yh-solo-gold: #f7c64b;
    --yh-solo-green: #22c55e;
    font-family: 'Rajdhani', 'Orbitron', 'Poppins', system-ui, sans-serif;
}

body[data-yh-page="apply"] #step-1.yh-solo-system-v34 .yh-landing-shell {
    background:
        radial-gradient(circle at 48% 0%, rgba(56, 189, 248, 0.18), transparent 36%),
        radial-gradient(circle at 82% 24%, rgba(37, 99, 235, 0.16), transparent 34%),
        radial-gradient(circle at 14% 76%, rgba(34, 211, 238, 0.10), transparent 36%),
        linear-gradient(180deg, rgba(2, 8, 23, 0.18), rgba(2, 8, 23, 0.82));
}

body[data-yh-page="apply"] #step-1.yh-solo-system-v34 .yh-landing-shell::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.30;
    background:
        linear-gradient(rgba(56, 189, 248, 0.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(103, 232, 249, 0.052) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(180deg, transparent 0%, black 12%, black 86%, transparent 100%);
}

body[data-yh-page="apply"] #step-1.yh-solo-system-v34 .yh-landing-shell::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.18;
    background:
        linear-gradient(180deg, transparent 0%, rgba(223, 247, 255, 0.04) 50%, transparent 100%);
    background-size: 100% 7px;
}
/* END PATCH: YHU Solo Marie Blue landing support v40 */

/* PATCH: YHU transparent divisions and softer glow v42 */
/* Makes the Three Divisions wrapper transparent so the background shows through. */
body[data-yh-page="apply"] #yh-divisions-section.yh-landing-section,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section.yh-landing-section,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 #yh-divisions-section.yh-landing-section {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Removes any decorative glass layer from the Three Divisions wrapper only. */
body[data-yh-page="apply"] #yh-divisions-section.yh-landing-section::before,
body[data-yh-page="apply"] #yh-divisions-section.yh-landing-section::after,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section.yh-landing-section::before,
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section.yh-landing-section::after,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 #yh-divisions-section.yh-landing-section::before,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 #yh-divisions-section.yh-landing-section::after {
    content: none;
    display: none;
}

/* Reduces the strong glow on the hero title so GLOBAL NETWORKING is readable. */
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title,
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-future-title-skin,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 .yh-landing-title,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 .yh-landing-future-title-skin {
    text-shadow:
        0 8px 24px rgba(0, 0, 0, 0.72),
        0 0 8px rgba(125, 211, 252, 0.12);
}

/* Keeps the Marie-blue color but removes the blinding glow from the highlighted word. */
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-title-gradient,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 .yh-landing-title-gradient {
    color: #e6faff;
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow:
        0 6px 18px rgba(0, 0, 0, 0.60),
        0 0 7px rgba(125, 211, 252, 0.16);
    filter: none;
}

/* Also softens the Three Divisions heading glow. */
body[data-yh-page="apply"] #step-1.yh-landing-step .yh-landing-section-title,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 .yh-landing-section-title {
    text-shadow:
        0 5px 16px rgba(0, 0, 0, 0.70),
        0 0 6px rgba(56, 189, 248, 0.10);
}

/* Slightly calms card glow while keeping the Solo-Leveling card shape. */
body[data-yh-page="apply"] #step-1.yh-landing-step #yh-divisions-section .yh-landing-division-card,
body[data-yh-page="apply"] #step-1.yh-solo-system-v34 #yh-divisions-section .yh-landing-division-card {
    box-shadow:
        0 22px 58px rgba(0, 0, 0, 0.44),
        0 0 0 1px rgba(223, 247, 255, 0.055),
        0 0 18px rgba(56, 189, 248, 0.10),
        inset 0 1px 0 rgba(223, 247, 255, 0.08);
}
/* END PATCH: YHU transparent divisions and softer glow v42 */

/* PATCH: YHU Dashboard Solo Purple support base v45 */
/*
  Dashboard support only.
  Visual ownership stays in yh-tailwind.input.css / yh-tailwind.css.
  Left sidebar visual rules are intentionally not included here.
*/

body[data-yh-page="dashboard"] {
    --bg-space: #020617;
    --glass-bg: rgba(6, 30, 64, 0.78);
    --glass-border: rgba(223, 247, 255, 0.22);
    --neon-blue: #38bdf8;
    --neon-glow: rgba(56, 189, 248, 0.30);
    --text-main: #f8fbff;
    --text-muted: #94a3b8;
    --success: #22c55e;
    --yh-card-bg: rgba(6, 30, 64, 0.72);
}

body[data-yh-view="hub"][data-yh-page="dashboard"] {
    background:
        radial-gradient(circle at 72% 8%, rgba(56, 189, 248, 0.16), transparent 34%),
        radial-gradient(circle at 18% 18%, rgba(79, 70, 229, 0.11), transparent 30%),
        linear-gradient(180deg, #020617 0%, #020817 42%, #030a18 100%);
    background-color: #020617;
}
/* END PATCH: YHU Dashboard Solo Purple support base v45 */

body[data-yh-view="hub"][data-yh-unified-workspace="overview"] .yh-command-dashboard-head {
position: relative;
    width: 100%;
    min-height: 154px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    align-items: center;
    gap: clamp(28px, 3vw, 42px);
    margin: 0 0 22px;
    padding: 26px clamp(28px, 2.4vw, 36px);
    overflow: hidden;
}

body[data-yh-view="hub"][data-yh-unified-workspace="overview"] .yh-universe-carousel-shell {
width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 0 clamp(10px, 1vw, 18px) !important;
    overflow: visible !important;
}

body[data-yh-view="hub"] .yh-command-overview-grid {
width: 100% !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-auto-flow: dense !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 2px 2px !important;
    align-items: stretch !important;
    position: relative !important;
    overflow: visible !important;
}

body[data-yh-view="hub"] .yh-command-dashboard-quote {
position: relative;
    z-index: 2;
    display: grid;
    gap: 10px;
    justify-items: start;
    padding: 22px 24px;
    border-radius: 22px;
    border: 1px solid rgba(223, 247, 255, 0.20) !important;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 44%),
        radial-gradient(circle at 100% 0%, rgba(103, 232, 249, 0.10), transparent 38%),
        rgba(6, 30, 64, 0.26) !important;
    box-shadow:
        0 0 28px rgba(56, 189, 248, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
    align-content: center;
    align-self: center;
    min-height: 104px;}

body[data-yh-view="hub"] .yh-command-dashboard-quote > span {
color: #dff7ff !important;
    opacity: 1 !important;
    font-size: 2.05rem;
    line-height: 0.75;
    font-weight: 700;
    text-shadow:
        0 0 14px rgba(223, 247, 255, 0.50),
        0 0 28px rgba(103, 232, 249, 0.18) !important;
    font-family: "Rajdhani", "Poppins", system-ui, sans-serif;}

body[data-yh-view="hub"] .yh-command-dashboard-quote p {
margin: 0;
    color: rgba(248, 250, 252, 0.94) !important;
    opacity: 1 !important;
    font-size: 1.03rem;
    line-height: 1.55;
    font-weight: 500;
    text-shadow:
        0 0 12px rgba(223, 247, 255, 0.22),
        0 2px 12px rgba(0, 0, 0, 0.55) !important;
    font-family: "Poppins", system-ui, sans-serif;}

body[data-yh-view="hub"] .yh-command-dashboard-quote strong {
color: rgba(226, 232, 240, 0.94) !important;
    opacity: 1 !important;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(223, 247, 255, 0.18) !important;
    font-family: "Orbitron", "Rajdhani", system-ui, sans-serif;
    line-height: 1.35;}

body[data-yh-view="hub"] .yh-command-readiness-card {
grid-column: span 4 !important;
    min-height: 190px !important;
    grid-template-columns: minmax(0, 1fr) 116px !important;
    grid-template-rows: auto minmax(104px, 1fr) auto !important;
    align-items: center !important;
    gap: 12px 16px !important;
    padding: 24px !important;
    background:
        radial-gradient(circle at 82% 34%, rgba(56, 189, 248, 0.26), transparent 38%),
        radial-gradient(circle at 16% 92%, rgba(103, 232, 249, 0.12), transparent 36%),
        repeating-linear-gradient(0deg, rgba(223, 247, 255, 0.030) 0 1px, transparent 1px 7px),
        linear-gradient(180deg, rgba(6, 30, 64, 0.28), rgba(6, 30, 64, 0.28)) !important;
}

body[data-yh-view="hub"] .yh-command-readiness-main strong {
color: #f8fbff !important;
    opacity: 1 !important;
    font-size: clamp(2.9rem, 3.3vw, 3.55rem);
    line-height: 0.88;
    font-weight: 700;
    letter-spacing: -0.052em;
    text-shadow:
        0 0 12px rgba(255, 255, 255, 0.22),
        0 0 24px rgba(223, 247, 255, 0.26) !important;
    font-family: "Rajdhani", "Poppins", system-ui, sans-serif;}

body[data-yh-view="hub"] .yh-command-readiness-main span {
color: rgba(248, 250, 252, 0.90) !important;
    opacity: 1 !important;
    font-size: clamp(0.98rem, 1.05vw, 1.14rem);
    font-weight: 600;
    text-shadow: none;
    font-family: "Rajdhani", "Poppins", system-ui, sans-serif;
    line-height: 1.12;
    letter-spacing: 0.01em;}

body[data-yh-view="hub"] .yh-command-readiness-card > p {
grid-column: 1 / -1 !important;
    margin-top: -2px !important;
    color: rgba(248, 250, 252, 0.88) !important;
    opacity: 1 !important;
    font-size: clamp(1.02rem, 1.06vw, 1.12rem);
    line-height: 1.58;
    font-weight: 400;
    text-shadow: none;
    font-family: "Poppins", system-ui, sans-serif;
    letter-spacing: 0;}

body[data-yh-view="hub"] #yh-command-next-action {
color: rgba(248, 250, 252, 0.88) !important;
    opacity: 1 !important;
    font-size: clamp(1.02rem, 1.06vw, 1.12rem);
    line-height: 1.58;
    font-weight: 400;
    text-shadow: none;
    font-family: "Poppins", system-ui, sans-serif;
    letter-spacing: 0;}

body[data-yh-view="hub"] .yh-command-bottom-cta {
grid-column: 1 / -1 !important;
    min-height: 82px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 18px !important;
    padding: 18px 24px !important;
    background:
        linear-gradient(90deg, rgba(56, 189, 248, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.010)),
        rgba(6, 30, 64, 0.26) !important;
}

body[data-yh-view="hub"] .yh-command-bottom-cta .yh-command-overview-action {
width: 218px !important;
    max-width: 218px !important;
    min-width: 188px !important;
    min-height: 40px !important;
    height: 40px !important;
    flex: 0 0 auto !important;
    justify-self: end !important;
    align-self: center !important;
    padding: 8px 16px !important;
    border-radius: 13px !important;
    white-space: nowrap !important;
    color: #f8fbff !important;
    border-color: rgba(223, 247, 255, 0.34) !important;
    background:
        linear-gradient(135deg, rgba(56, 189, 248, 0.26), rgba(56, 189, 248, 0.12)),
        rgba(37, 99, 235, 0.26) !important;
    box-shadow:
        0 0 20px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

body[data-yh-view="hub"] .yh-command-bottom-cta p {
max-width: 720px !important;
    color: rgba(226, 232, 240, 0.90) !important;
    opacity: 1 !important;
    font-size: 1.03rem !important;
    line-height: 1.38 !important;
    font-weight: 650 !important;
}

/* PATCH: YHU Dashboard real conveyor belt v56 */
/*
  Fix:
  - v55 made the bottom CTA visible, but it was still only a static strip/grid.
  - v56 creates a real visible animated conveyor lane at the bottom.
  - Text and existing button/action are not changed.
*/

body[data-yh-view="hub"][data-yh-page="dashboard"]:not([data-yh-unified-workspace]) #universe-hub-view,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace=""] #universe-hub-view,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="overview"] #universe-hub-view,
body[data-yh-view="hub"][data-yh-page="dashboard"]:not([data-yh-unified-workspace]) .universe-hub-view,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace=""] .universe-hub-view,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="overview"] .universe-hub-view {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 96px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-overview-grid {
    padding-bottom: 28px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta {
    position: relative !important;
    grid-column: 1 / -1 !important;
    min-height: 118px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: 18px !important;
    padding: 18px 26px 54px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;

    border: 1px solid rgba(103, 232, 249, 0.54) !important;
    border-radius: 26px !important;

    background:
        radial-gradient(circle at 14% 12%, rgba(103, 232, 249, 0.28), transparent 26%),
        radial-gradient(circle at 86% 86%, rgba(103, 232, 249, 0.16), transparent 30%),
        linear-gradient(90deg, rgba(37, 99, 235, 0.26), rgba(6, 30, 64, 0.26) 45%, rgba(6, 30, 64, 0.26)),
        rgba(6, 30, 64, 0.26) !important;

    box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.44),
        0 0 34px rgba(56, 189, 248, 0.25),
        0 0 26px rgba(103, 232, 249, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        inset 0 -1px 0 rgba(103, 232, 249, 0.36) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 12px !important;
    height: 34px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 1 !important;

    border: 1px solid rgba(103, 232, 249, 0.34) !important;
    border-radius: 12px !important;

    background:
        linear-gradient(90deg, rgba(103, 232, 249, 0.28), transparent 18%, transparent 82%, rgba(103, 232, 249, 0.28)),
        repeating-linear-gradient(
            90deg,
            rgba(103, 232, 249, 0.26) 0 2px,
            transparent 2px 28px,
            rgba(103, 232, 249, 0.26) 28px 30px,
            transparent 30px 56px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(103, 232, 249, 0.18) 0 10px,
            rgba(6, 30, 64, 0.26) 10px 20px
        ),
        linear-gradient(180deg, rgba(6, 30, 64, 0.26), rgba(6, 30, 64, 0.26)) !important;

    background-size:
        100% 100%,
        112px 100%,
        44px 44px,
        100% 100% !important;

    box-shadow:
        0 0 22px rgba(103, 232, 249, 0.20),
        0 0 24px rgba(56, 189, 248, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(103, 232, 249, 0.20) !important;

    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%) !important;
    animation: yhDashboardRealConveyorMoveV56 1.15s linear infinite !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta::after {
    content: "" !important;
    position: absolute !important;
    left: 34px !important;
    right: 34px !important;
    bottom: 28px !important;
    height: 2px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 1 !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(103, 232, 249, 0.26),
            rgba(103, 232, 249, 0.26),
            rgba(103, 232, 249, 0.26),
            transparent
        ) !important;

    box-shadow:
        0 0 12px rgba(103, 232, 249, 0.72),
        0 0 20px rgba(103, 232, 249, 0.42) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta > * {
    position: relative !important;
    z-index: 3 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta .yh-command-overview-kicker {
    color: #dff7ff !important;
    opacity: 1 !important;
    text-shadow:
        0 0 12px rgba(103, 232, 249, 0.70),
        0 0 26px rgba(103, 232, 249, 0.22) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta p,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-command-recommended-copy {
    max-width: 780px !important;
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 0.98rem !important;
    line-height: 1.32 !important;
    font-weight: 850 !important;
    text-shadow:
        0 0 12px rgba(103, 232, 249, 0.25),
        0 2px 14px rgba(0, 0, 0, 0.72) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta .yh-command-overview-action {
    width: auto !important;
    min-width: 220px !important;
    max-width: 260px !important;
    min-height: 42px !important;
    height: 42px !important;
    justify-self: end !important;
    align-self: start !important;
    padding: 8px 18px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    color: #f8fbff !important;
    border-color: rgba(103, 232, 249, 0.60) !important;
    background:
        radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.16), transparent 36%),
        linear-gradient(180deg, rgba(37, 99, 235, 0.26), rgba(15, 47, 122, 0.26)) !important;
    box-shadow:
        0 0 28px rgba(56, 189, 248, 0.32),
        0 0 20px rgba(103, 232, 249, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    opacity: 1 !important;
}

@keyframes yhDashboardRealConveyorMoveV56 {
    from {
        background-position: 0 0, 0 0, 0 0, 0 0;
    }
    to {
        background-position: 0 0, 112px 0, 44px 0, 0 0;
    }
}

@media (max-width: 900px) {
    body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta {
        grid-template-columns: 1fr !important;
        min-height: 150px !important;
        padding: 18px 18px 58px !important;
    }

    body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta .yh-command-overview-action {
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta::before {
        left: 16px !important;
        right: 16px !important;
    }

    body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta::after {
        left: 24px !important;
        right: 24px !important;
    }
}
/* END PATCH: YHU Dashboard real conveyor belt v56 */

/* PATCH: YHU Dashboard bottom CTA readable v58 */
/*
  Fix:
  - Remove the conveyor/diagonal belt layer under the bottom CTA text.
  - Make "Level up. Lead more. Impact millions." readable.
  - Align the strip color with the current Solo Leveling + Marie dashboard UI.
  - No HTML text changed. No JS changed.
*/

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta {
    position: relative !important;
    grid-column: 1 / -1 !important;
    min-height: 86px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 20px !important;
    padding: 18px 22px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;

    border-radius: 24px !important;
    border: 1px solid rgba(103, 232, 249, 0.44) !important;
    background:
        radial-gradient(circle at 12% 45%, rgba(37, 99, 235, 0.22), transparent 34%),
        radial-gradient(circle at 82% 45%, rgba(103, 232, 249, 0.12), transparent 30%),
        linear-gradient(90deg, rgba(6, 30, 64, 0.26), rgba(6, 30, 64, 0.26) 48%, rgba(6, 30, 64, 0.26)) !important;

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.36),
        0 0 24px rgba(56, 189, 248, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 -1px 0 rgba(103, 232, 249, 0.16) !important;
}

/* tanggal yung belt/stripe na nasa ilalim ng text */
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta::before,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    animation: none !important;
    background: none !important;
    box-shadow: none !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta > * {
    position: relative !important;
    z-index: 3 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta > div {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta .yh-command-overview-kicker {
    color: #dff7ff !important;
    opacity: 1 !important;
    font-family: 'Orbitron', 'Rajdhani', system-ui, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    text-shadow:
        0 0 10px rgba(223, 247, 255, 0.42),
        0 2px 12px rgba(0, 0, 0, 0.76) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta p,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-command-recommended-copy {
    max-width: 820px !important;
    margin: 0 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 0.98rem !important;
    line-height: 1.32 !important;
    font-weight: 850 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-shadow:
        0 2px 12px rgba(0, 0, 0, 0.82),
        0 0 10px rgba(103, 232, 249, 0.12) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta .yh-command-overview-action {
    width: auto !important;
    min-width: 190px !important;
    max-width: 230px !important;
    min-height: 42px !important;
    height: 42px !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 17px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    color: #f8fbff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    border: 1px solid rgba(103, 232, 249, 0.34) !important;
    background:
        radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.14), transparent 36%),
        linear-gradient(180deg, rgba(37, 99, 235, 0.26), rgba(6, 30, 64, 0.26)) !important;
    box-shadow:
        0 0 22px rgba(56, 189, 248, 0.26),
        0 0 16px rgba(103, 232, 249, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    opacity: 1 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta .yh-command-overview-action:hover {
    border-color: rgba(103, 232, 249, 0.56) !important;
    background:
        radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(37, 99, 235, 0.26), rgba(37, 99, 235, 0.26)) !important;
    box-shadow:
        0 0 28px rgba(56, 189, 248, 0.32),
        0 0 22px rgba(103, 232, 249, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

@media (max-width: 900px) {
    body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta {
        grid-template-columns: 1fr !important;
        min-height: 122px !important;
        padding: 18px !important;
    }

    body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta .yh-command-overview-action {
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}
/* END PATCH: YHU Dashboard bottom CTA readable v58 */

/* PATCH: YHU Dashboard live activity purple conveyor v59 */
/*
  Fix:
  - Live Universe Activity conveyor was still blue/cyan.
  - Recolor it to match the current Solo Leveling + Marie dashboard UI.
  - Purple/violet dominant, blue only as a small cold highlight.
  - No HTML text changed. No JS changed.
*/

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip.yh-universe-academy-strip {
    --lower-accent-rgb: 56, 189, 248 !important;
    --lower-secondary-rgb: 223, 247, 255 !important;
    --lower-warm-rgb: 103, 232, 249 !important;

    border-color: rgba(103, 232, 249, 0.42) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(56, 189, 248, 0.24), transparent 34%),
        radial-gradient(circle at 78% 18%, rgba(37, 99, 235, 0.18), transparent 32%),
        radial-gradient(circle at 55% 100%, rgba(103, 232, 249, 0.055), transparent 28%),
        linear-gradient(135deg, rgba(6, 30, 64, 0.26), rgba(6, 5, 22, 0.26) 54%, rgba(6, 30, 64, 0.26)) !important;
    box-shadow:
        0 20px 54px rgba(0, 0, 0, 0.38),
        0 0 34px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.065),
        inset 0 -1px 0 rgba(223, 247, 255, 0.16) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip.yh-universe-academy-strip::before {
    opacity: 0.82 !important;
    background:
        linear-gradient(rgba(223, 247, 255, 0.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(223, 247, 255, 0.032) 1px, transparent 1px),
        radial-gradient(circle at 24% 18%, rgba(56, 189, 248, 0.22), transparent 24%),
        radial-gradient(circle at 76% 22%, rgba(103, 232, 249, 0.055), transparent 28%),
        radial-gradient(circle at 12% 86%, rgba(6, 30, 64, 0.24), transparent 34%) !important;
    background-size: 44px 44px, 44px 44px, auto, auto, auto !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip.yh-universe-academy-strip::after {
    opacity: 0.24 !important;
    background:
        radial-gradient(circle, transparent 48%, rgba(56, 189, 248, 0.18) 48.8%, transparent 49.8%),
        radial-gradient(circle, transparent 63%, rgba(223, 247, 255, 0.10) 63.8%, transparent 64.8%),
        radial-gradient(circle at 50% 50%, rgba(37, 99, 235, 0.18), rgba(2, 6, 23, 0) 68%) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-lower-premium-depth {
    opacity: 0.2 !important;
    background:
        radial-gradient(circle, rgba(56, 189, 248, 0.30), rgba(56, 189, 248, 0.10) 42%, rgba(2, 6, 23, 0) 72%) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-lower-premium-orbit {
    opacity: 0.18 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-lower-premium-meteor {
    background: linear-gradient(
        90deg,
        rgba(56, 189, 248, 0) 0%,
        rgba(56, 189, 248, 0.30) 28%,
        rgba(223, 247, 255, 0.26) 58%,
        rgba(255, 255, 255, 0.26) 76%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    box-shadow:
        0 0 12px rgba(56, 189, 248, 0.28),
        0 0 28px rgba(223, 247, 255, 0.12) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-strip-head {
    border-bottom-color: rgba(223, 247, 255, 0.18) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-strip-kicker {
    color: #dff7ff !important;
    text-shadow:
        0 0 12px rgba(223, 247, 255, 0.58),
        0 0 24px rgba(56, 189, 248, 0.32),
        0 2px 12px rgba(0, 0, 0, 0.75) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee {
    border: 1px solid rgba(103, 232, 249, 0.25) !important;
    background:
        radial-gradient(circle at 10% 50%, rgba(56, 189, 248, 0.16), transparent 36%),
        linear-gradient(90deg, rgba(6, 30, 64, 0.26), rgba(6, 30, 64, 0.26), rgba(6, 30, 64, 0.26)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        inset 0 0 34px rgba(56, 189, 248, 0.085),
        0 0 26px rgba(56, 189, 248, 0.08) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee::before {
    opacity: 0.32 !important;
    background:
        radial-gradient(circle at center, rgba(56, 189, 248, 0.28), rgba(223, 247, 255, 0.11) 42%, rgba(2, 6, 23, 0) 74%) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee::after {
    opacity: 0.14 !important;
    background:
        linear-gradient(90deg, rgba(56, 189, 248, 0), rgba(223, 247, 255, 0.24), rgba(56, 189, 248, 0)) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee-card {
    border-color: rgba(103, 232, 249, 0.26) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.12), transparent 46%),
        rgba(6, 30, 64, 0.28) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.36),
        0 0 16px rgba(56, 189, 248, 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee-card:hover,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee-card:focus-visible {
    border-color: rgba(223, 247, 255, 0.48) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.44),
        0 0 0 1px rgba(223, 247, 255, 0.18),
        0 0 28px rgba(56, 189, 248, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee-card img {
    opacity: 0.78 !important;
    filter: saturate(0.95) contrast(1.08) brightness(0.82) hue-rotate(7deg) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip:hover .yh-universe-academy-marquee-card img {
    opacity: 0.94 !important;
}
/* END PATCH: YHU Dashboard live activity purple conveyor v59 */

/* PATCH: YHU Dashboard bright purple visibility pass v60 */
body[data-yh-view="hub"][data-yh-page="dashboard"] {
    --sl-bg-0: #020817;
    --sl-bg-1: #061e40;
    --sl-bg-2: #061e40;
    --sl-panel: rgba(6, 30, 64, 0.28);
    --sl-panel-strong: rgba(15, 47, 122, 0.28);
    --sl-panel-soft: rgba(15, 47, 122, 0.28);
    --sl-border: rgba(223, 247, 255, 0.34);
    --sl-border-hot: rgba(103, 232, 249, 0.58);
    --sl-line: rgba(56, 189, 248, 0.26);
    --sl-muted: #b4ccf3;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .desktop-user-strip {
    background:
        linear-gradient(180deg, rgba(6, 30, 64, 0.26), rgba(6, 30, 64, 0.26)) !important;
    border-bottom-color: rgba(223, 247, 255, 0.18) !important;
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.26),
        inset 0 -1px 0 rgba(103, 232, 249, 0.10) !important;
}body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-dashboard-top-search-input,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-dashboard-profile-search-input,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-dashboard-top-search-btn,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-menu-btn,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-top-live-chip,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-top-wallet-chip,
body[data-yh-view="hub"][data-yh-page="dashboard"] .notif-wrapper {
    border-color: rgba(223, 247, 255, 0.26) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(56, 189, 248, 0.20), transparent 46%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.86), rgba(2, 8, 23, 0.78)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.065),
        0 10px 24px rgba(0, 0, 0, 0.20) !important;
}
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-top-profile {
    border-color: rgba(223, 247, 255, 0.26) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(56, 189, 248, 0.20), transparent 46%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.18), rgba(2, 8, 23, 0.18)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.065),
        0 10px 24px rgba(0, 0, 0, 0.20) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-dashboard-head {
    border-color: rgba(223, 247, 255, 0.26) !important;
    background:
        radial-gradient(circle at 78% 15%, rgba(56, 189, 248, 0.24), transparent 34%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.26), rgba(2, 8, 23, 0.34)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.065),
        0 18px 46px rgba(0, 0, 0, 0.18) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-dashboard-head::before {
    opacity: 0.42 !important;
    filter:
        hue-rotate(42deg)
        saturate(1.2)
        contrast(1.06)
        brightness(1.12)
        drop-shadow(0 0 42px rgba(56, 189, 248, 0.24)) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-overview-card,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-universe-workspace-launch-card:not(.is-approved-inline-workspace) {
    border-color: rgba(223, 247, 255, 0.30) !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(56, 189, 248, 0.28), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(103, 232, 249, 0.08), transparent 30%),
        repeating-linear-gradient(0deg, rgba(223, 247, 255, 0.034) 0 1px, transparent 1px 7px),
        linear-gradient(180deg, rgba(6, 30, 64, 0.22), rgba(2, 8, 23, 0.22)) !important;
    box-shadow:
        0 16px 38px rgba(0, 0, 0, 0.24),
        0 0 30px rgba(56, 189, 248, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -1px 0 rgba(103, 232, 249, 0.10) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-overview-card::before {
    opacity: 0.36 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-readiness-card {
    background:
        radial-gradient(circle at 12% 0%, rgba(103, 232, 249, 0.12), transparent 32%),
        radial-gradient(circle at 88% 6%, rgba(56, 189, 248, 0.28), transparent 34%),
        repeating-linear-gradient(0deg, rgba(223, 247, 255, 0.034) 0 1px, transparent 1px 7px),
        linear-gradient(180deg, rgba(15, 47, 122, 0.28), rgba(6, 30, 64, 0.28)) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-bottom-cta,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip.yh-universe-academy-strip {
    border-color: rgba(223, 247, 255, 0.30) !important;
    background:
        radial-gradient(circle at 76% 50%, rgba(56, 189, 248, 0.24), transparent 34%),
        radial-gradient(circle at 12% 0%, rgba(103, 232, 249, 0.08), transparent 36%),
        linear-gradient(90deg, rgba(6, 30, 64, 0.26), rgba(2, 8, 23, 0.26)) !important;
    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.24),
        0 0 30px rgba(56, 189, 248, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.065) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee-card {
    border-color: rgba(223, 247, 255, 0.24) !important;
    background:
        linear-gradient(180deg, rgba(6, 30, 64, 0.28), rgba(6, 30, 64, 0.28)) !important;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.22),
        0 0 18px rgba(56, 189, 248, 0.10) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-academy-strip .yh-universe-academy-marquee-card img {
    opacity: 0.98 !important;
    filter: saturate(1.05) contrast(1.04) brightness(0.98) hue-rotate(4deg) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-overview-card p,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-overview-card small,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-command-recommended-copy {
    color: rgba(248, 251, 255, 0.86) !important;
    opacity: 1 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-activity-item,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-event-row,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-list > div {
    border-color: rgba(223, 247, 255, 0.20) !important;
    background:
        linear-gradient(180deg, rgba(6, 30, 64, 0.28), rgba(2, 8, 23, 0.28)) !important;
}
/* END PATCH: YHU Dashboard bright purple visibility pass v60 */

/* PATCH: Academy Violet Domain visual skin v1 */
body[data-yh-view="academy"] {
    --academy-domain-bg: #050616;
    --academy-domain-panel: rgba(6, 30, 64, 0.22);
    --academy-domain-panel-strong: rgba(6, 30, 64, 0.22);
    --academy-domain-violet: #38bdf8;
    --academy-domain-violet-soft: rgba(56, 189, 248, 0.18);
    --academy-domain-cyan: #38d9ff;
    --academy-domain-cyan-soft: rgba(56, 217, 255, 0.14);
    --academy-domain-line: rgba(223, 247, 255, 0.20);
    --academy-domain-text: #f8fbff;
    --academy-domain-muted: rgba(226, 232, 255, 0.78);
}

body[data-yh-view="academy"] .dashboard-layout {
  background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.18)),
        url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
        #020617;
}

body[data-yh-view="academy"] .yh-top-nav {
    border-bottom-color: rgba(223, 247, 255, 0.22);
    background:
        radial-gradient(circle at 22% 0%, rgba(56, 189, 248, 0.22), transparent 42%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.26), rgba(4, 3, 18, 0.26));
    box-shadow:
        0 14px 38px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(56, 189, 248, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

body[data-yh-view="academy"] #academy-wrapper {
  background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.18)),
        url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
        #020617;
}

body[data-yh-view="academy"] #academy-sidebar,
body[data-yh-view="academy"] .yh-right-sidebar {
    border-color: rgba(223, 247, 255, 0.18);
    background:
        radial-gradient(circle at 12% 0%, rgba(56, 189, 248, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(7, 10, 28, 0.22), rgba(4, 3, 18, 0.22));
    box-shadow:
        16px 0 40px rgba(0, 0, 0, 0.20),
        inset -1px 0 0 rgba(223, 247, 255, 0.06);
}

body[data-yh-view="academy"] #academy-wrapper .academy-sidebar-intro,
body[data-yh-view="academy"] #academy-wrapper .academy-sidebar-progress,
body[data-yh-view="academy"] #academy-wrapper .left-card {
    border-color: rgba(223, 247, 255, 0.20);
    background:
        radial-gradient(circle at 14% 0%, rgba(56, 189, 248, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.22), rgba(5, 8, 24, 0.22));
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body[data-yh-view="academy"] .academy-sidebar-kicker,
body[data-yh-view="academy"] .academy-profile-card-kicker,
body[data-yh-view="academy"] .academy-messages-inbox-kicker,
body[data-yh-view="academy"] .academy-roadmap-loading-kicker {
    color: var(--academy-domain-cyan);
    text-shadow: 0 0 14px rgba(56, 217, 255, 0.34);
}

body[data-yh-view="academy"] .academy-sidebar-title,
body[data-yh-view="academy"] .chat-header h3,
body[data-yh-view="academy"] .academy-profile-name,
body[data-yh-view="academy"] .academy-messages-inbox-title,
body[data-yh-view="academy"] .academy-missions-module-title,
body[data-yh-view="academy"] .lounge-topic {
    color: var(--academy-domain-text);
    text-shadow:
        0 0 18px rgba(56, 189, 248, 0.12),
        0 10px 28px rgba(0, 0, 0, 0.28);
}

body[data-yh-view="academy"] .academy-sidebar-copy,
body[data-yh-view="academy"] .header-topic,
body[data-yh-view="academy"] .academy-missions-module-copy,
body[data-yh-view="academy"] .academy-lead-missions-copy,
body[data-yh-view="academy"] .academy-lead-card-copy,
body[data-yh-view="academy"] .academy-profile-username,
body[data-yh-view="academy"] .academy-live-expiry-note,
body[data-yh-view="academy"] .lounge-host {
    color: var(--academy-domain-muted);
}

body[data-yh-view="academy"] #academy-wrapper .academy-channel-list .channel-link {
    border-color: rgba(223, 247, 255, 0.16);
    background:
        linear-gradient(180deg, rgba(23, 10, 58, 0.28), rgba(6, 8, 26, 0.28));
    color: rgba(226, 232, 255, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 18px rgba(0, 0, 0, 0.14);
}

body[data-yh-view="academy"] #academy-wrapper .academy-channel-list .channel-link:hover,
body[data-yh-view="academy"] #academy-wrapper .academy-channel-list .channel-link.active {
    color: #ffffff;
    border-color: rgba(56, 189, 248, 0.54);
    background:
        radial-gradient(circle at 14% 50%, rgba(56, 217, 255, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(37, 99, 235, 0.28), rgba(6, 30, 64, 0.28));
    box-shadow:
        0 0 0 1px rgba(223, 247, 255, 0.06),
        0 0 24px rgba(56, 189, 248, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body[data-yh-view="academy"] .academy-tab-state-badge {
    border-color: rgba(56, 189, 248, 0.28);
    background: rgba(56, 189, 248, 0.12);
    color: #dff7ff;
}

body[data-yh-view="academy"] .academy-ui-icon,
body[data-yh-view="academy"] .academy-action-icon,
body[data-yh-view="academy"] .notif-icon-img {
    filter:
        drop-shadow(0 0 10px rgba(56, 189, 248, 0.30))
        drop-shadow(0 0 8px rgba(56, 217, 255, 0.18))
        saturate(1.06);
}

body[data-yh-view="academy"] .yh-main-chat {
  background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.18)),
        url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
        #020617;
}

body[data-yh-view="academy"] .chat-header {
    border-bottom-color: rgba(223, 247, 255, 0.18);
    background:
        radial-gradient(circle at 8% 0%, rgba(56, 189, 248, 0.16), transparent 36%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.22), rgba(5, 6, 22, 0.22));
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

body[data-yh-view="academy"] .header-divider {
    background: rgba(223, 247, 255, 0.20);
}

body[data-yh-view="academy"] .academy-feed-composer-card,
body[data-yh-view="academy"] .academy-feed-card,
body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-inbox-sidebar,
body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .academy-messages-inbox-sidebar,
body[data-yh-view="academy"] #academy-chat[data-chat-mode="messages"] .academy-messages-thread-shell,
body[data-yh-view="academy"] #academy-chat[data-chat-mode="thread"] .academy-messages-thread-shell,
body[data-yh-view="academy"] .academy-messages-tab-status-card,
body[data-yh-view="academy"] .academy-lead-missions-hero,
body[data-yh-view="academy"] .academy-lead-panel,
body[data-yh-view="academy"] .academy-lead-info-card,
body[data-yh-view="academy"] .academy-lead-list-card,
body[data-yh-view="academy"] .academy-missions-module-card,
body[data-yh-view="academy"] .academy-profile-hero-card,
body[data-yh-view="academy"] .academy-profile-card,
body[data-yh-view="academy"] .lounge-card,
body[data-yh-view="academy"] .poll-card,
body[data-yh-view="academy"] .speaker-card,
body[data-yh-view="academy"] .stage-chat-panel,
body[data-yh-view="academy"] .welcome-embed {
    border-color: rgba(223, 247, 255, 0.20);
    background:
        radial-gradient(circle at 16% 0%, rgba(56, 189, 248, 0.16), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(56, 217, 255, 0.06), transparent 30%),
        repeating-linear-gradient(0deg, rgba(223, 247, 255, 0.026) 0 1px, transparent 1px 8px),
        linear-gradient(180deg, rgba(23, 10, 58, 0.22), rgba(5, 8, 24, 0.22));
    box-shadow:
        0 16px 38px rgba(0, 0, 0, 0.22),
        0 0 30px rgba(56, 189, 248, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

body[data-yh-view="academy"] .academy-missions-module-card:hover,
body[data-yh-view="academy"] .lounge-card:hover,
body[data-yh-view="academy"] .academy-feed-card:hover {
    border-color: rgba(56, 189, 248, 0.46);
    background:
        radial-gradient(circle at 16% 0%, rgba(56, 189, 248, 0.24), transparent 36%),
        linear-gradient(180deg, rgba(37, 99, 235, 0.28), rgba(8, 10, 30, 0.28));
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.26),
        0 0 34px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
}body[data-yh-view="academy"] .chat-bubble {
    border-color: rgba(223, 247, 255, 0.15);
    background:
        linear-gradient(180deg, rgba(6, 30, 64, 0.24), rgba(8, 10, 30, 0.24));
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}body[data-yh-view="academy"] .chat-bubble:hover {
    border-left-color: var(--academy-domain-violet);
    background:
        linear-gradient(180deg, rgba(37, 99, 235, 0.24), rgba(9, 10, 34, 0.24));
}

body[data-yh-view="academy"] .chat-bubble.mine {
    background:
        linear-gradient(180deg, rgba(37, 99, 235, 0.20), rgba(37, 99, 235, 0.22));
}

body[data-yh-view="academy"] .chat-input-wrapper {
    border-color: rgba(223, 247, 255, 0.20);
    background:
        radial-gradient(circle at 10% 0%, rgba(56, 189, 248, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.88), rgba(6, 8, 24, 0.88));
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.28),
        0 0 26px rgba(56, 189, 248, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

body[data-yh-view="academy"] .chat-input-wrapper:focus-within {
    border-color: rgba(56, 189, 248, 0.48);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.32),
        0 0 34px rgba(56, 189, 248, 0.16),
        0 0 18px rgba(56, 217, 255, 0.08);
}

body[data-yh-view="academy"] .btn-primary,
body[data-yh-view="academy"] .academy-chat-header-btn,
body[data-yh-view="academy"] .btn-start-lounge-action,
body[data-yh-view="academy"] .stage-chat-send-btn {
    border: 1px solid rgba(56, 189, 248, 0.42);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(56, 189, 248, 0.86), rgba(37, 99, 235, 0.78));
    color: #ffffff;
    box-shadow:
        0 12px 30px rgba(56, 189, 248, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}body[data-yh-view="academy"] .btn-secondary,
body[data-yh-view="academy"] .control-btn,
body[data-yh-view="academy"] .upvote-btn,
body[data-yh-view="academy"] .input-extras span,
body[data-yh-view="academy"] .input-extras .composer-extra-btn {
    border-color: rgba(223, 247, 255, 0.20);
    background:
        linear-gradient(180deg, rgba(6, 30, 64, 0.52), rgba(6, 8, 24, 0.48));
    color: #dff7ff;
}
body[data-yh-view="academy"] .academy-messages-inbox-refresh {
    border-color: rgba(223, 247, 255, 0.20);
    background:
        linear-gradient(180deg, rgba(6, 30, 64, 0.24), rgba(6, 8, 24, 0.24));
    color: #dff7ff;
}

body[data-yh-view="academy"] .btn-primary:hover,
body[data-yh-view="academy"] .btn-secondary:hover,
body[data-yh-view="academy"] .academy-chat-header-btn:hover,
body[data-yh-view="academy"] .control-btn:hover,
body[data-yh-view="academy"] .upvote-btn:hover {
    border-color: rgba(56, 189, 248, 0.58);
    background:
        radial-gradient(circle at 18% 0%, rgba(56, 217, 255, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(37, 99, 235, 0.84), rgba(6, 30, 64, 0.80));
    color: #ffffff;
    box-shadow:
        0 14px 32px rgba(56, 189, 248, 0.18),
        0 0 18px rgba(56, 217, 255, 0.08);
}

body[data-yh-view="academy"] .academy-profile-avatar,
body[data-yh-view="academy"] .member-avatar,
body[data-yh-view="academy"] .bubble-avatar,
body[data-yh-view="academy"] .speaker-card .speaker-avatar {
    border-color: rgba(56, 189, 248, 0.32);
    background:
        radial-gradient(circle at 30% 20%, rgba(56, 217, 255, 0.22), transparent 34%),
        linear-gradient(135deg, rgba(56, 189, 248, 0.42), rgba(37, 99, 235, 0.28));
    box-shadow:
        0 0 0 1px rgba(223, 247, 255, 0.08),
        0 0 22px rgba(56, 189, 248, 0.16);
}

body[data-yh-view="academy"] .live-badge,
body[data-yh-view="academy"] .academy-live-expiry-pill {
    border-color: rgba(56, 189, 248, 0.28);
    background: rgba(56, 189, 248, 0.12);
    color: #dff7ff;
}

body[data-yh-view="academy"] .yh-academy-startup-loader {
    background:
        radial-gradient(circle at 50% 18%, rgba(56, 189, 248, 0.18), transparent 34%),
        radial-gradient(circle at 80% 0%, rgba(56, 217, 255, 0.10), transparent 30%),
        linear-gradient(180deg, #050616 0%, #030a18 54%, #02030d 100%);
}body[data-yh-view="academy"] .yh-tab-loader-card {
    border-color: rgba(223, 247, 255, 0.22);
    background:
        radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.20), transparent 38%),
        linear-gradient(180deg, rgba(23, 10, 58, 0.86), rgba(5, 8, 24, 0.88));
    box-shadow:
        0 26px 76px rgba(0, 0, 0, 0.44),
        0 0 38px rgba(56, 189, 248, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body[data-yh-view="academy"] .yh-academy-startup-card {
    border-color: rgba(223, 247, 255, 0.22);
    background:
        radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.20), transparent 38%),
        linear-gradient(180deg, rgba(23, 10, 58, 0.18), rgba(5, 8, 24, 0.18));
    box-shadow:
        0 26px 76px rgba(0, 0, 0, 0.44),
        0 0 38px rgba(56, 189, 248, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-yh-view="academy"] .yh-academy-startup-icon,
body[data-yh-view="academy"] .academy-roadmap-loading-orb,
body[data-yh-view="academy"] .academy-messages-tab-premium-orb {
    border-color: rgba(56, 189, 248, 0.24);
    background:
        radial-gradient(circle, rgba(56, 189, 248, 0.22), rgba(56, 217, 255, 0.08) 64%, transparent 72%);
    box-shadow:
        0 0 30px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body[data-yh-view="academy"] .yh-academy-startup-spinner,
body[data-yh-view="academy"] .academy-roadmap-loading-ring {
    border-top-color: rgba(56, 189, 248, 0.96);
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.20);
}

body[data-yh-view="academy"] .academy-mobile-nav-menu,
body[data-yh-view="academy"] .academy-mobile-bottom-nav {
    border-color: rgba(223, 247, 255, 0.18);
    background:
        radial-gradient(circle at 16% 0%, rgba(56, 189, 248, 0.20), transparent 34%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.34), rgba(4, 3, 18, 0.34));
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.34),
        0 0 30px rgba(56, 189, 248, 0.10);
}

body[data-yh-view="academy"] .academy-mobile-nav-item,
body[data-yh-view="academy"] .academy-mobile-bottom-nav-item {
    border-color: rgba(223, 247, 255, 0.14);
    background: rgba(56, 189, 248, 0.06);
    color: rgba(226, 232, 255, 0.82);
}

body[data-yh-view="academy"] .academy-mobile-nav-item.is-active,
body[data-yh-view="academy"] .academy-mobile-bottom-nav-item.is-active {
    border-color: rgba(56, 189, 248, 0.48);
    background: rgba(56, 189, 248, 0.16);
    color: #ffffff;
}

body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="wallet"]::-webkit-scrollbar,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="wallet"] *::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
/* END PATCH: YH Wallet hidden scrollbar shell support v135 */

/* PATCH: Dashboard left sidebar shell support v142 */
/* support/layout only - visual skin lives in yh-tailwind.css */
@media (min-width: 769px) {
  body[data-yh-view="hub"][data-yh-page="dashboard"] {
    overflow: hidden;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .dashboard-layout {
  background-color: #020617;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0.04), rgba(2, 6, 23, 0.20)),
    url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat,
    #020617;
    display: grid;
    grid-template-columns: 304px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 100vh;
    min-height: 100dvh;
    height: 100dvh;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav {
    grid-column: 1;
    grid-row: 1 / 3;
    position: relative;
    top: auto;
    width: 304px;
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    padding: 18px 14px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    z-index: 80;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .desktop-user-strip {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] #universe-hub-view,
  body[data-yh-view="hub"][data-yh-page="dashboard"] .universe-hub-view,
  body[data-yh-view="hub"][data-yh-page="dashboard"] .dashboard-core {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .nav-brand {
    width: 100%;
    min-height: 42px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    gap: 12px;
    padding: 0 6px 16px;
    margin: 0;
    line-height: 1;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .nav-brand img {
    width: 34px;
    height: 34px;
    min-width: 34px;
    object-fit: contain;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .nav-brand span {
    display: block;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .nav-actions,
  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-command-sidebar-nav {
    width: 100%;
    height: auto;
    max-height: none;
    flex: 0 0 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-self: stretch;
    gap: 16px;
    padding: 0;
    margin: 0;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-nav-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 0 16px;
    margin: 0;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-nav-group:last-child {
    padding-bottom: 0;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-system-group {
    margin-top: 8px;
    padding-bottom: 18px;
    flex: 0 0 auto;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-nav-label {
    padding: 0 7px 2px;
    line-height: 1.1;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-command-link {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 10px 12px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    transform: none;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-command-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    line-height: 1;
    font-size: 1rem;
    flex: 0 0 24px;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-command-icon-img {
    width: 22px;
    height: 22px;
    display: block;
    object-fit: contain;
    object-position: center;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-business-chat-open-btn {
    position: relative;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-business-chat-open-btn .yh-business-chat-nav-badge,
  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-business-chat-nav-badge {
    margin-left: auto;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-subnav {
    display: none;
    grid-template-columns: 1fr;
    gap: 4px;
    margin: 0 0 4px 30px;
    padding: 2px 0 0 10px;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group.is-expanded .yh-sidebar-subnav {
    display: grid;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-subnav-link {
    min-height: 29px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 5px 8px;
    text-align: left;
    cursor: pointer;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-subnav-icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 18px;
  }

  body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-subnav-icon-img {
    width: 18px;
    height: 18px;
    display: block;
    object-fit: contain;
    object-position: center;
  }
}
/* END PATCH: Dashboard left sidebar shell support v142 */

/* PATCH: Dashboard resources moved to sidebar v187 */
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu {
    width: 100% !important;
    position: relative !important;
    z-index: 240 !important;
    display: block !important;
    align-self: stretch !important;
    isolation: isolate !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu.yh-resources-menu-open {
    z-index: 32000 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu .yh-resources-menu-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 10px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu .yh-resources-menu-icon {
    width: 22px !important;
    min-width: 22px !important;
    display: inline-grid !important;
    place-items: center !important;
    line-height: 1 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu .yh-resources-menu-label-desktop {
    display: inline-flex !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu .yh-resources-menu-label-mobile {
    display: none !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu .yh-resources-menu-panel {
    top: 0 !important;
    left: calc(100% + 12px) !important;
    right: auto !important;
    width: min(360px, calc(100vw - 330px)) !important;
    max-height: calc(100vh - 84px) !important;
    z-index: 32001 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .desktop-user-strip-right .yh-command-top-business-chats-chip,
body[data-yh-view="hub"][data-yh-page="dashboard"] .desktop-user-strip-right .yh-resources-menu {
    display: none !important;gap:6px !important;}
/* END PATCH: Dashboard resources moved to sidebar v187 */

/* PATCH: Dashboard referral snapshot arrows aligned v188 */
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-network-orb {
    display: grid !important;
    grid-template-columns: 116px 22px minmax(0, max-content) !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-progress-list > div {
    display: grid !important;
    grid-template-columns: 116px 22px minmax(0, max-content) max-content !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-network-orb > span:not(.yh-command-network-separator),
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-progress-list > div > span:not(.yh-command-progress-separator) {
    grid-column: 1 !important;
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    justify-self: start !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-network-separator,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-progress-separator {
    grid-column: 2 !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    justify-self: center !important;
    text-align: center !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-network-orb > strong,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-progress-list > div > strong {
    grid-column: 3 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-command-progress-card .yh-command-referral-copy-btn {
    grid-column: 4 !important;
    justify-self: start !important;
    margin-left: 8px !important;
}
/* END PATCH: Dashboard referral snapshot arrows aligned v188 */

/* PATCH: Dashboard left sidebar all blue buttons v189 */
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-command-link,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .yh-sidebar-resources-menu .yh-resources-menu-btn,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-top-nav .btn-logout {
    border-color: rgba(103, 232, 249, 0.46) !important;
    color: #dff7ff !important;
}
/* END PATCH: Dashboard left sidebar all blue buttons v189 */

/* PATCH: Dashboard sidebar subnav open close v190 */
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group[data-yh-sidebar-division] .yh-sidebar-command-link[data-yh-dashboard-shell] {
    position: relative !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group[data-yh-sidebar-division] .yh-sidebar-command-link[data-yh-dashboard-shell]::after {
    content: "▸" !important;
    margin-left: auto !important;
    color: rgba(103, 232, 249, 0.86) !important;
    font-family: "Rajdhani", "Poppins", system-ui, sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: rotate(0deg) !important;
    transition: transform 0.18s ease, color 0.18s ease !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group.is-expanded:not(.is-manually-collapsed) .yh-sidebar-command-link[data-yh-dashboard-shell]::after {
    transform: rotate(90deg) !important;
    color: #dff7ff !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group[data-yh-sidebar-division] .yh-sidebar-subnav,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group.is-manually-collapsed .yh-sidebar-subnav,
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group:not(.is-expanded) .yh-sidebar-subnav {
    display: none !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-division-group.is-expanded:not(.is-manually-collapsed) .yh-sidebar-subnav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: visible !important;
}
/* END PATCH: Dashboard sidebar subnav open close v190 */

/* PATCH: Dashboard resources no wallet overlap v193 */
body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-sidebar-resources-menu .yh-resources-menu-panel {
    display: none !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-workspace-inline-host > .yh-wallet-modal.yh-wallet-inline-view.hidden-step,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-universe-workspace-inline-host > #yh-resources-inline-view.hidden-step,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="resources"] #yh-wallet-modal.yh-wallet-inline-view,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-active-inline-resource="resources"] #yh-wallet-modal.yh-wallet-inline-view {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="wallet"] #yh-resources-inline-view,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-active-inline-resource="wallet"] #yh-resources-inline-view {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view {
    width: 100% !important;
    min-height: 420px !important;
    display: grid !important;
    align-content: start !important;
    gap: 18px !important;
    padding: clamp(18px, 2.2vw, 28px) !important;
    border: 1px solid rgba(103, 232, 249, 0.30) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(103, 232, 249, 0.16), transparent 42%),
        radial-gradient(circle at 86% 0%, rgba(37, 99, 235, 0.16), transparent 38%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.74), rgba(2, 8, 23, 0.92)) !important;
    box-shadow:
        0 28px 76px rgba(0, 0, 0, 0.42),
        0 0 34px rgba(56, 189, 248, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
    clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 22px), 0 22px) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view.hidden-step {
    display: none !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resources-menu-panel-head {
    display: grid !important;
    gap: 6px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid rgba(223, 247, 255, 0.12) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resources-menu-kicker {
    color: #67e8f9 !important;
    font-family: "Rajdhani", "Poppins", system-ui, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resources-menu-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-family: "Rajdhani", "Poppins", system-ui, sans-serif !important;
    font-size: clamp(1.55rem, 2vw, 2.28rem) !important;
    line-height: 0.96 !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resources-menu-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-card {
    min-height: 132px !important;
    display: grid !important;
    align-content: start !important;
    gap: 12px !important;
    padding: 18px !important;
    text-decoration: none !important;
    border: 1px solid rgba(103, 232, 249, 0.24) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(103, 232, 249, 0.13), transparent 42%),
        linear-gradient(180deg, rgba(15, 47, 122, 0.44), rgba(2, 8, 23, 0.68)) !important;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-top {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 11px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-logo {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-eyebrow {
    color: rgba(103, 232, 249, 0.80) !important;
    font-size: 0.91rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-name {
    color: #ffffff !important;
    font-size: 1.03rem !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-copy {
    color: rgba(226, 238, 255, 0.76) !important;
    font-size: 1rem !important;
    line-height: 1.42 !important;
}
/* END PATCH: Dashboard resources no wallet overlap v193 */

/* PATCH: Dashboard resources transparency tune v194 */
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="resources"] .yh-universe-workspace-launch-card,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-active-inline-resource="resources"] .yh-universe-workspace-launch-card {
    background: transparent !important;
    box-shadow: none !important;
    border-color: rgba(103, 232, 249, 0.10) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="resources"] .yh-universe-workspace-frame-shell,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-active-inline-resource="resources"] .yh-universe-workspace-frame-shell {
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.015), rgba(2, 6, 23, 0.075)),
        url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat !important;
    background-color: transparent !important;
    border-color: rgba(103, 232, 249, 0.14) !important;
    box-shadow:
        0 16px 44px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-unified-workspace="resources"] .yh-universe-workspace-inline-host,
body[data-yh-view="hub"][data-yh-page="dashboard"][data-yh-active-inline-resource="resources"] .yh-universe-workspace-inline-host {
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.01), rgba(2, 6, 23, 0.055)),
        url("/images/yhu-premium-bg.png?v=20260531-bg-09") center center / cover no-repeat !important;
    background-color: transparent !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-resources-inline-view {
    background:
        radial-gradient(circle at 16% 0%, rgba(103, 232, 249, 0.075), transparent 42%),
        radial-gradient(circle at 86% 0%, rgba(37, 99, 235, 0.070), transparent 40%),
        linear-gradient(180deg, rgba(6, 30, 64, 0.16), rgba(2, 8, 23, 0.18)) !important;
    border-color: rgba(103, 232, 249, 0.18) !important;
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.18),
        0 0 24px rgba(56, 189, 248, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    backdrop-filter: blur(3px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(3px) saturate(1.04) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resources-menu-panel-head,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-resources-inline-view .yh-resources-menu-panel-head {
    border-bottom-color: rgba(223, 247, 255, 0.10) !important;
    background: transparent !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-card,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-resources-inline-view .yh-resource-mini-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(103, 232, 249, 0.075), transparent 46%),
        linear-gradient(180deg, rgba(15, 47, 122, 0.13), rgba(2, 8, 23, 0.15)) !important;
    border-color: rgba(103, 232, 249, 0.17) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.040) !important;
    backdrop-filter: blur(2px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(2px) saturate(1.02) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-card:hover,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-resources-inline-view .yh-resource-mini-card:hover {
    background:
        radial-gradient(circle at 18% 0%, rgba(103, 232, 249, 0.11), transparent 46%),
        linear-gradient(180deg, rgba(37, 99, 235, 0.18), rgba(2, 8, 23, 0.18)) !important;
    border-color: rgba(223, 247, 255, 0.32) !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.16),
        0 0 18px rgba(56, 189, 248, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.050) !important;
}

body[data-yh-view="hub"][data-yh-page="dashboard"] .yh-resources-inline-view .yh-resource-mini-logo,
body[data-yh-view="hub"][data-yh-page="dashboard"] #yh-resources-inline-view .yh-resource-mini-logo {
    background: rgba(2, 8, 23, 0.22) !important;
}
/* END PATCH: Dashboard resources transparency tune v194 */

/* PATCH: Academy roadmap layout support v200 */
/* Layout-only lock: stop Roadmap from jumping when switching tabs. */
body[data-yh-view="academy"][data-yh-page="academy"] #academy-chat[data-chat-mode="home"],
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat {
    min-width: 0 !important;
    overflow: hidden !important;
}

body[data-yh-view="academy"][data-yh-page="academy"] #academy-chat[data-chat-mode="home"] > .chat-messages,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #academy-chat .chat-messages,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #academy-chat .chat-messages {
    padding: 16px 18px 20px !important;
    gap: 14px !important;
    align-content: start !important;
    scroll-padding-top: 14px !important;
}

body[data-yh-view="academy"][data-yh-page="academy"] #academy-chat[data-chat-mode="home"] .academy-messages-thread-shell,
body[data-yh-view="academy"][data-yh-page="academy"] #academy-chat[data-chat-mode="home"] .academy-messages-thread-shell #dynamic-chat-history,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .academy-messages-thread-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .academy-messages-thread-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .academy-messages-thread-shell #dynamic-chat-history,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .academy-messages-thread-shell #dynamic-chat-history {
    min-height: 0 !important;
    overflow: visible !important;
}

body[data-yh-view="academy"][data-yh-page="academy"] #academy-chat[data-chat-mode="home"] #chat-welcome-box,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] #chat-welcome-box,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] #chat-welcome-box {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
}

body[data-yh-view="academy"][data-yh-page="academy"] .academy-roadmap-tabs-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .academy-roadmap-tabs-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .academy-roadmap-tabs-shell {
    margin-top: 0 !important;
    padding-top: 0 !important;
    gap: 14px !important;
    min-height: 0 !important;
}

body[data-yh-view="academy"][data-yh-page="academy"] .academy-roadmap-tabs-head,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .academy-roadmap-tabs-head,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .academy-roadmap-tabs-head {
    position: relative !important;
    top: auto !important;
    flex: 0 0 auto !important;
    z-index: 20 !important;
    margin: 0 !important;
}

body[data-yh-view="academy"][data-yh-page="academy"] .academy-roadmap-tabs-body,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .academy-roadmap-tabs-body,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .academy-roadmap-tabs-body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body[data-yh-view="academy"][data-yh-page="academy"] .roadmap-transformation-system,
body[data-yh-view="academy"][data-yh-page="academy"] .roadmap-clean-shell,
body[data-yh-view="academy"][data-yh-page="academy"] .roadmap-clean-main,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .roadmap-transformation-system,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .roadmap-transformation-system,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .roadmap-clean-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .roadmap-clean-shell,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-embedded-academy-section="roadmap"] .roadmap-clean-main,
body.yh-dashboard-inline-embed-body[data-yh-dashboard-inline-active-target="roadmap"] .roadmap-clean-main {
    gap: 14px !important;
    margin-top: 0 !important;
    min-height: 0 !important;
}
/* END PATCH: Academy roadmap layout support v200 */