/* ============================================================
   BLOCKWORM // GLOBAL STYLESHEET (common.css)
   Bitcoin Blockchain Investigative Tool
   ============================================================ */

:root {
    --primary-glow: #4dfbe4;    /* Emerald/Cyan accent glow */
    --secondary-glow: #a8ffb2;  /* Pale green highlight */
    --danger-glow: #ff4d6d;     /* Error/warning red */
    --bg-dark: #050b14;         /* Deep cosmic black/blue */
    --bg-overlay: rgba(4, 15, 22, 0.85);
    --card-bg: rgba(5, 14, 22, 0.92);
    --card-bg-subtle: rgba(4, 18, 28, 0.88);
    --cell-bg: rgba(4, 14, 22, 0.65);
    --chip-bg: rgba(4, 20, 32, 0.75);
    --border-cyan: rgba(77, 251, 228, 0.3);
    --border-cyan-bright: rgba(77, 251, 228, 0.65);
    --text-primary: #ffffff;
    --text-secondary: #8dafb5;
    --text-muted: #5e848d;
    --text-subtle: #c4fcf5;
    --header-bg: rgba(4, 15, 22, 0.92);
    --header-border: rgba(77, 251, 228, 0.25);
    --header-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(77, 251, 228, 0.15);
    --logo-color: #ffffff;
    --logo-shadow: 0 0 12px rgba(77, 251, 228, 0.8);
    --sub-color: #c4fcf5;
    --nav-link-color: #a8d5db;
    --nav-link-hover: #4dfbe4;
    --table-header-bg: rgba(4, 24, 36, 0.95);
    --table-border: rgba(77, 251, 228, 0.2);
    --table-row-hover: rgba(77, 251, 228, 0.05);
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.45);
    --shadow-glow: 0 0 15px rgba(77, 251, 228, 0.4);
    --input-bg: rgba(3, 11, 16, 0.9);
    --input-border: rgba(77, 251, 228, 0.4);
    --toggle-bg: rgba(4, 20, 32, 0.92);
    --toggle-border: rgba(77, 251, 228, 0.45);
    --toggle-color: #4dfbe4;
    --toggle-label: #ffffff;
    --toggle-track-bg: rgba(2, 10, 16, 0.85);
    --toggle-thumb-bg: #4dfbe4;
    --toggle-thumb-transform: translateX(0);
    --toggle-moon-color: #4dfbe4;
    --toggle-moon-opacity: 1;
    --toggle-sun-color: #64748b;
    --toggle-sun-opacity: 0.4;
    color-scheme: dark;
}

[data-theme="light"],
html.theme-light,
body[data-theme="light"] {
    --primary-glow: #0284c7;    /* High-contrast electric azure/cyan */
    --secondary-glow: #059669;  /* Vibrant emerald */
    --danger-glow: #e11d48;     /* Crimson */
    --bg-dark: #f0f4f8;         /* Crisp platinum slate base */
    --bg-overlay: rgba(255, 255, 255, 0.85);
    --card-bg: rgba(255, 255, 255, 0.82);
    --card-bg-subtle: rgba(248, 250, 252, 0.9);
    --cell-bg: rgba(241, 245, 249, 0.85);
    --chip-bg: rgba(241, 245, 249, 0.92);
    --border-cyan: rgba(2, 132, 199, 0.28);
    --border-cyan-bright: #0284c7;
    --text-primary: #061a2c;    /* Deep obsidian navy - maximum sharpness & zero eye strain */
    --text-secondary: #334155;  /* Slate-700 */
    --text-muted: #64748b;      /* Slate-500 */
    --text-subtle: #0369a1;     /* Cyan slate */
    --header-bg: rgba(255, 255, 255, 0.88);
    --header-border: rgba(2, 132, 199, 0.25);
    --header-shadow: 0 4px 20px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(2, 132, 199, 0.15);
    --logo-color: #061a2c;
    --logo-shadow: 0 0 12px rgba(2, 132, 199, 0.25);
    --sub-color: #0284c7;
    --nav-link-color: #0f172a;
    --nav-link-hover: #0284c7;
    --table-header-bg: rgba(241, 245, 249, 0.95);
    --table-border: rgba(2, 132, 199, 0.22);
    --table-row-hover: rgba(2, 132, 199, 0.05);
    --shadow-card: 0 10px 30px -5px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.8) inset, 0 0 18px rgba(2, 132, 199, 0.1);
    --shadow-glow: 0 0 16px rgba(2, 132, 199, 0.28);
    --input-bg: rgba(255, 255, 255, 0.94);
    --input-border: rgba(2, 132, 199, 0.35);
    --toggle-bg: #ffffff;
    --toggle-border: #0284c7;
    --toggle-color: #0284c7;
    --toggle-label: #061a2c;
    --toggle-track-bg: #e2e8f0;
    --toggle-thumb-bg: #f59e0b;
    --toggle-thumb-transform: translateX(14px);
    --toggle-moon-color: #94a3b8;
    --toggle-moon-opacity: 0.35;
    --toggle-sun-color: #f59e0b;
    --toggle-sun-opacity: 1;
    color-scheme: light;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    background-color: var(--bg-dark);
    font-family: 'Rajdhani', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
    transition: background-color 0.25s ease, color 0.25s ease;
}

/* Global Hyperlinks */
a {
    color: var(--primary-glow);
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

a:hover, a:focus {
    color: #ffffff;
    text-shadow: 0 0 10px var(--primary-glow);
}

.auth-switch-link, .back-nav-link {
    color: var(--primary-glow);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.auth-switch-link:hover, .back-nav-link:hover {
    color: #ffffff;
    text-shadow: 0 0 10px var(--primary-glow);
    text-decoration: underline;
}

/* Light Mode Hyperlinks */
[data-theme="light"] a,
html.theme-light a,
body[data-theme="light"] a {
    color: #0284c7;
}

[data-theme="light"] a:hover,
[data-theme="light"] a:focus,
html.theme-light a:hover,
html.theme-light a:focus,
body[data-theme="light"] a:hover,
body[data-theme="light"] a:focus {
    color: #0369a1;
    text-shadow: none;
}

/* Button-styled links MUST ALWAYS maintain crisp white text in Light Mode */
[data-theme="light"] a.cyber-btn,
[data-theme="light"] a.nav-link-btn,
[data-theme="light"] a.pricing-action-btn,
[data-theme="light"] a.form-submit-btn,
[data-theme="light"] a.modal-btn-confirm,
[data-theme="light"] a.nav-btn,
[data-theme="light"] a.nav-link.active,
html.theme-light a.cyber-btn,
html.theme-light a.nav-link-btn,
html.theme-light a.pricing-action-btn,
html.theme-light a.form-submit-btn,
html.theme-light a.modal-btn-confirm,
html.theme-light a.nav-btn,
html.theme-light a.nav-link.active,
body[data-theme="light"] a.cyber-btn,
body[data-theme="light"] a.nav-link-btn,
body[data-theme="light"] a.pricing-action-btn,
body[data-theme="light"] a.form-submit-btn,
body[data-theme="light"] a.modal-btn-confirm,
body[data-theme="light"] a.nav-btn,
body[data-theme="light"] a.nav-link.active {
    color: #ffffff !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

[data-theme="light"] .auth-switch-link,
[data-theme="light"] .back-nav-link,
html.theme-light .auth-switch-link,
html.theme-light .back-nav-link,
body[data-theme="light"] .auth-switch-link,
body[data-theme="light"] .back-nav-link {
    color: #0284c7 !important;
}

[data-theme="light"] .auth-switch-link:hover,
[data-theme="light"] .back-nav-link:hover,
html.theme-light .auth-switch-link:hover,
html.theme-light .back-nav-link:hover,
body[data-theme="light"] .auth-switch-link:hover,
body[data-theme="light"] .back-nav-link:hover {
    color: #0369a1 !important;
    text-shadow: none !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #02070c;
}
::-webkit-scrollbar-thumb {
    background: rgba(77, 251, 228, 0.35);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary-glow);
}

/* Background Atmosphere for Subpages */
.page-atmosphere {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-image: 
        radial-gradient(circle at 50% 15%, rgba(77, 251, 228, 0.08) 0%, transparent 55%),
        radial-gradient(circle at 85% 85%, rgba(57, 255, 20, 0.04) 0%, transparent 45%),
        linear-gradient(180deg, rgba(5, 11, 20, 0.88) 0%, rgba(3, 8, 15, 0.95) 100%),
        url('blockworm_clean_bg.jpg?v=20261021');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    transition: background 0.3s ease;
}

[data-theme="light"] .page-atmosphere,
html.theme-light .page-atmosphere,
body[data-theme="light"] .page-atmosphere {
    background-color: #f1f5f9;
    background-image: 
        radial-gradient(circle at 50% 12%, rgba(2, 132, 199, 0.06) 0%, transparent 60%),
        radial-gradient(circle at 85% 85%, rgba(16, 185, 129, 0.05) 0%, transparent 50%),
        linear-gradient(180deg, rgba(241, 245, 249, 0.68) 0%, rgba(226, 232, 240, 0.80) 100%),
        url('blockworm_light_bg.jpg?v=20261021_fresh') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* ============================================================
   STANDARD HEADER
   ============================================================ */
.site-header, site-header {
    display: block;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: var(--header-bg) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--header-border) !important;
    box-shadow: var(--header-shadow) !important;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.header-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 16px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-brand {
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    gap: 3px;
    transition: opacity 0.2s ease;
}

.header-brand:hover,
.header-brand:focus,
.header-brand:active,
.header-brand *,
.header-brand:hover * {
    text-decoration: none !important;
    border-bottom: none !important;
}

.header-brand:hover {
    opacity: 0.92;
}

.brand-logo {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.85rem;
    font-weight: 800;
    letter-spacing: 3px;
    color: var(--logo-color) !important;
    text-shadow: var(--logo-shadow);
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color 0.25s ease;
}

.brand-header-icon {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 7px rgba(77, 251, 228, 0.75));
    transition: transform 0.25s ease, filter 0.25s ease;
    vertical-align: middle;
    display: inline-block;
    flex-shrink: 0;
}

.header-brand:hover .brand-header-icon {
    transform: scale(1.08) rotate(3deg);
    filter: drop-shadow(0 0 12px rgba(77, 251, 228, 1));
}

.brand-sub {
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--sub-color) !important;
    text-shadow: none;
    transition: color 0.25s ease;
}

.header-nav {
    display: flex;
    align-items: center;
    gap: 16px;
}

.nav-link {
    text-decoration: none !important;
    color: var(--nav-link-color) !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 8px 18px;
    transition: all 0.25s ease;
    border: 1px solid transparent;
    text-transform: uppercase;
}

.nav-link:hover {
    color: var(--nav-link-hover) !important;
    text-shadow: 0 0 8px var(--primary-glow);
}

/* Active Highlighted Button (e.g. PROJECTS) - NEVER DIM */
.nav-link.active {
    color: #050b14 !important;
    border: 1px solid #4dfbe4 !important;
    background: #4dfbe4 !important;
    box-shadow: 0 0 16px rgba(77, 251, 228, 0.7), inset 0 0 8px rgba(255, 255, 255, 0.5) !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}

[data-theme="light"] .nav-link.active,
html.theme-light .nav-link.active,
body[data-theme="light"] .nav-link.active {
    color: #ffffff !important;
    background: #0284c7 !important;
    border: 1px solid #0284c7 !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.nav-link-btn {
    text-decoration: none !important;
    background: rgba(77, 251, 228, 0.12);
    border: 1px solid var(--primary-glow);
    color: var(--primary-glow) !important;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 8px 22px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(77, 251, 228, 0.2), inset 0 0 8px rgba(77, 251, 228, 0.1);
    transition: all 0.3s ease;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.nav-link-btn:hover {
    background: rgba(77, 251, 228, 0.25);
    box-shadow: 0 0 20px rgba(77, 251, 228, 0.5), inset 0 0 12px rgba(77, 251, 228, 0.2);
    text-shadow: 0 0 8px var(--primary-glow);
    color: #ffffff !important;
}

[data-theme="light"] .nav-link-btn,
html.theme-light .nav-link-btn,
body[data-theme="light"] .nav-link-btn {
    background: #0284c7 !important;
    border: 1px solid #0284c7 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

[data-theme="light"] .nav-link-btn:hover,
html.theme-light .nav-link-btn:hover,
body[data-theme="light"] .nav-link-btn:hover {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.5) !important;
}

/* Logged-In User Badge (e.g. ACCOUNT: WORM) - VIBRANT, HIGH CONTRAST & NEVER DIM */
.nav-link.logged-in,
.nav-link-btn.logged-in,
.nav-btn.logged-in {
    border: 1px solid #39ff14 !important;
    color: #050b14 !important;
    background: #39ff14 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 18px rgba(57, 255, 20, 0.7), inset 0 0 6px rgba(255, 255, 255, 0.4) !important;
    text-shadow: none !important;
}

.nav-link.logged-in:hover,
.nav-link-btn.logged-in:hover,
.nav-btn.logged-in:hover {
    border-color: #25d406 !important;
    color: #050b14 !important;
    background: #25d406 !important;
    box-shadow: 0 0 25px rgba(57, 255, 20, 0.9) !important;
}

[data-theme="light"] .nav-link.logged-in,
[data-theme="light"] .nav-link-btn.logged-in,
[data-theme="light"] .nav-btn.logged-in,
html.theme-light .nav-link.logged-in,
html.theme-light .nav-btn.logged-in {
    border: 1px solid #059669 !important;
    color: #ffffff !important;
    background: #059669 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.4) !important;
    text-shadow: none !important;
}

[data-theme="light"] .nav-link.logged-in:hover,
[data-theme="light"] .nav-link-btn.logged-in:hover,
[data-theme="light"] .nav-btn.logged-in:hover,
html.theme-light .nav-link.logged-in:hover,
html.theme-light .nav-btn.logged-in:hover {
    border-color: #047857 !important;
    background: #047857 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(4, 120, 87, 0.5) !important;
}

/* ============================================================
   MAIN CONTENT AREA
   ============================================================ */
.main-content {
    flex: 1;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 25px 80px;
}

/* Tech Header Hero */
.section-hero {
    text-align: center;
    margin-bottom: 50px;
}

.hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(77, 251, 228, 0.08);
    border: 1px solid rgba(77, 251, 228, 0.3);
    padding: 6px 16px;
    border-radius: 20px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.85rem;
    color: var(--primary-glow);
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.hero-pill-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #39ff14;
    box-shadow: 0 0 8px #39ff14;
}

.section-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: 3px;
    color: #ffffff;
    margin: 0 0 15px;
    text-shadow: 0 0 15px rgba(77, 251, 228, 0.6);
}

