/* Orbit AI — dark space theme (load last) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --orbit-void: #05060f;
    --orbit-deep: #07091a;
    --orbit-panel: rgba(12, 16, 36, 0.78);
    --orbit-panel-solid: #10152c;
    --orbit-line: rgba(165, 180, 252, 0.18);
    --orbit-ink: #e8ecff;
    --orbit-muted: #9aa3c7;
    --orbit-cyan: #67e8f9;
    --orbit-violet: #818cf8;
    --orbit-glow: rgba(103, 232, 249, 0.18);
    --primary: #67e8f9;
    --primary-light: rgba(103, 232, 249, 0.14);
    --primary-blue: #67e8f9;
    --light-blue: #a5f3fc;
    --dark-bg: #05060f;
    --bg-main: #05060f;
    --card-bg: #10152c;
    --text-dark: #e8ecff;
    --text-muted: #9aa3c7;
    --border: rgba(165, 180, 252, 0.18);
    --navbar-bg: #07091a;
    --navbar-text: #c7d2fe;
    --navbar-active: #67e8f9;
    --site-header-bg: #060814;
    --tw-bg: #05060f;
    --tw-surface: #10152c;
    --tw-surface-2: #0c1024;
    --tw-border: rgba(165, 180, 252, 0.18);
    --tw-border-strong: rgba(103, 232, 249, 0.35);
    --tw-ink: #e8ecff;
    --tw-muted: #9aa3c7;
    --tw-accent: #67e8f9;
    --tw-accent-soft: rgba(103, 232, 249, 0.12);
    --tw-bar: #05060f;
}

html {
    color-scheme: dark;
}

body,
body.bg-light,
body.page-body,
body.onboard-page,
body.tw-task-page,
body[class*="pipeline-"] {
    background-color: var(--orbit-void) !important;
    background-image:
        radial-gradient(1.2px 1.2px at 8% 12%, rgba(255, 255, 255, 0.85), transparent),
        radial-gradient(1px 1px at 22% 38%, rgba(199, 210, 254, 0.7), transparent),
        radial-gradient(1.4px 1.4px at 41% 18%, rgba(255, 255, 255, 0.55), transparent),
        radial-gradient(1px 1px at 63% 72%, rgba(103, 232, 249, 0.7), transparent),
        radial-gradient(1.2px 1.2px at 78% 24%, rgba(255, 255, 255, 0.75), transparent),
        radial-gradient(1px 1px at 91% 58%, rgba(167, 139, 250, 0.8), transparent),
        radial-gradient(1px 1px at 14% 81%, rgba(255, 255, 255, 0.45), transparent),
        radial-gradient(1.5px 1.5px at 52% 91%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(ellipse 90% 55% at 50% -18%, rgba(88, 28, 135, 0.38), transparent 58%),
        radial-gradient(ellipse 55% 40% at 100% 0%, rgba(14, 116, 144, 0.22), transparent 50%),
        radial-gradient(ellipse 50% 35% at 0% 100%, rgba(49, 46, 129, 0.28), transparent 55%),
        linear-gradient(180deg, #07091a 0%, #05060f 46%, #0a0d22 100%) !important;
    background-attachment: fixed !important;
    color: var(--orbit-ink) !important;
    font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
}

.layout-wrapper,
.main-content,
.scaled-content,
.fullscreen-app,
.portal-stage,
.page-loader {
    background: transparent !important;
}

.tw-task-bar {
    background: linear-gradient(180deg, rgba(6, 8, 20, 0.96), rgba(7, 9, 26, 0.92)) !important;
    border-bottom: 1px solid rgba(103, 232, 249, 0.16) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(16px);
}

.logo-home-link {
    gap: 0.65rem;
}

.logo-home-link .orbit-wordmark {
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f8fafc;
    line-height: 1;
}

.main-nav .logo-home-link .orbit-wordmark {
    color: #f8fafc;
    text-transform: none;
    letter-spacing: 0.06em;
}

.bento-card,
.card,
.tw-workspace-panel,
.tw-session-rail-card,
.glass-panel,
.auth-card,
.login-wrapper .bento-card,
.project-card,
.ap-hero,
.ap-secondary-card,
.sim-panel,
.modal-content,
.tw-modal,
.llm-rr-step,
.llm-rr-prompt-card {
    background: var(--orbit-panel) !important;
    border: 1px solid var(--orbit-line) !important;
    color: var(--orbit-ink) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(18px);
}

.llm-rr-prompt-card {
    background: linear-gradient(180deg, #10152c, #0b1024) !important;
}

h1, h2, h3, h4, h5,
.card-title,
.section-header h2,
.hero-section h1,
.welcome-title,
.ap-hero-title {
    color: #f1f5ff !important;
}

p, li, label, td, th, .card-subtitle, .text-muted, .desc-text, .sim-desc {
    color: var(--orbit-muted);
}

.section-header p,
.hero-section p,
.ent-hero-lead,
.ref-lead {
    color: #c7d2fe !important;
}

a:not(.btn):not(.portal-btn) {
    color: var(--orbit-cyan);
}

.btn-primary,
.btn.btn-primary {
    background: linear-gradient(135deg, #22d3ee 0%, #6366f1 100%) !important;
    color: #05060f !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.35);
}

.btn-outline,
.btn-login {
    background: transparent !important;
    color: #e8ecff !important;
    border: 1px solid rgba(103, 232, 249, 0.4) !important;
}

input, select, textarea,
.tw-sample-input,
.llm-rr-textarea,
.custom-select {
    background: #0a0e22 !important;
    color: #e8ecff !important;
    border: 1px solid var(--orbit-line) !important;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--orbit-cyan) !important;
    box-shadow: 0 0 0 3px var(--orbit-glow) !important;
}

table, thead, tbody, tr, th, td {
    border-color: var(--orbit-line) !important;
    color: var(--orbit-ink);
}

thead th {
    background: rgba(8, 12, 32, 0.9) !important;
    color: #c7d2fe !important;
}

.sidebar, .tw-session-rail, .nav-menu, .left-sidebar {
    background: rgba(7, 9, 26, 0.88) !important;
    border-color: var(--orbit-line) !important;
}

.hero-section,
.bottom-cta,
.skeleton-hero-block,
.opp-hero,
.ent-hero,
.gs-hero {
    background: transparent !important;
}

.true-ocean-waves,
.banner-waves,
.opp-hero-waves {
    background:
        radial-gradient(2px 2px at 10% 40%, #fff, transparent),
        radial-gradient(1px 1px at 30% 70%, #67e8f9, transparent),
        radial-gradient(1.5px 1.5px at 70% 30%, #c4b5fd, transparent),
        radial-gradient(1px 1px at 90% 80%, #fff, transparent) !important;
    opacity: 0.55;
    height: 220px !important;
}

.wave-layer { display: none !important; }

.bg-white, .bg-gray, .bg-light {
    background: transparent !important;
}

.stat-box, .quick-access-card, .filter-bar, .req-box {
    background: rgba(16, 21, 44, 0.7) !important;
    border: 1px solid var(--orbit-line) !important;
    color: var(--orbit-ink) !important;
}

.text-primary,
.stat-value.text-primary,
.rate-tag {
    color: var(--orbit-cyan) !important;
}

.tag-location, .pipeline-pill, .tw-badge {
    background: rgba(103, 232, 249, 0.1) !important;
    color: #a5f3fc !important;
    border-color: rgba(103, 232, 249, 0.25) !important;
}

.tw-modal-overlay,
.modal,
.llm-rr-modal {
    background: rgba(2, 4, 16, 0.72) !important;
}

.llm-rr-md {
    background: #0a0e22 !important;
    border-color: var(--orbit-line) !important;
}

.llm-rr-typed { color: #e8ecff !important; }

.llm-rr-generate-launch {
    background: rgba(14, 20, 48, 0.9) !important;
}

.onboard-page,
.onboard-page .fullscreen-app,
.steps-bar {
    background: transparent !important;
    color: var(--orbit-ink) !important;
}

.steps-bar {
    background: rgba(7, 9, 26, 0.94) !important;
    border-bottom: 1px solid var(--orbit-line) !important;
}

.portal-toggle-container {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--orbit-line) !important;
}

.chart-card, .payments-card, .settings-card {
    background: var(--orbit-panel) !important;
    border: 1px solid var(--orbit-line) !important;
}

footer, .site-footer, .page-footer {
    background: rgba(5, 6, 15, 0.9) !important;
    color: var(--orbit-muted) !important;
    border-top: 1px solid var(--orbit-line) !important;
}

.page-loader {
    background: var(--orbit-void) !important;
}

.skeleton-card, .skeleton-block {
    background: #151b36 !important;
    border-color: var(--orbit-line) !important;
}

body.pipeline-ugc,
body.pipeline-off-platform,
body.pipeline-micro,
body.pipeline-generalist,
body.pipeline-ai,
body.pipeline-expert,
body.pipeline-special {
    background-color: var(--orbit-void) !important;
    background-image:
        radial-gradient(1.2px 1.2px at 8% 12%, rgba(255, 255, 255, 0.85), transparent),
        radial-gradient(1px 1px at 63% 72%, rgba(103, 232, 249, 0.7), transparent),
        radial-gradient(ellipse 90% 55% at 50% -18%, rgba(88, 28, 135, 0.38), transparent 58%),
        linear-gradient(180deg, #07091a 0%, #05060f 46%, #0a0d22 100%) !important;
}

body.pipeline-ugc .bento-card,
body.pipeline-off-platform .bento-card,
body.pipeline-ugc .highlight-card,
body.pipeline-off-platform .highlight-card,
body.pipeline-ugc .quick-access-card,
body.pipeline-off-platform .quick-access-card {
    background: var(--orbit-panel) !important;
    border: none !important;
    color: var(--orbit-ink) !important;
}

.layout-wrapper .bento-card,
.layout-wrapper .project-card,
.layout-wrapper .community-card,
.layout-wrapper .stat-card,
.layout-wrapper .highlight-card,
.layout-wrapper .quick-access-card,
.layout-wrapper .payments-card,
.layout-wrapper .payments-stat,
body[class*="pipeline-"] .bento-card,
body[class*="pipeline-"] .project-card,
body[class*="pipeline-"] .community-card,
body[class*="pipeline-"] .stat-card,
body[class*="pipeline-"] .highlight-card,
body[class*="pipeline-"] .quick-access-card {
    border: none !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28) !important;
}

.term-box,
.solution-box,
.flat-alert-box,
.guide-content-box,
.crypto-address-box,
.alert-info,
.wallet-choice-card,
.provider-card,
.mui-stepper-header {
    background: rgba(12, 16, 36, 0.82) !important;
    border-color: var(--orbit-line) !important;
    color: var(--orbit-ink) !important;
}

.badge,
.badge-signature {
    background: rgba(103, 232, 249, 0.12) !important;
    color: #a5f3fc !important;
    border-color: rgba(103, 232, 249, 0.28) !important;
}

@media (max-width: 960px) {
    .logo-home-link .orbit-wordmark { font-size: 0.92rem; }
}

.apply-page,
.gs-page .gs-card,
.gs-page .step-card,
.dynamic-project-card,
.checkbox-group {
    background: var(--orbit-panel) !important;
    border-color: var(--orbit-line) !important;
    color: var(--orbit-ink) !important;
}