.theme-dark-active .amc-code { font-family: monospace; color: var(--NO-Primary); background: rgba(59,130,246,0.1); padding: 5px 12px; font-size: 0.9rem; border-radius: 0px !important}

body.theme-dark-active code {
background-color: ffffff00 !important;
color: inherit !important;
}

.pre {
border: solid 0px #f9462b00 !important;
background: #1E293B !important;
border-radius: 0px;

}
.theme-dark-active pre {
border: solid 0px #f9462b00 !important;
background: #1E293B !important;
border-radius: 0px !important;
}


body.theme-dark-active pre { 
background-color: #121323 !important;
}

body. pre { 
background-color: #121323 !important;
}
    /* Scope */
    #SmmPanelUS-API-Fortress { width: 100%; padding: 40px 0; font-family: 'Inter', sans-serif; }
    #SmmPanelUS-API-Fortress * { box-sizing: border-box; }
    .smm-iso-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

    /* Root Vars (Mode B + A mix) */
    :root {
        --NO-Card: #FFFFFF; --NO-Text: #1A202C; --NO-Muted: #64748B;
        --NO-Border: #E2E8F0; --NO-Primary: #3B82F6; --NO-Input-Bg: #F8FAFC;
        --NO-Shadow: 0 4px 20px rgba(0,0,0,0.05);
        --Code-Bg: #1E293B; --Err-Bg: #FEF2F2; --Err-Text: #991B1B;
        --Sel-Bg: #F1F5F9; --Sel-Border: #CBD5E1; --Sel-Focus: #3B82F6;
    }
    body.dark, .theme-dark-active {
        --NO-Card: #131525; --NO-Text: #FFFFFF; --NO-Muted: #A0AEC0; 
        --NO-Border: #2D3748; --NO-Input-Bg: #0F111E; 
        --NO-Shadow: 0 10px 30px rgba(0,0,0,0.3);
        --Code-Bg: #0F111E; --Sel-Bg: #1E293B; --Sel-Border: #334155; --Sel-Focus: #60A5FA;
    }

    /* 1. Hero & Visuals */
    .api-hero-card {
        background: var(--NO-Card); border: 1px solid var(--NO-Border); border-radius: 20px;
        padding: 50px; display: flex; gap: 40px; margin-bottom: 40px; box-shadow: var(--NO-Shadow);
        align-items: flex-start;
    }
    .ahc-content { flex: 1; }
    .ahc-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59,130,246,0.1); color: var(--NO-Primary); padding: 5px 12px; border-radius: 20px; font-weight: 700; font-size: 0.8rem; margin-bottom: 15px; }
    .ahc-content h1 { font-size: 2.5rem; font-weight: 900; color: var(--NO-Text); margin-bottom: 25px; line-height: 1.2; }
    .text-primary { color: var(--NO-Primary); }
    .api-seo-content { font-size: 1rem; color: var(--NO-Muted); line-height: 1.6; }
    
    .ahc-visual { width: 350px; flex-shrink: 0; }
    .code-window { background: var(--Code-Bg); border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
    .cw-header { background: rgba(255,255,255,0.05); padding: 10px 15px; display: flex; align-items: center; gap: 6px; }
    .dot { width: 10px; height: 10px; border-radius: 50%; }
    .red { background: #FF5F56; } .yellow { background: #FFBD2E; } .green { background: #27C93F; }
    .cw-title { margin-left: 10px; font-family: monospace; color: rgba(255,255,255,0.5); font-size: 0.8rem; }
    .cw-body { padding: 20px; font-family: 'Fira Code', monospace; font-size: 0.9rem; line-height: 1.5; color: #abb2bf; }
    .k { color: #c678dd; }

    /* Micro-Block Adjustment for Dark Mode */
    .micro-block-765 { 
        margin-top: 15px; padding: 15px; border-left: 3px solid var(--NO-Border); 
        background: var(--NO-Input-Bg); color: var(--NO-Muted); border-radius: 0 8px 8px 0;
    }

    /* 🔒 GUEST GATE (WARNING CARD) */
    .guest-gate-card {
        background: rgba(245, 158, 11, 0.05); border: 1px dashed #F59E0B;
        border-radius: 16px; padding: 30px; display: flex; align-items: center; gap: 20px;
        margin-bottom: 40px; position: relative; overflow: hidden;
    }
    .gg-icon { width: 50px; height: 50px; background: #F59E0B; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 5px 15px rgba(245, 158, 11, 0.3); }
    .gg-content { flex: 1; }
    .gg-content h3 { margin: 0 0 5px 0; font-size: 1.2rem; font-weight: 800; color: var(--NO-Text); }
    .gg-content p { margin: 0; color: var(--NO-Muted); font-size: 0.95rem; }
    .gg-actions { display: flex; gap: 10px; }
    
    .btn-iso-submit { display: inline-flex; align-items: center; gap: 10px; padding: 10px 20px; border-radius: 10px; font-weight: 700; text-decoration: none; transition: 0.2s; font-size: 0.9rem; cursor: pointer; border: none; }
    .warning-btn { background: #F59E0B; color: #fff; }
    .warning-btn:hover { background: #d97706; transform: translateY(-2px); }
    .ghost { background: transparent; border: 1px solid var(--NO-Border); color: var(--NO-Text); }
    .ghost:hover { border-color: var(--NO-Primary); color: var(--NO-Primary); }

    /* Tables & Methods */
    .api-section { margin-bottom: 40px; }
    .sect-title { font-size: 1.5rem; color: var(--NO-Text); margin-bottom: 20px; font-weight: 800; display: flex; align-items: center; gap: 10px; }
    .api-table { width: 100%; border-collapse: collapse; background: var(--NO-Card); border-radius: 12px; overflow: hidden; border: 1px solid var(--NO-Border); }
    .api-table td, .api-table th { padding: 15px 20px; border-bottom: 1px solid var(--NO-Border); color: var(--NO-Text); font-size: 0.95rem; }
    .api-table th { background: var(--NO-Input-Bg); font-weight: 700; text-align: left; color: var(--NO-Muted); text-transform: uppercase; font-size: 0.8rem; }
    .param-col { width: 200px; font-weight: 600; color: var(--NO-Muted); }
    .val-col code { background: var(--NO-Input-Bg); padding: 4px 8px; border-radius: 4px; color: var(--NO-Primary); border: 1px solid var(--NO-Border); font-family: monospace; }
    .btn-copy-mini { background: transparent; border: none; color: var(--NO-Muted); cursor: pointer; margin-left: 10px; }
    .api-key-box { display: flex; align-items: center; gap: 10px; }
    .blur-key { filter: blur(4px); user-select: none; opacity: 0.6; }

    /* Method Cards */
    .api-methods-container { display: flex; flex-direction: column; gap: 30px; margin-bottom: 60px; }
    .api-method-card { background: var(--NO-Card); border: 1px solid var(--NO-Border); border-radius: 16px; overflow: hidden; box-shadow: var(--NO-Shadow); }
    .amc-header { background: var(--NO-Input-Bg); padding: 20px 25px; border-bottom: 1px solid var(--NO-Border); }
    .amc-tag { font-weight: 800; font-size: 1.2rem; color: var(--NO-Text); margin-right: 15px; }
    .amc-code { font-family: monospace; color: var(--NO-Primary); background: rgba(59,130,246,0.1); padding: 5px 12px; border-radius: 0px !important; font-size: 0.9rem; }
    .amc-body { padding: 25px; }

    /* Selector (Mode B) */
    .type-selector-wrapper { margin-bottom: 30px; background: var(--NO-Input-Bg); padding: 20px; border-radius: 12px; border: 1px dashed var(--NO-Border); }
    .selector-label { display: block; font-weight: 700; color: var(--NO-Text); margin-bottom: 12px; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; }
    .mode-b-select-container { position: relative; max-width: 400px; }
    .mode-b-select { width: 100%; height: 50px; padding: 0 45px 0 15px; border-radius: 10px; border: 1px solid var(--Sel-Border); background: var(--Sel-Bg); color: var(--NO-Text); outline: none; appearance: none; font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: 0.2s; }
    .mode-b-select:focus { border-color: var(--Sel-Focus); box-shadow: 0 0 0 3px rgba(59,130,246,0.2); }
    .mode-b-arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--NO-Muted); pointer-events: none; }

    /* JSON & Params */
    .response-block { background: var(--Code-Bg); border-radius: 12px; margin-top: 25px; border: 1px solid var(--NO-Border); overflow: hidden; }
    .rb-label { background: rgba(255,255,255,0.1); color: #fff; font-size: 0.75rem; padding: 5px 15px; font-weight: 700; }
    .json-code { padding: 20px; color: #E2E8F0 !important; font-family: 'Fira Code', monospace; font-size: 0.9rem; overflow-x: auto; white-space: pre-wrap; margin: 0; 
    border: solid 2px #f9462b00; background: #2c394d !important; border-radius: 0px; !important}
    .code-font { font-family: monospace; color: #D946EF; font-weight: 600; }

    /* 🧠 SEO & ERRORS FOOTER */
    .api-seo-footer { 
        background: var(--NO-Card); border-top: 4px solid var(--NO-Primary); 
        padding: 50px; border-radius: 20px; margin-top: 60px; 
        box-shadow: var(--NO-Shadow); 
    }
    .seo-text-block h2 { font-size: 1.8rem; font-weight: 800; margin-bottom: 20px; color: var(--NO-Text); }
    .api-long-read { font-size: 1rem; line-height: 1.7; color: var(--NO-Muted); }
    .api-long-read h3 { color: var(--NO-Text); margin-top: 30px; margin-bottom: 15px; font-size: 1.3rem; }
    .api-long-read ul { padding-left: 0; list-style: none; margin-bottom: 25px; } /* Reset padding */
    .api-long-read li { 
        position: relative; 
        padding-left: 25px; 
        margin-bottom: 12px; 
        color: var(--NO-Muted); 
        line-height: 1.6; 
    }
    .api-long-read li::before { 
        content: "•"; /* Bullet symbol */
        position: absolute; left: 5px; top: -2px;
        color: var(--NO-Primary); font-weight: bold; font-size: 1.2rem; line-height: 1;
    }
    .api-long-read li strong { color: var(--NO-Text); }

    /* Troubleshooting Grid */
    .troubleshoot-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0; }
    .ts-card { background: var(--NO-Input-Bg); border: 1px solid var(--NO-Border); padding: 20px; border-radius: 12px; }
    .ts-card h4 { color: var(--Err-Text); font-size: 1rem; margin: 0 0 10px 0; border-bottom: 1px solid var(--NO-Border); padding-bottom: 10px; font-family: monospace; }
    .ts-card ul { padding-left: 0; list-style: none; margin: 0; }
    .ts-card li { font-size: 0.9rem; margin-bottom: 5px; color: var(--NO-Text); padding-left: 0; }
    .ts-card li::before { content: none; } /* Remove bullet inside cards for cleaner look */
    
    .cold-exit { font-size: 0.85rem; color: var(--NO-Muted); font-style: italic; border-top: 1px solid var(--NO-Border); padding-top: 15px; margin-top: 30px; }

    .api-footer-actions { margin-top: 40px; text-align: center; }

    @media (max-width: 991px) {
        .api-hero-card { flex-direction: column; padding: 30px; }
        .ahc-visual { width: 100%; }
        .guest-gate-card { flex-direction: column; text-align: center; }
        .gg-actions { width: 100%; justify-content: center; }
        .troubleshoot-grid { grid-template-columns: 1fr; }
    }