.section-subtitle {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    color: #c4fcf5;
    max-width: 750px;
    margin: 0 auto;
    line-height: 1.5;
    letter-spacing: 1px;
}

/* ============================================================
   CYBER CARD & BOX STYLES
   ============================================================ */
.cyber-card {
    background: var(--card-bg);
    border: 1px solid var(--border-cyan);
    padding: 40px;
    position: relative;
    box-shadow: 0 0 35px rgba(77, 251, 228, 0.15), inset 0 0 20px rgba(77, 251, 228, 0.05);
}

.cyber-card::before, .cyber-card::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--primary-glow);
    pointer-events: none;
}
.cyber-card::before { top: -2px; left: -2px; border-right: none; border-bottom: none; }
.cyber-card::after { bottom: -2px; right: -2px; border-left: none; border-top: none; }

/* Form Elements */
.form-group {
    margin-bottom: 22px;
}

.form-label {
    display: block;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.9rem;
    color: var(--primary-glow);
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.form-input {
    width: 100%;
    box-sizing: border-box;
    background: rgba(3, 11, 16, 0.9);
    border: 1px solid rgba(77, 251, 228, 0.4);
    color: #ffffff;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.05rem;
    padding: 12px 16px;
    outline: none;
    transition: all 0.25s ease;
}

.form-input:focus {
    border-color: var(--primary-glow);
    box-shadow: 0 0 14px rgba(77, 251, 228, 0.4), inset 0 0 8px rgba(77, 251, 228, 0.15);
}

.form-input::placeholder {
    color: rgba(123, 159, 161, 0.6);
}

textarea.form-input {
    resize: vertical;
    min-height: 120px;
    line-height: 1.5;
}

.form-submit-btn {
    width: 100%;
    margin-top: 15px;
    background: rgba(77, 251, 228, 0.14);
    border: 1px solid var(--primary-glow);
    color: var(--primary-glow);
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 14px 24px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 0 15px rgba(77, 251, 228, 0.25);
    transition: all 0.3s ease;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.form-submit-btn:hover {
    background: rgba(77, 251, 228, 0.3);
    box-shadow: 0 0 25px rgba(77, 251, 228, 0.65);
    text-shadow: 0 0 8px var(--primary-glow);
    color: #ffffff;
}

.form-submit-btn.btn-cancel,
.btn-cancel {
    background: rgba(255, 77, 109, 0.14);
    border: 1px solid #ff4d6d;
    color: #ff99aa;
    box-shadow: 0 0 15px rgba(255, 77, 109, 0.25);
}

.form-submit-btn.btn-cancel:hover,
.btn-cancel:hover {
    background: rgba(255, 77, 109, 0.3);
    border-color: #ff4d6d;
    box-shadow: 0 0 25px rgba(255, 77, 109, 0.65);
    text-shadow: 0 0 8px #ff4d6d;
    color: #ffffff;
}

.form-submit-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.form-feedback {
    margin-top: 18px;
    padding: 12px 16px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.95rem;
    border-radius: 2px;
    display: none;
    line-height: 1.4;
}

.form-feedback.error {
    display: block;
    background: rgba(255, 77, 109, 0.15);
    border: 1px solid var(--danger-glow);
    color: #ff99aa;
    text-shadow: 0 0 8px rgba(255, 77, 109, 0.5);
}

.form-feedback.success {
    display: block;
    background: rgba(57, 255, 20, 0.12);
    border: 1px solid #39ff14;
    color: #a8ffb2;
    text-shadow: 0 0 8px rgba(57, 255, 20, 0.5);
}

/* ============================================================
   AUTOMATIC CAPTCHA BADGE
   ============================================================ */
.auto-captcha-badge {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    background: rgba(4, 24, 28, 0.75);
    border: 1px solid rgba(77, 251, 228, 0.35);
    border-radius: 4px;
    box-shadow: inset 0 0 10px rgba(77, 251, 228, 0.08);
    user-select: none;
    transition: all 0.3s ease;
    margin-bottom: 5px;
}

.auto-captcha-badge.verified {
    border-color: #39ff14;
    background: rgba(4, 32, 22, 0.85);
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.2), inset 0 0 10px rgba(57, 255, 20, 0.1);
}

.auto-captcha-indicator {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #4dfbe4;
    box-shadow: 0 0 8px #4dfbe4;
    animation: pulse-glow 1.5s infinite;
    flex-shrink: 0;
}

.auto-captcha-badge.verified .auto-captcha-indicator {
    background-color: #39ff14;
    box-shadow: 0 0 12px #39ff14;
    animation: none;
}

.auto-captcha-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.auto-captcha-label {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.95rem;
    color: #4dfbe4;
    letter-spacing: 1px;
    font-weight: 600;
}

.auto-captcha-badge.verified .auto-captcha-label {
    color: #a8ffb2;
}

.auto-captcha-meta {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.78rem;
    color: #7b9fa1;
}

.auto-captcha-badge.verified .auto-captcha-meta {
    color: #88cfa5;
}

/* Automated Bot Shield Status */
.shield-status-note {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.8rem;
    color: #6b9296;
    text-align: center;
    margin-top: 15px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.shield-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #39ff14;
    box-shadow: 0 0 6px #39ff14;
}


/* ============================================================
   STANDARD FOOTER
   ============================================================ */
.site-footer, site-footer {
    display: block;
    background: rgba(3, 9, 15, 0.97);
    border-top: 1px solid rgba(77, 251, 228, 0.2);
    box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.5);
    margin-top: auto;
    width: 100%;
}

.footer-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 45px 30px;
    display: grid;
    grid-template-columns: 2fr 1fr 1.2fr 1.2fr;
    gap: 40px;
}

.footer-col.brand-col {
    padding-right: 20px;
}

.footer-logo {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.7rem;
    font-weight: 800;
    letter-spacing: 3px;
    color: #ffffff;
    text-shadow: 0 0 10px rgba(77, 251, 228, 0.7);
    margin-bottom: 12px;
}

.footer-tagline {
    font-size: 0.98rem;
    color: #8dafb5;
    line-height: 1.6;
    margin-bottom: 16px;
    max-width: 380px;
}

.network-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(4, 24, 28, 0.85);
    border: 1px solid rgba(77, 251, 228, 0.35);
    padding: 7px 14px;
    border-radius: 3px;
}

.badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #39ff14;
    box-shadow: 0 0 8px #39ff14;
    animation: pulse-glow 2s infinite;
}

.badge-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.82rem;
    color: #a8ffb2;
    letter-spacing: 1px;
}

.footer-heading {
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary-glow);
    letter-spacing: 2px;
    margin: 0 0 18px;
    text-shadow: 0 0 8px rgba(77, 251, 228, 0.4);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-links a, .footer-links span {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    color: #92b8be;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}

.footer-links a:hover {
    color: var(--primary-glow);
    transform: translateX(4px);
    text-shadow: 0 0 8px var(--primary-glow);
}

.footer-bottom {
    border-top: 1px solid rgba(77, 251, 228, 0.12);
    padding: 20px 30px;
    background: rgba(2, 6, 11, 0.95);
}

.footer-bottom-inner {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.85rem;
    color: #64868c;
}

.copyright {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.85rem;
    color: #64868c;
    letter-spacing: 0.5px;
    margin: 0;
}

.footer-donations {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 0.85rem !important;
    color: #64868c !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    margin: 6px 0 0;
    line-height: 1.5;
    white-space: nowrap;
}

.footer-donations .donations-label {
    color: inherit !important;
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    margin-right: 4px;
}

.footer-donations .donations-address {
    color: inherit !important;
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    cursor: pointer;
    border-bottom: none !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.footer-donations .donations-address:hover {
    color: var(--primary-glow);
    text-shadow: 0 0 6px var(--primary-glow);
}

.footer-legal {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* ============================================================
   AUTH TABS & PROFILE (For login.html)
   ============================================================ */
.auth-tabs {
    display: flex;
    border-bottom: 1px solid rgba(77, 251, 228, 0.3);
    margin-bottom: 25px;
    gap: 10px;
}

.auth-tab {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #a8d5db;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 12px 10px;
    cursor: pointer;
    transition: all 0.25s ease;
    text-transform: uppercase;
}

.auth-tab:hover {
    color: var(--primary-glow);
    text-shadow: 0 0 8px rgba(77, 251, 228, 0.6);
}

.auth-tab.active {
    color: var(--primary-glow);
    border-bottom: 2px solid var(--primary-glow);
    background: rgba(77, 251, 228, 0.08);
}

.form-pane {
    display: none;
}

.form-pane.active {
    display: block;
    animation: fadeIn 0.25s ease;
}

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

.profile-view {
    text-align: center;
    padding: 20px 10px;
}

.profile-avatar {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 2px solid var(--primary-glow);
    box-shadow: 0 0 20px var(--primary-glow);
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    color: var(--primary-glow);
    background: rgba(77, 251, 228, 0.1);
}

.profile-username {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.6rem;
    color: #ffffff;
    margin-bottom: 8px;
    letter-spacing: 2px;
    text-shadow: 0 0 10px rgba(77, 251, 228, 0.5);
}

.profile-email {
    font-family: 'Share Tech Mono', monospace;
    color: #a8ffb2;
    font-size: 1.1rem;
    margin-bottom: 25px;
}

/* ============================================================
   PRICING PAGE STYLES
   ============================================================ */
.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 40px 0 60px;
    align-items: stretch;
}

.pricing-card {
    background: var(--card-bg);
    border: 1px solid var(--border-cyan);
    padding: 40px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.6);
}

.pricing-card::before, .pricing-card::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--primary-glow);
    pointer-events: none;
}
.pricing-card::before { top: -2px; left: -2px; border-right: none; border-bottom: none; }
.pricing-card::after { bottom: -2px; right: -2px; border-left: none; border-top: none; }

.pricing-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(77, 251, 228, 0.2);
    border-color: var(--border-cyan-bright);
}

.pricing-card.featured {
    border-color: var(--primary-glow);
    background: linear-gradient(180deg, rgba(7, 24, 34, 0.96) 0%, rgba(4, 15, 22, 0.94) 100%);
    box-shadow: 0 0 35px rgba(77, 251, 228, 0.3), inset 0 0 20px rgba(77, 251, 228, 0.08);
}

.pricing-badge-popular {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-glow);
    color: #050b14;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 2px;
    padding: 4px 18px;
    border-radius: 12px;
    text-transform: uppercase;
    box-shadow: 0 0 15px rgba(77, 251, 228, 0.8);
    white-space: nowrap;
}

.pricing-header {
    border-bottom: 1px solid rgba(77, 251, 228, 0.2);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.pricing-tier-name {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.4rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 2px;
    margin: 0 0 10px;
    text-shadow: 0 0 10px rgba(77, 251, 228, 0.5);
}

.pricing-tier-desc {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    color: #8dafb5;
    line-height: 1.4;
    min-height: 42px;
    margin: 0;
}

.pricing-price-wrap {
    margin: 20px 0 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.pricing-amount {
    font-family: 'Orbitron', sans-serif;
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--primary-glow);
    letter-spacing: 1px;
    text-shadow: 0 0 15px rgba(77, 251, 228, 0.5);
}

.pricing-period {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.95rem;
    color: #7b9fa1;
}

.pricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 35px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    color: #d1ecef;
    line-height: 1.4;
}

.feature-check {
    color: #39ff14;
    font-size: 1.1rem;
    line-height: 1;
    text-shadow: 0 0 6px #39ff14;
    margin-top: 2px;
    flex-shrink: 0;
}

.pricing-action-btn {
    width: 100%;
    text-align: center;
    text-decoration: none;
    display: block;
    background: rgba(77, 251, 228, 0.12);
    border: 1px solid var(--primary-glow);
    color: var(--primary-glow);
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 14px 20px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 0 15px rgba(77, 251, 228, 0.2);
    transition: all 0.3s ease;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.pricing-action-btn:hover {
    background: rgba(77, 251, 228, 0.28);
    box-shadow: 0 0 25px rgba(77, 251, 228, 0.6);
    color: #ffffff;
    text-shadow: 0 0 8px var(--primary-glow);
}

.pricing-action-btn.featured-btn {
    background: var(--primary-glow);
    color: #050b14;
    font-weight: 800;
    box-shadow: 0 0 20px rgba(77, 251, 228, 0.6);
}

.pricing-action-btn.featured-btn:hover {
    background: #ffffff;
    color: #03080f;
    box-shadow: 0 0 30px rgba(77, 251, 228, 0.9);
}

/* Feature Comparison Matrix */
.matrix-section {
    margin: 80px 0 60px;
}

.table-responsive {
    overflow-x: auto;
    background: var(--card-bg);
    border: 1px solid var(--border-cyan);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    margin-top: 30px;
}

.matrix-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.matrix-table th, .matrix-table td {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(77, 251, 228, 0.15);
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
}

.matrix-table th {
    background: rgba(7, 24, 34, 0.9);
    font-family: 'Orbitron', sans-serif;
    font-size: 0.95rem;
    letter-spacing: 2px;
    color: var(--primary-glow);
    text-transform: uppercase;
}

.matrix-table td:first-child {
    font-weight: 600;
    color: #ffffff;
}

.matrix-table td {
    color: #92b8be;
}

.matrix-table tr:hover td {
    background: rgba(77, 251, 228, 0.04);
}

/* FAQ Section */
.faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 35px;
}

.faq-card {
    background: rgba(5, 14, 22, 0.85);
    border: 1px solid rgba(77, 251, 228, 0.25);
    padding: 25px 30px;
    border-radius: 2px;
    box-shadow: inset 0 0 15px rgba(77, 251, 228, 0.04);
}

.faq-q {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary-glow);
    margin: 0 0 12px;
    letter-spacing: 1px;
}

.faq-a {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.05rem;
    color: #a8d5db;
    line-height: 1.55;
    margin: 0;
}

/* ============================================================
   CONTACT PAGE LAYOUT
   ============================================================ */
.contact-container, .contact-layout {
    max-width: 580px;
    margin: 20px auto 40px;
    width: 100%;
}

.contact-info-card, .dispatch-info-card {
    background: var(--card-bg);
    border: 1px solid var(--border-cyan);
    padding: 40px 30px;
    position: relative;
    box-shadow: 0 0 30px rgba(77, 251, 228, 0.12);
}

.contact-info-card::before, .contact-info-card::after,
.dispatch-info-card::before, .dispatch-info-card::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid var(--primary-glow);
    pointer-events: none;
}
.contact-info-card::before, .dispatch-info-card::before { top: -2px; left: -2px; border-right: none; border-bottom: none; }
.contact-info-card::after, .dispatch-info-card::after { bottom: -2px; right: -2px; border-left: none; border-top: none; }

.contact-block, .dispatch-block {
    margin-bottom: 28px;
    border-bottom: 1px solid rgba(77, 251, 228, 0.15);
    padding-bottom: 20px;
}

.contact-block:last-child, .dispatch-block:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-label, .dispatch-label {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.85rem;
    color: var(--primary-glow);
    letter-spacing: 1.5px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.contact-value, .dispatch-value {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.4;
}

.contact-value a, .dispatch-value a {
    color: #a8ffb2;
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-value a:hover, .dispatch-value a:hover {
    color: var(--primary-glow);
    text-shadow: 0 0 8px var(--primary-glow);
}

.contact-desc, .dispatch-desc {
    font-size: 0.95rem;
    color: #7b9fa1;
    margin-top: 5px;
    line-height: 1.4;
}

/* ============================================================
   RESPONSIVE DESIGN
   ============================================================ */
@media (max-width: 1024px) {
    .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 550px;
        margin: 40px auto 60px;
    }
    .contact-layout {
        grid-template-columns: 1fr;
    }
    .faq-grid {
        grid-template-columns: 1fr;
    }
    .footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .header-inner {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    .header-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .footer-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .footer-bottom-inner {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    .section-title {
        font-size: 2rem;
    }
    .cyber-card {
        padding: 25px 20px;
    }
}

/* ============================================================
   LIGHT / DARK THEME TOGGLE (Upper Right Component)
   ============================================================ */
/* ============================================================
   LIGHT / DARK THEME TOGGLE (Upper Right Component)
   ============================================================ */
.theme-toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 6px 14px 6px 10px !important;
    background: var(--toggle-bg, rgba(4, 20, 32, 0.92)) !important;
    border: 1px solid var(--toggle-border, rgba(77, 251, 228, 0.45)) !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    color: var(--toggle-color, #4dfbe4) !important;
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 0 10px rgba(77, 251, 228, 0.15), inset 0 0 8px rgba(77, 251, 228, 0.08) !important;
    user-select: none !important;
    outline: none !important;
    flex-shrink: 0 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.theme-toggle-btn:hover {
    border-color: var(--primary-glow) !important;
    box-shadow: 0 0 16px rgba(77, 251, 228, 0.4), inset 0 0 10px rgba(77, 251, 228, 0.15) !important;
    transform: translateY(-1px);
}

.theme-toggle-btn:focus-visible {
    outline: 2px solid var(--primary-glow) !important;
    outline-offset: 2px !important;
}

.theme-toggle-btn:active {
    transform: scale(0.97);
}

.theme-icon-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    transition: all 0.25s ease !important;
}

.theme-icon-box svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
}

.theme-moon {
    color: var(--toggle-moon-color, #4dfbe4) !important;
    filter: drop-shadow(0 0 5px var(--toggle-moon-color, #4dfbe4)) !important;
    opacity: var(--toggle-moon-opacity, 1) !important;
}

.theme-sun {
    color: var(--toggle-sun-color, #64748b) !important;
    opacity: var(--toggle-sun-opacity, 0.45) !important;
    filter: none !important;
}

/* Switch Track & Thumb */
.theme-switch-track {
    width: 32px !important;
    height: 18px !important;
    background: var(--toggle-track-bg, rgba(2, 10, 16, 0.85)) !important;
    border: 1px solid var(--toggle-border, rgba(77, 251, 228, 0.4)) !important;
    border-radius: 10px !important;
    position: relative !important;
    display: inline-block !important;
    transition: all 0.25s ease !important;
}

.theme-switch-thumb {
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: var(--toggle-thumb-bg, #4dfbe4) !important;
    box-shadow: 0 0 8px var(--toggle-thumb-bg, #4dfbe4) !important;
    transform: var(--toggle-thumb-transform, translateX(0)) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, box-shadow 0.25s ease !important;
}

.theme-mode-label {
    display: inline-block !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    color: var(--toggle-label, #ffffff) !important;
    min-width: 40px !important;
    text-align: left !important;
}

/* Light Mode Overrides for Toggle */
[data-theme="light"] .theme-toggle-btn,
html.theme-light .theme-toggle-btn,
body[data-theme="light"] .theme-toggle-btn,
.theme-toggle-btn.is-light {
    background: #ffffff !important;
    border-color: rgba(2, 132, 199, 0.45) !important;
    color: #0284c7 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08), 0 0 10px rgba(2, 132, 199, 0.15) !important;
}

[data-theme="light"] .theme-toggle-btn:hover,
html.theme-light .theme-toggle-btn:hover,
body[data-theme="light"] .theme-toggle-btn:hover,
.theme-toggle-btn.is-light:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.3) !important;
}

[data-theme="light"] .theme-moon,
html.theme-light .theme-moon,
body[data-theme="light"] .theme-moon,
.theme-toggle-btn.is-light .theme-moon {
    color: #94a3b8 !important;
    filter: none !important;
    opacity: 0.4 !important;
}

[data-theme="light"] .theme-sun,
html.theme-light .theme-sun,
body[data-theme="light"] .theme-sun,
.theme-toggle-btn.is-light .theme-sun {
    color: #f59e0b !important;
    filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.7)) !important;
    opacity: 1 !important;
}

[data-theme="light"] .theme-switch-track,
html.theme-light .theme-switch-track,
body[data-theme="light"] .theme-switch-track,
.theme-toggle-btn.is-light .theme-switch-track {
    background: #e2e8f0 !important;
    border-color: rgba(2, 132, 199, 0.4) !important;
}

[data-theme="light"] .theme-switch-thumb,
html.theme-light .theme-switch-thumb,
body[data-theme="light"] .theme-switch-thumb,
.theme-toggle-btn.is-light .theme-switch-thumb {
    transform: translateX(14px) !important;
    background: #f59e0b !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.8) !important;
}

[data-theme="light"] .theme-mode-label,
html.theme-light .theme-mode-label,
body[data-theme="light"] .theme-mode-label,
.theme-toggle-btn.is-light .theme-mode-label {
    color: #0f172a !important;
}

/* ============================================================
   GLOBAL LIGHT THEME SYSTEM (COMPREHENSIVE OVERHAUL)
   ============================================================ */

/* Text selection & Scrollbars */
[data-theme="light"] ::selection {
    background: #0284c7;
    color: #ffffff;
}
[data-theme="light"] ::-moz-selection {
    background: #0284c7;
    color: #ffffff;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: #e2e8f0;
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(2, 132, 199, 0.35);
    border-radius: 4px;
}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #0284c7;
}

/* --- Header & Navigation --- */
[data-theme="light"] .site-header,
[data-theme="light"] site-header,
html.theme-light .site-header,
html.theme-light site-header,
body[data-theme="light"] .site-header,
body[data-theme="light"] site-header {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1.5px solid rgba(2, 132, 199, 0.3) !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(2, 132, 199, 0.15) !important;
}

[data-theme="light"] .brand-logo,
html.theme-light .brand-logo,
body[data-theme="light"] .brand-logo {
    color: #061a2c !important;
    text-shadow: 0 1px 8px rgba(2, 132, 199, 0.25) !important;
}

[data-theme="light"] .brand-header-icon,
html.theme-light .brand-header-icon,
body[data-theme="light"] .brand-header-icon {
    filter: drop-shadow(0 2px 6px rgba(2, 132, 199, 0.5)) !important;
}

[data-theme="light"] .brand-sub,
html.theme-light .brand-sub,
body[data-theme="light"] .brand-sub {
    color: #0284c7 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

[data-theme="light"] .nav-link,
html.theme-light .nav-link,
body[data-theme="light"] .nav-link {
    color: #061a2c !important;
    font-weight: 700 !important;
}

[data-theme="light"] .nav-link:hover,
html.theme-light .nav-link:hover,
body[data-theme="light"] .nav-link:hover {
    color: #0284c7 !important;
    text-shadow: none !important;
}

[data-theme="light"] .nav-link.active,
html.theme-light .nav-link.active,
body[data-theme="light"] .nav-link.active {
    color: #ffffff !important;
    background: #0284c7 !important;
    border: 1px solid #0284c7 !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.45) !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

/* --- Footer --- */
[data-theme="light"] .site-footer,
[data-theme="light"] site-footer,
html.theme-light .site-footer,
html.theme-light site-footer,
body[data-theme="light"] .site-footer,
body[data-theme="light"] site-footer {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    border-top: 1.5px solid rgba(2, 132, 199, 0.25) !important;
    box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .footer-logo,
html.theme-light .footer-logo,
body[data-theme="light"] .footer-logo {
    color: #061a2c !important;
    text-shadow: 0 0 10px rgba(2, 132, 199, 0.25) !important;
}

[data-theme="light"] .footer-tagline,
html.theme-light .footer-tagline,
body[data-theme="light"] .footer-tagline {
    color: #334155 !important;
}

[data-theme="light"] .footer-heading,
html.theme-light .footer-heading,
body[data-theme="light"] .footer-heading {
    color: #061a2c !important;
    text-shadow: none !important;
}

[data-theme="light"] .footer-links a,
[data-theme="light"] .footer-links span,
html.theme-light .footer-links a,
html.theme-light .footer-links span,
body[data-theme="light"] .footer-links a,
body[data-theme="light"] .footer-links span {
    color: #0284c7 !important;
}

[data-theme="light"] .footer-links a:hover,
html.theme-light .footer-links a:hover,
body[data-theme="light"] .footer-links a:hover {
    color: #0369a1 !important;
}

[data-theme="light"] .footer-bottom,
html.theme-light .footer-bottom,
body[data-theme="light"] .footer-bottom {
    background: #e2e8f0 !important;
    border-top: 1px solid rgba(2, 132, 199, 0.15) !important;
}

[data-theme="light"] .footer-bottom-inner,
[data-theme="light"] .copyright,
html.theme-light .copyright,
body[data-theme="light"] .copyright {
    color: #64748b !important;
}

/* --- Section Headings & Titles --- */
[data-theme="light"] .section-title,
[data-theme="light"] .area-title,
[data-theme="light"] .report-section-title,
[data-theme="light"] .toolbar-title,
[data-theme="light"] .hero-title,
html.theme-light .section-title,
html.theme-light .area-title,
html.theme-light .report-section-title,
html.theme-light .toolbar-title,
html.theme-light .hero-title,
body[data-theme="light"] .section-title,
body[data-theme="light"] .area-title,
body[data-theme="light"] .report-section-title,
body[data-theme="light"] .toolbar-title,
body[data-theme="light"] .hero-title {
    color: #061a2c !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9) !important;
}

[data-theme="light"] .section-subtitle,
[data-theme="light"] .hero-desc,
[data-theme="light"] .area-tag,
html.theme-light .section-subtitle,
html.theme-light .hero-desc,
html.theme-light .area-tag,
body[data-theme="light"] .section-subtitle,
body[data-theme="light"] .hero-desc,
body[data-theme="light"] .area-tag {
    color: #334155 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .hero-pill,
html.theme-light .hero-pill,
body[data-theme="light"] .hero-pill {
    background: rgba(2, 132, 199, 0.08) !important;
    border: 1px solid rgba(2, 132, 199, 0.3) !important;
    color: #0284c7 !important;
}

/* --- Cards & Containers --- */
[data-theme="light"] .workspace-area,
[data-theme="light"] .cyber-card,
[data-theme="light"] .report-card,
[data-theme="light"] .legal-card,
[data-theme="light"] .concept-card,
[data-theme="light"] .pricing-card,
[data-theme="light"] .admin-card,
[data-theme="light"] .admin-stat-card,
[data-theme="light"] .telemetry-card,
[data-theme="light"] .cyber-modal,
html.theme-light .workspace-area,
html.theme-light .cyber-card,
html.theme-light .report-card,
html.theme-light .legal-card,
html.theme-light .concept-card,
html.theme-light .pricing-card,
html.theme-light .admin-card,
html.theme-light .admin-stat-card,
html.theme-light .telemetry-card,
html.theme-light .cyber-modal,
body[data-theme="light"] .workspace-area,
body[data-theme="light"] .cyber-card,
body[data-theme="light"] .report-card,
body[data-theme="light"] .legal-card,
body[data-theme="light"] .concept-card,
body[data-theme="light"] .pricing-card,
body[data-theme="light"] .admin-card,
body[data-theme="light"] .admin-stat-card,
body[data-theme="light"] .telemetry-card,
body[data-theme="light"] .cyber-modal {
    background: rgba(255, 255, 255, 0.90) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1.5px solid rgba(2, 132, 199, 0.28) !important;
    box-shadow: 0 12px 35px -5px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.95) inset, 0 0 20px rgba(2, 132, 199, 0.08) !important;
    color: #061a2c !important;
}

[data-theme="light"] .toolbar-title,
html.theme-light .toolbar-title,
body[data-theme="light"] .toolbar-title {
    color: #061a2c !important;
}

[data-theme="light"] .search-box,
[data-theme="light"] .filter-select,
html.theme-light .search-box,
html.theme-light .filter-select,
body[data-theme="light"] .search-box,
body[data-theme="light"] .filter-select {
    background: #ffffff !important;
    border: 1px solid rgba(2, 132, 199, 0.3) !important;
    color: #061a2c !important;
}

[data-theme="light"] .telemetry-key,
html.theme-light .telemetry-key,
body[data-theme="light"] .telemetry-key {
    color: #475569 !important;
}

[data-theme="light"] .workspace-area-header,
[data-theme="light"] .report-card-header,
[data-theme="light"] .legal-meta,
html.theme-light .workspace-area-header,
html.theme-light .report-card-header,
html.theme-light .legal-meta,
body[data-theme="light"] .workspace-area-header,
body[data-theme="light"] .report-card-header,
body[data-theme="light"] .legal-meta {
    border-bottom: 1px solid rgba(2, 132, 199, 0.22) !important;
}

/* --- Sub-Components & Panels --- */
[data-theme="light"] .info-item,
[data-theme="light"] .stat-card,
[data-theme="light"] .tally-card,
[data-theme="light"] .watermark-card,
[data-theme="light"] .ribbon-cell,
[data-theme="light"] .feature-box,
[data-theme="light"] .type-card-select,
[data-theme="light"] .project-row,
[data-theme="light"] .address-entry-row,
[data-theme="light"] .address-item,
html.theme-light .info-item,
html.theme-light .stat-card,
html.theme-light .tally-card,
html.theme-light .watermark-card,
html.theme-light .ribbon-cell,
html.theme-light .feature-box,
html.theme-light .type-card-select,
html.theme-light .project-row,
html.theme-light .address-entry-row,
html.theme-light .address-item,
body[data-theme="light"] .info-item,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .tally-card,
body[data-theme="light"] .watermark-card,
body[data-theme="light"] .ribbon-cell,
body[data-theme="light"] .feature-box,
body[data-theme="light"] .type-card-select,
body[data-theme="light"] .project-row,
body[data-theme="light"] .address-entry-row,
body[data-theme="light"] .address-item {
    background: rgba(248, 250, 252, 0.94) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(2, 132, 199, 0.24) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
    color: #061a2c !important;
}

[data-theme="light"] .info-item:hover,
[data-theme="light"] .stat-card:hover,
[data-theme="light"] .tally-card:hover,
[data-theme="light"] .project-row:hover,
[data-theme="light"] .feature-box:hover,
[data-theme="light"] .address-item:hover,
html.theme-light .info-item:hover,
html.theme-light .stat-card:hover,
html.theme-light .tally-card:hover,
html.theme-light .project-row:hover,
html.theme-light .feature-box:hover,
html.theme-light .address-item:hover,
body[data-theme="light"] .info-item:hover,
body[data-theme="light"] .stat-card:hover,
body[data-theme="light"] .tally-card:hover,
body[data-theme="light"] .project-row:hover,
body[data-theme="light"] .feature-box:hover,
body[data-theme="light"] .address-item:hover {
    background: #ffffff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.18) !important;
}

[data-theme="light"] .stat-card::before,
html.theme-light .stat-card::before,
body[data-theme="light"] .stat-card::before {
    background: #0284c7 !important;
    box-shadow: 0 0 8px rgba(2, 132, 199, 0.6) !important;
}

[data-theme="light"] .info-label,
[data-theme="light"] .stat-label,
[data-theme="light"] .tally-card-label,
[data-theme="light"] .watermark-label,
[data-theme="light"] .ribbon-cell-label,
[data-theme="light"] .form-label,
html.theme-light .info-label,
html.theme-light .stat-label,
html.theme-light .tally-card-label,
html.theme-light .watermark-label,
html.theme-light .ribbon-cell-label,
html.theme-light .form-label,
body[data-theme="light"] .info-label,
body[data-theme="light"] .stat-label,
body[data-theme="light"] .tally-card-label,
body[data-theme="light"] .watermark-label,
body[data-theme="light"] .ribbon-cell-label,
body[data-theme="light"] .form-label {
    color: #0284c7 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .info-val,
[data-theme="light"] #info-name-val,
[data-theme="light"] .stat-number,
[data-theme="light"] .tally-card-val,
[data-theme="light"] .watermark-val,
[data-theme="light"] .ribbon-cell-val,
[data-theme="light"] .status-text-val,
html.theme-light .info-val,
html.theme-light #info-name-val,
html.theme-light .stat-number,
html.theme-light .tally-card-val,
html.theme-light .watermark-val,
html.theme-light .ribbon-cell-val,
html.theme-light .status-text-val,
body[data-theme="light"] .info-val,
body[data-theme="light"] #info-name-val,
body[data-theme="light"] .stat-number,
body[data-theme="light"] .tally-card-val,
body[data-theme="light"] .watermark-val,
body[data-theme="light"] .ribbon-cell-val,
body[data-theme="light"] .status-text-val {
    color: #061a2c !important;
    font-weight: 700 !important;
}

[data-theme="light"] #info-summary-val,
[data-theme="light"] .stat-sub,
[data-theme="light"] .tally-card-sub,
[data-theme="light"] .watermark-sub,
html.theme-light #info-summary-val,
html.theme-light .stat-sub,
html.theme-light .tally-card-sub,
html.theme-light .watermark-sub,
body[data-theme="light"] #info-summary-val,
body[data-theme="light"] .stat-sub,
body[data-theme="light"] .tally-card-sub,
body[data-theme="light"] .watermark-sub {
    color: #1e293b !important;
    font-weight: 500 !important;
}

[data-theme="light"] #info-summary-char-badge,
[data-theme="light"] .char-counter,
html.theme-light #info-summary-char-badge,
html.theme-light .char-counter,
body[data-theme="light"] #info-summary-char-badge,
body[data-theme="light"] .char-counter {
    color: #64748b !important;
}

/* --- Badges, Chips & Pills --- */
[data-theme="light"] .visibility-badge.public,
html.theme-light .visibility-badge.public,
body[data-theme="light"] .visibility-badge.public {
    background: rgba(2, 132, 199, 0.12) !important;
    border: 1px solid #0284c7 !important;
    color: #0284c7 !important;
    box-shadow: 0 0 10px rgba(2, 132, 199, 0.18) !important;
    font-weight: 700 !important;
}

[data-theme="light"] .visibility-badge.private,
html.theme-light .visibility-badge.private,
body[data-theme="light"] .visibility-badge.private {
    background: rgba(217, 119, 6, 0.12) !important;
    border: 1px solid #d97706 !important;
    color: #d97706 !important;
    box-shadow: 0 0 10px rgba(217, 119, 6, 0.18) !important;
    font-weight: 700 !important;
}

[data-theme="light"] .type-badge-rec,
html.theme-light .type-badge-rec,
body[data-theme="light"] .type-badge-rec {
    background: rgba(2, 132, 199, 0.12) !important;
    border: 1px solid #0284c7 !important;
    color: #0284c7 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .uid-chip,
html.theme-light .uid-chip,
body[data-theme="light"] .uid-chip {
    background: rgba(2, 132, 199, 0.08) !important;
    border: 1px solid rgba(2, 132, 199, 0.3) !important;
    color: #0284c7 !important;
}

[data-theme="light"] .uid-chip:hover,
html.theme-light .uid-chip:hover,
body[data-theme="light"] .uid-chip:hover {
    background: rgba(2, 132, 199, 0.18) !important;
    border-color: #0284c7 !important;
    box-shadow: 0 0 10px rgba(2, 132, 199, 0.25) !important;
}

[data-theme="light"] .address-str,
html.theme-light .address-str,
body[data-theme="light"] .address-str {
    color: #061a2c !important;
}

[data-theme="light"] .status-badge.complete,
html.theme-light .status-badge.complete,
body[data-theme="light"] .status-badge.complete {
    background: rgba(5, 150, 105, 0.14) !important;
    border-color: #059669 !important;
    color: #059669 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .status-badge.running,
html.theme-light .status-badge.running,
body[data-theme="light"] .status-badge.running {
    background: rgba(2, 132, 199, 0.14) !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .status-badge.stopped,
html.theme-light .status-badge.stopped,
body[data-theme="light"] .status-badge.stopped {
    background: rgba(217, 119, 6, 0.14) !important;
    border-color: #d97706 !important;
    color: #d97706 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .status-badge.initialized,
html.theme-light .status-badge.initialized,
body[data-theme="light"] .status-badge.initialized {
    background: rgba(2, 132, 199, 0.1) !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

[data-theme="light"] .status-badge.archived,
html.theme-light .status-badge.archived,
body[data-theme="light"] .status-badge.archived {
    background: rgba(100, 116, 139, 0.14) !important;
    border-color: #64748b !important;
    color: #475569 !important;
}

/* Visibility Switcher Buttons */
[data-theme="light"] .visibility-btn,
html.theme-light .visibility-btn,
body[data-theme="light"] .visibility-btn {
    background: #ffffff !important;
    border-color: rgba(2, 132, 199, 0.3) !important;
    color: #334155 !important;
}

[data-theme="light"] .visibility-btn:hover,
html.theme-light .visibility-btn:hover,
body[data-theme="light"] .visibility-btn:hover {
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

[data-theme="light"] .visibility-btn.active.is-public,
html.theme-light .visibility-btn.active.is-public,
body[data-theme="light"] .visibility-btn.active.is-public {
    background: rgba(2, 132, 199, 0.14) !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 12px rgba(2, 132, 199, 0.25) !important;
}

[data-theme="light"] .visibility-btn.active.is-private,
html.theme-light .visibility-btn.active.is-private,
body[data-theme="light"] .visibility-btn.active.is-private {
    background: rgba(217, 119, 6, 0.14) !important;
    border-color: #d97706 !important;
    color: #d97706 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 12px rgba(217, 119, 6, 0.25) !important;
}

/* Cyber Toggle Switch */
[data-theme="light"] .cyber-slider,
html.theme-light .cyber-slider,
body[data-theme="light"] .cyber-slider {
    background: #e2e8f0 !important;
    border-color: rgba(2, 132, 199, 0.4) !important;
}

[data-theme="light"] .cyber-slider::before,
html.theme-light .cyber-slider::before,
body[data-theme="light"] .cyber-slider::before {
    background-color: #d97706 !important;
    box-shadow: 0 0 6px rgba(217, 119, 6, 0.6) !important;
}

[data-theme="light"] .cyber-switch input:checked + .cyber-slider,
html.theme-light .cyber-switch input:checked + .cyber-slider,
body[data-theme="light"] .cyber-switch input:checked + .cyber-slider {
    background: rgba(2, 132, 199, 0.15) !important;
    border-color: #0284c7 !important;
}

[data-theme="light"] .cyber-switch input:checked + .cyber-slider::before,
html.theme-light .cyber-switch input:checked + .cyber-slider::before,
body[data-theme="light"] .cyber-switch input:checked + .cyber-slider::before {
    background-color: #0284c7 !important;
    box-shadow: 0 0 8px rgba(2, 132, 199, 0.8) !important;
}

/* --- Universal Buttons Across the Entire App --- */
[data-theme="light"] .cyber-btn,
[data-theme="light"] .nav-link-btn,
[data-theme="light"] .pricing-action-btn,
[data-theme="light"] .form-submit-btn,
[data-theme="light"] .modal-btn-confirm,
html.theme-light .cyber-btn,
html.theme-light .nav-link-btn,
html.theme-light .pricing-action-btn,
html.theme-light .form-submit-btn,
html.theme-light .modal-btn-confirm,
body[data-theme="light"] .cyber-btn,
body[data-theme="light"] .nav-link-btn,
body[data-theme="light"] .pricing-action-btn,
body[data-theme="light"] .form-submit-btn,
body[data-theme="light"] .modal-btn-confirm {
    background: #0284c7 !important;
    border: 1px solid #0284c7 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

[data-theme="light"] .cyber-btn:hover,
[data-theme="light"] .nav-link-btn:hover,
[data-theme="light"] .pricing-action-btn:hover,
[data-theme="light"] .form-submit-btn:hover,
[data-theme="light"] .modal-btn-confirm:hover,
html.theme-light .cyber-btn:hover,
html.theme-light .nav-link-btn:hover,
html.theme-light .pricing-action-btn:hover,
html.theme-light .form-submit-btn:hover,
html.theme-light .modal-btn-confirm:hover,
body[data-theme="light"] .cyber-btn:hover,
body[data-theme="light"] .nav-link-btn:hover,
body[data-theme="light"] .pricing-action-btn:hover,
body[data-theme="light"] .form-submit-btn:hover,
body[data-theme="light"] .modal-btn-confirm:hover {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45) !important;
}

[data-theme="light"] .cyber-btn-secondary,
[data-theme="light"] .modal-btn-cancel,
html.theme-light .cyber-btn-secondary,
html.theme-light .modal-btn-cancel,
body[data-theme="light"] .cyber-btn-secondary,
body[data-theme="light"] .modal-btn-cancel {
    background: #ffffff !important;
    border: 1px solid rgba(2, 132, 199, 0.35) !important;
    color: #334155 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

[data-theme="light"] .cyber-btn-secondary:hover,
[data-theme="light"] .modal-btn-cancel:hover,
html.theme-light .cyber-btn-secondary:hover,
html.theme-light .modal-btn-cancel:hover,
body[data-theme="light"] .cyber-btn-secondary:hover,
body[data-theme="light"] .modal-btn-cancel:hover {
    background: rgba(2, 132, 199, 0.08) !important;
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}

/* --- Danger, Cancel & Logout Buttons in Light Mode --- */
[data-theme="light"] .btn-cancel,
[data-theme="light"] .btn-danger,
[data-theme="light"] .profile-btn-logout,
[data-theme="light"] #btn-logout,
[data-theme="light"] a[id*="cancel"],
[data-theme="light"] button[id*="cancel"],
[data-theme="light"] .form-submit-btn.btn-cancel,
html.theme-light .btn-cancel,
html.theme-light .btn-danger,
html.theme-light .profile-btn-logout,
html.theme-light #btn-logout,
html.theme-light a[id*="cancel"],
html.theme-light button[id*="cancel"],
html.theme-light .form-submit-btn.btn-cancel,
body[data-theme="light"] .btn-cancel,
body[data-theme="light"] .btn-danger,
body[data-theme="light"] .profile-btn-logout,
body[data-theme="light"] #btn-logout,
body[data-theme="light"] a[id*="cancel"],
body[data-theme="light"] button[id*="cancel"],
body[data-theme="light"] .form-submit-btn.btn-cancel {
    background: rgba(239, 68, 68, 0.07) !important;
    border: 1.5px solid #dc2626 !important;
    color: #dc2626 !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

[data-theme="light"] .btn-cancel:hover,
[data-theme="light"] .btn-danger:hover,
[data-theme="light"] .profile-btn-logout:hover,
[data-theme="light"] #btn-logout:hover,
[data-theme="light"] a[id*="cancel"]:hover,
[data-theme="light"] button[id*="cancel"]:hover,
[data-theme="light"] .form-submit-btn.btn-cancel:hover,
html.theme-light .btn-cancel:hover,
html.theme-light .btn-danger:hover,
html.theme-light .profile-btn-logout:hover,
html.theme-light #btn-logout:hover,
html.theme-light a[id*="cancel"]:hover,
html.theme-light button[id*="cancel"]:hover,
html.theme-light .form-submit-btn.btn-cancel:hover,
body[data-theme="light"] .btn-cancel:hover,
body[data-theme="light"] .btn-danger:hover,
body[data-theme="light"] .profile-btn-logout:hover,
body[data-theme="light"] #btn-logout:hover,
body[data-theme="light"] a[id*="cancel"]:hover,
body[data-theme="light"] button[id*="cancel"]:hover,
body[data-theme="light"] .form-submit-btn.btn-cancel:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.3) !important;
}

/* --- Admin Console Button in Light Mode --- */
[data-theme="light"] .profile-btn-admin,
[data-theme="light"] #btn-profile-admin,
[data-theme="light"] .btn-admin-console,
html.theme-light .profile-btn-admin,
html.theme-light #btn-profile-admin,
html.theme-light .btn-admin-console,
body[data-theme="light"] .profile-btn-admin,
body[data-theme="light"] #btn-profile-admin,
body[data-theme="light"] .btn-admin-console {
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1.5px solid #d97706 !important;
    color: #b45309 !important;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.12) !important;
    font-weight: 700 !important;
}

[data-theme="light"] .profile-btn-admin:hover,
[data-theme="light"] #btn-profile-admin:hover,
[data-theme="light"] .btn-admin-console:hover,
html.theme-light .profile-btn-admin:hover,
html.theme-light #btn-profile-admin:hover,
html.theme-light .btn-admin-console:hover,
body[data-theme="light"] .profile-btn-admin:hover,
body[data-theme="light"] #btn-profile-admin:hover,
body[data-theme="light"] .btn-admin-console:hover {
    background: #d97706 !important;
    border-color: #d97706 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(217, 119, 6, 0.35) !important;
}

/* --- Profile Credentials Box in Light Mode --- */
[data-theme="light"] .profile-credentials-box,
html.theme-light .profile-credentials-box,
body[data-theme="light"] .profile-credentials-box {
    background: #f8fafc !important;
    border: 1.5px solid rgba(2, 132, 199, 0.25) !important;
    box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.03), 0 4px 12px rgba(2, 132, 199, 0.06) !important;
}

[data-theme="light"] .profile-row,
html.theme-light .profile-row,
body[data-theme="light"] .profile-row {
    border-bottom: 1px solid rgba(2, 132, 199, 0.15) !important;
}

[data-theme="light"] .profile-label,
html.theme-light .profile-label,
body[data-theme="light"] .profile-label {
    color: #475569 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .profile-val-username,
html.theme-light .profile-val-username,
body[data-theme="light"] .profile-val-username {
    color: #0f172a !important;
}

[data-theme="light"] .profile-val-email,
html.theme-light .profile-val-email,
body[data-theme="light"] .profile-val-email {
    color: #0284c7 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .profile-val-password,
html.theme-light .profile-val-password,
body[data-theme="light"] .profile-val-password {
    color: #0284c7 !important;
}

[data-theme="light"] .profile-btn-edit,
[data-theme="light"] #btn-edit-account,
html.theme-light .profile-btn-edit,
html.theme-light #btn-edit-account,
body[data-theme="light"] .profile-btn-edit,
body[data-theme="light"] #btn-edit-account {
    background: #ffffff !important;
    border: 1.5px solid #0284c7 !important;
    color: #0284c7 !important;
    box-shadow: 0 2px 6px rgba(2, 132, 199, 0.15) !important;
    font-weight: 700 !important;
}

[data-theme="light"] .profile-btn-edit:hover,
[data-theme="light"] #btn-edit-account:hover,
html.theme-light .profile-btn-edit:hover,
html.theme-light #btn-edit-account:hover,
body[data-theme="light"] .profile-btn-edit:hover,
body[data-theme="light"] #btn-edit-account:hover {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3) !important;
}

[data-theme="light"] .profile-admin-badge,
[data-theme="light"] #profile-admin-badge,
html.theme-light .profile-admin-badge,
html.theme-light #profile-admin-badge,
body[data-theme="light"] .profile-admin-badge,
body[data-theme="light"] #profile-admin-badge {
    background: rgba(245, 158, 11, 0.14) !important;
    border: 1.5px solid #d97706 !important;
    color: #b45309 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.12) !important;
}

[data-theme="light"] .profile-btn-projects,
[data-theme="light"] #btn-profile-projects,
html.theme-light .profile-btn-projects,
html.theme-light #btn-profile-projects,
body[data-theme="light"] .profile-btn-projects,
body[data-theme="light"] #btn-profile-projects {
    background: #0284c7 !important;
    border: 1.5px solid #0284c7 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
    font-weight: 700 !important;
}

[data-theme="light"] .profile-btn-projects:hover,
[data-theme="light"] #btn-profile-projects:hover,
html.theme-light .profile-btn-projects:hover,
html.theme-light #btn-profile-projects:hover,
body[data-theme="light"] .profile-btn-projects:hover,
body[data-theme="light"] #btn-profile-projects:hover {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45) !important;
}

/* Projects Listing Links */
[data-theme="light"] .project-name-link,
html.theme-light .project-name-link,
body[data-theme="light"] .project-name-link {
    color: #061a2c !important;
    font-weight: 700 !important;
}

[data-theme="light"] .project-name-link:hover,
html.theme-light .project-name-link:hover,
body[data-theme="light"] .project-name-link:hover {
    color: #0284c7 !important;
    text-shadow: none !important;
    text-decoration: underline !important;
}

/* --- Forms, Inputs, Textareas & Selects --- */
[data-theme="light"] .form-input,
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="password"],
[data-theme="light"] textarea,
[data-theme="light"] select,
html.theme-light .form-input,
html.theme-light input[type="text"],
html.theme-light input[type="email"],
html.theme-light input[type="password"],
html.theme-light textarea,
html.theme-light select,
body[data-theme="light"] .form-input,
body[data-theme="light"] input[type="text"],
body[data-theme="light"] input[type="email"],
body[data-theme="light"] input[type="password"],
body[data-theme="light"] textarea,
body[data-theme="light"] select {
    background: #ffffff !important;
    border: 1.5px solid rgba(2, 132, 199, 0.35) !important;
    color: #061a2c !important;
    border-radius: 6px !important;
}

[data-theme="light"] .form-input:focus,
[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus,
html.theme-light .form-input:focus,
html.theme-light input:focus,
html.theme-light textarea:focus,
html.theme-light select:focus,
body[data-theme="light"] .form-input:focus,
body[data-theme="light"] input:focus,
body[data-theme="light"] textarea:focus,
body[data-theme="light"] select:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.2) !important;
    outline: none !important;
}

[data-theme="light"] .form-input::placeholder,
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder,
html.theme-light .form-input::placeholder,
html.theme-light input::placeholder,
html.theme-light textarea::placeholder,
body[data-theme="light"] .form-input::placeholder,
body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

/* Tabs */
[data-theme="light"] .tab-nav-btn,
[data-theme="light"] .filter-tab-btn,
[data-theme="light"] .legal-nav-btn,
[data-theme="light"] .auth-tab,
html.theme-light .tab-nav-btn,
html.theme-light .filter-tab-btn,
html.theme-light .legal-nav-btn,
html.theme-light .auth-tab,
body[data-theme="light"] .tab-nav-btn,
body[data-theme="light"] .filter-tab-btn,
body[data-theme="light"] .legal-nav-btn,
body[data-theme="light"] .auth-tab {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(2, 132, 199, 0.3) !important;
    color: #334155 !important;
}

[data-theme="light"] .tab-nav-btn.active,
[data-theme="light"] .filter-tab-btn.active,
[data-theme="light"] .legal-nav-btn.active,
[data-theme="light"] .auth-tab.active,
html.theme-light .tab-nav-btn.active,
html.theme-light .filter-tab-btn.active,
html.theme-light .legal-nav-btn.active,
html.theme-light .auth-tab.active,
body[data-theme="light"] .tab-nav-btn.active,
body[data-theme="light"] .filter-tab-btn.active,
body[data-theme="light"] .legal-nav-btn.active,
body[data-theme="light"] .auth-tab.active {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

/* --- Tables --- */
[data-theme="light"] .address-table-wrap,
[data-theme="light"] .temporal-table-wrap,
[data-theme="light"] .summary-table-wrap,
[data-theme="light"] .table-wrap,
html.theme-light .address-table-wrap,
html.theme-light .temporal-table-wrap,
html.theme-light .summary-table-wrap,
html.theme-light .table-wrap,
body[data-theme="light"] .address-table-wrap,
body[data-theme="light"] .temporal-table-wrap,
body[data-theme="light"] .summary-table-wrap,
body[data-theme="light"] .table-wrap {
    background: rgba(255, 255, 255, 0.90) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(2, 132, 199, 0.25) !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .address-table th,
[data-theme="light"] .temporal-table th,
[data-theme="light"] .table th,
[data-theme="light"] th,
html.theme-light .address-table th,
html.theme-light .temporal-table th,
html.theme-light .table th,
html.theme-light th,
body[data-theme="light"] .address-table th,
body[data-theme="light"] .temporal-table th,
body[data-theme="light"] .table th,
body[data-theme="light"] th {
    background: #f1f5f9 !important;
    color: #061a2c !important;
    border-bottom: 2px solid rgba(2, 132, 199, 0.28) !important;
    font-weight: 700 !important;
}

[data-theme="light"] .address-table td,
[data-theme="light"] .temporal-table td,
[data-theme="light"] .table td,
[data-theme="light"] td,
html.theme-light .address-table td,
html.theme-light .temporal-table td,
html.theme-light .table td,
html.theme-light td,
body[data-theme="light"] .address-table td,
body[data-theme="light"] .temporal-table td,
body[data-theme="light"] .table td,
body[data-theme="light"] td {
    color: #061a2c !important;
    border-bottom: 1px solid rgba(2, 132, 199, 0.12) !important;
}

[data-theme="light"] .address-table tr:hover td,
[data-theme="light"] .temporal-table tr:hover td,
[data-theme="light"] tr:hover td,
html.theme-light tr:hover td,
body[data-theme="light"] tr:hover td {
    background: rgba(2, 132, 199, 0.05) !important;
}

/* --- Modals --- */
[data-theme="light"] .cyber-modal-card,
html.theme-light .cyber-modal-card,
body[data-theme="light"] .cyber-modal-card {
    background: #ffffff !important;
    border: 2px solid #0284c7 !important;
    color: #061a2c !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25) !important;
}

[data-theme="light"] .cyber-modal-title,
html.theme-light .cyber-modal-title,
body[data-theme="light"] .cyber-modal-title {
    color: #061a2c !important;
}

[data-theme="light"] .cyber-modal-body,
html.theme-light .cyber-modal-body,
body[data-theme="light"] .cyber-modal-body {
    color: #334155 !important;
}

/* --- Verdict & Metric Banners --- */
[data-theme="light"] .verdict-banner-box.high,
html.theme-light .verdict-banner-box.high,
body[data-theme="light"] .verdict-banner-box.high {
    background: rgba(5, 150, 105, 0.1) !important;
    border: 1.5px solid #059669 !important;
    box-shadow: 0 0 16px rgba(5, 150, 105, 0.18) !important;
}

[data-theme="light"] .verdict-banner-box.moderate,
html.theme-light .verdict-banner-box.moderate,
body[data-theme="light"] .verdict-banner-box.moderate {
    background: rgba(217, 119, 6, 0.1) !important;
    border: 1.5px solid #d97706 !important;
    box-shadow: 0 0 16px rgba(217, 119, 6, 0.18) !important;
}

[data-theme="light"] .verdict-banner-box.barrier,
html.theme-light .verdict-banner-box.barrier,
body[data-theme="light"] .verdict-banner-box.barrier {
    background: rgba(220, 38, 38, 0.1) !important;
    border: 1.5px solid #dc2626 !important;
    box-shadow: 0 0 16px rgba(220, 38, 38, 0.18) !important;
}

/* --- Legal & Documentation Pages --- */
[data-theme="light"] .legal-content h1,
[data-theme="light"] .legal-content h2,
[data-theme="light"] .legal-content h3,
html.theme-light .legal-content h1,
html.theme-light .legal-content h2,
html.theme-light .legal-content h3,
body[data-theme="light"] .legal-content h1,
body[data-theme="light"] .legal-content h2,
body[data-theme="light"] .legal-content h3 {
    color: #061a2c !important;
}

[data-theme="light"] .legal-content p,
[data-theme="light"] .legal-content li,
html.theme-light .legal-content p,
html.theme-light .legal-content li,
body[data-theme="light"] .legal-content p,
body[data-theme="light"] .legal-content li {
    color: #334155 !important;
}

[data-theme="light"] .legal-tag,
html.theme-light .legal-tag,
body[data-theme="light"] .legal-tag {
    background: rgba(2, 132, 199, 0.1) !important;
    border: 1px solid rgba(2, 132, 199, 0.3) !important;
    color: #0284c7 !important;
}

/* --- LANDING PAGE (index.html) LIGHT THEME SYSTEM --- */
[data-theme="light"] body.landing-page,
html.theme-light body.landing-page,
body.landing-page[data-theme="light"] {
    background-color: #f1f5f9 !important;
    background-image: url('blockworm_light_bg.jpg?v=20261021_fresh') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: #061a2c !important;
}

[data-theme="light"] .branding .logo,
html.theme-light .branding .logo,
body[data-theme="light"] .branding .logo {
    color: #061a2c !important;
    text-shadow: 0 2px 14px rgba(2, 132, 199, 0.35) !important;
}

[data-theme="light"] .branding .subtitle,
html.theme-light .branding .subtitle,
body[data-theme="light"] .branding .subtitle {
    color: #0284c7 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

[data-theme="light"] .nav-actions .nav-btn,
html.theme-light .nav-actions .nav-btn,
body[data-theme="light"] .nav-actions .nav-btn {
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1.5px solid rgba(2, 132, 199, 0.4) !important;
    color: #061a2c !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .nav-actions .nav-btn:hover,
html.theme-light .nav-actions .nav-btn:hover,
body[data-theme="light"] .nav-actions .nav-btn:hover {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 22px rgba(2, 132, 199, 0.45) !important;
    text-shadow: none !important;
}

[data-theme="light"] .nav-actions .nav-btn.logged-in,
html.theme-light .nav-actions .nav-btn.logged-in,
body[data-theme="light"] .nav-actions .nav-btn.logged-in {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35) !important;
    text-shadow: none !important;
}

[data-theme="light"] .telemetry-panel,
html.theme-light .telemetry-panel,
body[data-theme="light"] .telemetry-panel {
    background: rgba(255, 255, 255, 0.90) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1.5px solid rgba(2, 132, 199, 0.35) !important;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12), 0 0 24px rgba(2, 132, 199, 0.12) !important;
}

[data-theme="light"] .telemetry-panel::before,
[data-theme="light"] .telemetry-panel::after,
html.theme-light .telemetry-panel::before,
html.theme-light .telemetry-panel::after,
body[data-theme="light"] .telemetry-panel::before,
body[data-theme="light"] .telemetry-panel::after {
    border-color: #0284c7 !important;
}

[data-theme="light"] .telemetry-title,
html.theme-light .telemetry-title,
body[data-theme="light"] .telemetry-title {
    color: #0284c7 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .telemetry-header,
html.theme-light .telemetry-header,
body[data-theme="light"] .telemetry-header {
    border-bottom: 1px solid rgba(2, 132, 199, 0.25) !important;
}

[data-theme="light"] .data-list,
html.theme-light .data-list,
body[data-theme="light"] .data-list {
    color: #1e293b !important;
}

[data-theme="light"] .data-list li span:first-child,
html.theme-light .data-list li span:first-child,
body[data-theme="light"] .data-list li span:first-child {
    color: #334155 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .data-value,
html.theme-light .data-value,
body[data-theme="light"] .data-value {
    color: #059669 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

/* --- Footer Donations in Light Mode --- */
[data-theme="light"] .footer-donations,
[data-theme="light"] .footer-donations .donations-label,
[data-theme="light"] .footer-donations .donations-address,
html.theme-light .footer-donations,
html.theme-light .footer-donations .donations-label,
html.theme-light .footer-donations .donations-address,
body[data-theme="light"] .footer-donations,
body[data-theme="light"] .footer-donations .donations-label,
body[data-theme="light"] .footer-donations .donations-address {
    color: #64748b !important;
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

[data-theme="light"] .footer-donations .donations-address:hover,
html.theme-light .footer-donations .donations-address:hover,
body[data-theme="light"] .footer-donations .donations-address:hover {
    color: #0284c7 !important;
}

/* ========================================================
   UNIVERSAL LIGHT MODE CONTRAST SAFETY SHIELD
   Ensures hardcoded dark-mode cyan/muted inline colors
   automatically map to crisp, WCAG-compliant dark tones
   ======================================================== */
[data-theme="light"] [style*="color:#c4fcf5"],
[data-theme="light"] [style*="color: #c4fcf5"],
[data-theme="light"] [style*="color:#C4FCF5"],
[data-theme="light"] [style*="color: #C4FCF5"],
html.theme-light [style*="color:#c4fcf5"],
html.theme-light [style*="color: #c4fcf5"],
html.theme-light [style*="color:#C4FCF5"],
html.theme-light [style*="color: #C4FCF5"],
body[data-theme="light"] [style*="color:#c4fcf5"],
body[data-theme="light"] [style*="color: #c4fcf5"],
body[data-theme="light"] [style*="color:#C4FCF5"],
body[data-theme="light"] [style*="color: #C4FCF5"] {
    color: #1e293b !important;
}

[data-theme="light"] [style*="color:#8dafb5"],
[data-theme="light"] [style*="color: #8dafb5"],
[data-theme="light"] [style*="color:#8DAFB5"],
[data-theme="light"] [style*="color: #8DAFB5"],
html.theme-light [style*="color:#8dafb5"],
html.theme-light [style*="color: #8dafb5"],
html.theme-light [style*="color:#8DAFB5"],
html.theme-light [style*="color: #8DAFB5"],
body[data-theme="light"] [style*="color:#8dafb5"],
body[data-theme="light"] [style*="color: #8dafb5"],
body[data-theme="light"] [style*="color:#8DAFB5"],
body[data-theme="light"] [style*="color: #8DAFB5"] {
    color: #475569 !important;
}

[data-theme="light"] [style*="color:#d1e7ec"],
[data-theme="light"] [style*="color: #d1e7ec"],
[data-theme="light"] [style*="color:#D1E7EC"],
[data-theme="light"] [style*="color: #D1E7EC"],
html.theme-light [style*="color:#d1e7ec"],
html.theme-light [style*="color: #d1e7ec"],
html.theme-light [style*="color:#D1E7EC"],
html.theme-light [style*="color: #D1E7EC"],
body[data-theme="light"] [style*="color:#d1e7ec"],
body[data-theme="light"] [style*="color: #d1e7ec"],
body[data-theme="light"] [style*="color:#D1E7EC"],
body[data-theme="light"] [style*="color: #D1E7EC"] {
    color: #061a2c !important;
}

[data-theme="light"] [style*="color:#a8d5db"],
[data-theme="light"] [style*="color: #a8d5db"],
html.theme-light [style*="color:#a8d5db"],
html.theme-light [style*="color: #a8d5db"],
body[data-theme="light"] [style*="color:#a8d5db"],
body[data-theme="light"] [style*="color: #a8d5db"] {
    color: #334155 !important;
}

/* High Contrast Green Accents in Light Mode (replaces unreadable neon lime #00ff88 with deep emerald #047857) */
[data-theme="light"] [style*="color:#00ff88"],
[data-theme="light"] [style*="color: #00ff88"],
[data-theme="light"] [style*="color:#00FF88"],
[data-theme="light"] [style*="color: #00FF88"],
[data-theme="light"] [style*="color:#00e676"],
[data-theme="light"] [style*="color: #00e676"],
[data-theme="light"] [style*="color:#39ff14"],
[data-theme="light"] [style*="color: #39ff14"],
[data-theme="light"] [style*="color:#a8ffb2"],
[data-theme="light"] [style*="color: #a8ffb2"],
[data-theme="light"] [style*="color:#A8FFB2"],
[data-theme="light"] [style*="color: #A8FFB2"],
[data-theme="light"] [style*="color:#10b981"],
[data-theme="light"] [style*="color: #10b981"],
html.theme-light [style*="color:#00ff88"],
html.theme-light [style*="color: #00ff88"],
html.theme-light [style*="color:#00FF88"],
html.theme-light [style*="color: #00FF88"],
html.theme-light [style*="color:#00e676"],
html.theme-light [style*="color: #00e676"],
html.theme-light [style*="color:#39ff14"],
html.theme-light [style*="color: #39ff14"],
html.theme-light [style*="color:#a8ffb2"],
html.theme-light [style*="color: #a8ffb2"],
html.theme-light [style*="color:#A8FFB2"],
html.theme-light [style*="color: #A8FFB2"],
html.theme-light [style*="color:#10b981"],
html.theme-light [style*="color: #10b981"],
body[data-theme="light"] [style*="color:#00ff88"],
body[data-theme="light"] [style*="color: #00ff88"],
body[data-theme="light"] [style*="color:#00FF88"],
body[data-theme="light"] [style*="color: #00FF88"],
body[data-theme="light"] [style*="color:#00e676"],
body[data-theme="light"] [style*="color: #00e676"],
body[data-theme="light"] [style*="color:#39ff14"],
body[data-theme="light"] [style*="color: #39ff14"],
body[data-theme="light"] [style*="color:#a8ffb2"],
body[data-theme="light"] [style*="color: #a8ffb2"],
body[data-theme="light"] [style*="color:#A8FFB2"],
body[data-theme="light"] [style*="color: #A8FFB2"],
body[data-theme="light"] [style*="color:#10b981"],
body[data-theme="light"] [style*="color: #10b981"],
[data-theme="light"] .report-val-green,
html.theme-light .report-val-green,
body[data-theme="light"] .report-val-green,
[data-theme="light"] .temporal-green-val,
html.theme-light .temporal-green-val,
body[data-theme="light"] .temporal-green-val,
[data-theme="light"] .status-badge.running,
html.theme-light .status-badge.running,
body[data-theme="light"] .status-badge.running,
[data-theme="light"] .badge.verified,
html.theme-light .badge.verified,
body[data-theme="light"] .badge.verified,
[data-theme="light"] .badge.running,
html.theme-light .badge.running,
body[data-theme="light"] .badge.running,
[data-theme="light"] .verdict-tag.high,
html.theme-light .verdict-tag.high,
body[data-theme="light"] .verdict-tag.high,
[data-theme="light"] .role-badge.depth1,
html.theme-light .role-badge.depth1,
body[data-theme="light"] .role-badge.depth1,
[data-theme="light"] a.role-badge.depth1,
html.theme-light a.role-badge.depth1,
body[data-theme="light"] a.role-badge.depth1,
[data-theme="light"] .actionable-badge,
html.theme-light .actionable-badge,
body[data-theme="light"] .actionable-badge,
[data-theme="light"] .tfoot-statute-row td,
html.theme-light .tfoot-statute-row td,
body[data-theme="light"] .tfoot-statute-row td,
[data-theme="light"] .tfoot-statute-row span,
html.theme-light .tfoot-statute-row span,
body[data-theme="light"] .tfoot-statute-row span,
[data-theme="light"] .nav-btn.logged-in,
html.theme-light .nav-btn.logged-in,
body[data-theme="light"] .nav-btn.logged-in,
[data-theme="light"] .stop-resume-btn.is-resume,
html.theme-light .stop-resume-btn.is-resume,
body[data-theme="light"] .stop-resume-btn.is-resume {
    color: #047857 !important;
    font-weight: 700 !important;
}

/* Light mode badge backgrounds and borders for green accents */
[data-theme="light"] .status-badge.running,
html.theme-light .status-badge.running,
body[data-theme="light"] .status-badge.running,
[data-theme="light"] .badge.verified,
html.theme-light .badge.verified,
body[data-theme="light"] .badge.verified,
[data-theme="light"] .badge.running,
html.theme-light .badge.running,
body[data-theme="light"] .badge.running,
[data-theme="light"] .verdict-tag.high,
html.theme-light .verdict-tag.high,
body[data-theme="light"] .verdict-tag.high,
[data-theme="light"] .role-badge.depth1,
html.theme-light .role-badge.depth1,
body[data-theme="light"] .role-badge.depth1,
[data-theme="light"] a.role-badge.depth1,
html.theme-light a.role-badge.depth1,
body[data-theme="light"] a.role-badge.depth1,
[data-theme="light"] .actionable-badge,
html.theme-light .actionable-badge,
body[data-theme="light"] .actionable-badge {
    background: rgba(4, 120, 87, 0.1) !important;
    border-color: rgba(4, 120, 87, 0.35) !important;
}

[data-theme="light"] .tfoot-statute-row,
html.theme-light .tfoot-statute-row,
body[data-theme="light"] .tfoot-statute-row {
    background: rgba(4, 120, 87, 0.08) !important;
    border-top: 2px solid #047857 !important;
}

/* Specific workspace and report text elements */
[data-theme="light"] .report-access-desc,
html.theme-light .report-access-desc,
body[data-theme="light"] .report-access-desc,
[data-theme="light"] .controls-heading,
html.theme-light .controls-heading,
body[data-theme="light"] .controls-heading,
[data-theme="light"] .report-card p,
[data-theme="light"] .report-card-desc,
[data-theme="light"] .legal-handoff-desc,
[data-theme="light"] #rep-verdict-desc,
html.theme-light .report-card p,
html.theme-light .report-card-desc,
html.theme-light .legal-handoff-desc,
html.theme-light #rep-verdict-desc,
body[data-theme="light"] .report-card p,
body[data-theme="light"] .report-card-desc,
body[data-theme="light"] .legal-handoff-desc,
body[data-theme="light"] #rep-verdict-desc,
[data-theme="light"] .legal-content li,
html.theme-light .legal-content li,
body[data-theme="light"] .legal-content li,
[data-theme="light"] .cyber-modal-body,
html.theme-light .cyber-modal-body,
body[data-theme="light"] .cyber-modal-body {
    color: #1e293b !important;
    font-weight: 500 !important;
}

[data-theme="light"] .block-engine-note,
html.theme-light .block-engine-note,
body[data-theme="light"] .block-engine-note,
[data-theme="light"] .controls-subtext,
html.theme-light .controls-subtext,
body[data-theme="light"] .controls-subtext,
[data-theme="light"] .info-subtext,
html.theme-light .info-subtext,
body[data-theme="light"] .info-subtext {
    color: #475569 !important;
    font-weight: 500 !important;
}

[data-theme="light"] .textarea-box,
html.theme-light .textarea-box,
body[data-theme="light"] .textarea-box {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(2, 132, 199, 0.35) !important;
}

/* Jurisdiction & Currency Flag Emoji Support */
select, option, .jurisdiction-flag {
    font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', 'Share Tech Mono', 'Rajdhani', sans-serif !important;
}