/* Command theme: centralized visual tokens + premium space-tech overrides */
:root {
    --cmd-font-ui: "Sora", "Space Grotesk", sans-serif;
    --cmd-font-display: "Orbitron", "Space Grotesk", sans-serif;
    --cmd-font-mono: "IBM Plex Mono", monospace;

    --cmd-bg-0: #04070f;
    --cmd-bg-1: #091122;
    --cmd-bg-2: #101b31;
    --cmd-ink: #eaf2ff;
    --cmd-ink-soft: #a7b9d8;
    --cmd-line: rgba(160, 189, 234, 0.22);
    --cmd-surface: linear-gradient(152deg, rgba(9, 14, 26, 0.9) 0%, rgba(12, 20, 36, 0.82) 100%);
    --cmd-surface-soft: linear-gradient(152deg, rgba(10, 17, 30, 0.9) 0%, rgba(13, 22, 38, 0.77) 100%);
    --cmd-panel-shadow: 0 24px 54px rgba(1, 6, 16, 0.52);
    --cmd-primary: #64b6ff;
    --cmd-primary-2: #31e6ce;
    --cmd-accent: #b7ff3f;
    --cmd-danger: #ff9292;
    --cmd-success: #8af2b2;
    --cmd-warning: #ffce75;
    --cmd-focus: 0 0 0 3px rgba(100, 182, 255, 0.34);
}

body[data-theme="light"] {
    --cmd-bg-0: #e8f0ff;
    --cmd-bg-1: #d9e6fb;
    --cmd-bg-2: #f2e9dc;
    --cmd-ink: #0b203d;
    --cmd-ink-soft: #446080;
    --cmd-line: rgba(67, 106, 151, 0.24);
    --cmd-surface: linear-gradient(152deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 247, 255, 0.9) 100%);
    --cmd-surface-soft: linear-gradient(152deg, rgba(251, 254, 255, 0.97) 0%, rgba(239, 246, 254, 0.92) 100%);
    --cmd-panel-shadow: 0 18px 42px rgba(44, 78, 114, 0.18);
    --cmd-primary: #1069c9;
    --cmd-primary-2: #0f9f8f;
    --cmd-accent: #6f9f1f;
    --cmd-danger: #b24040;
    --cmd-success: #167347;
    --cmd-warning: #9a5a11;
}

body:not(.apple-landing-page) {
    font-family: var(--cmd-font-ui);
    color: var(--cmd-ink);
    background:
        radial-gradient(circle at 13% 12%, rgba(115, 173, 255, 0.16) 0%, transparent 34%),
        radial-gradient(circle at 84% 20%, rgba(56, 225, 200, 0.11) 0%, transparent 35%),
        radial-gradient(circle at 52% 118%, rgba(183, 255, 63, 0.16) 0%, transparent 45%),
        linear-gradient(145deg, var(--cmd-bg-0) 0%, var(--cmd-bg-1) 56%, var(--cmd-bg-2) 100%);
}

body:not(.apple-landing-page)::before {
    opacity: 0.28;
}

body:not(.apple-landing-page)::after {
    background:
        radial-gradient(circle at 12% 80%, rgba(86, 129, 255, 0.2) 0%, transparent 46%),
        radial-gradient(circle at 80% 10%, rgba(183, 255, 63, 0.16) 0%, transparent 46%);
    opacity: 0.86;
}

body:not(.apple-landing-page) .bg-orb {
    display: none;
}

body:not(.apple-landing-page) h1,
body:not(.apple-landing-page) h2,
body:not(.apple-landing-page) h3,
body:not(.apple-landing-page) h4,
body:not(.apple-landing-page) .logo {
    font-family: var(--cmd-font-display);
    letter-spacing: 0.04em;
}

body:not(.apple-landing-page) .kicker,
body:not(.apple-landing-page) .panel-copy,
body:not(.apple-landing-page) .mini-status,
body:not(.apple-landing-page) .history-meta,
body:not(.apple-landing-page) .history-prompt,
body:not(.apple-landing-page) .eta,
body:not(.apple-landing-page) .footer-meta p,
body:not(.apple-landing-page) .footer-tagline {
    color: var(--cmd-ink-soft) !important;
}

body:not(.apple-landing-page) .topbar {
    margin: 12px 12px 0;
    padding: 14px 18px;
    border: 1px solid var(--cmd-line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--cmd-surface) 92%, transparent);
    box-shadow: 0 14px 34px rgba(2, 8, 20, 0.36);
    backdrop-filter: blur(10px);
}

body:not(.apple-landing-page) .logo {
    color: var(--cmd-ink) !important;
    text-shadow: 0 0 26px rgba(100, 182, 255, 0.2);
}

body:not(.apple-landing-page) .panel,
body:not(.apple-landing-page) .card,
body:not(.apple-landing-page) .modal-content,
body:not(.apple-landing-page) .history-item,
body:not(.apple-landing-page) .settings-card,
body:not(.apple-landing-page) .admin-card,
body:not(.apple-landing-page) .credit-plan,
body:not(.apple-landing-page) .dashboard-balance,
body:not(.apple-landing-page) .dashboard-user-side,
body:not(.apple-landing-page) .dashboard-kpi,
body:not(.apple-landing-page) .register-section,
body:not(.apple-landing-page) .admin-toggle-row,
body:not(.apple-landing-page) .workspace-card,
body:not(.apple-landing-page) .footer-inner {
    border: 1px solid var(--cmd-line) !important;
    background: var(--cmd-surface-soft) !important;
    box-shadow: var(--cmd-panel-shadow) !important;
    border-radius: 18px;
}

body:not(.apple-landing-page) .panel:hover,
body:not(.apple-landing-page) .card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--cmd-primary) 55%, transparent) !important;
    box-shadow: 0 28px 60px rgba(2, 8, 20, 0.56) !important;
}

body:not(.apple-landing-page) .panel::before,
body:not(.apple-landing-page) .card::before,
body:not(.apple-landing-page) .modal-content::before {
    background: linear-gradient(104deg, transparent, rgba(100, 182, 255, 0.2), transparent) !important;
}

body:not(.apple-landing-page) .ghost-btn,
body:not(.apple-landing-page) .danger-btn,
body:not(.apple-landing-page) .modal-buttons .ghost-btn,
body:not(.apple-landing-page) .nav-actions .nav-link,
body:not(.apple-landing-page) .workspace-icon-btn,
body:not(.apple-landing-page) .projects-icon-btn,
body:not(.apple-landing-page) .projects-rail-btn,
body:not(.apple-landing-page) .workspace-rail-btn {
    border: 1px solid var(--cmd-line) !important;
    background: color-mix(in srgb, var(--cmd-surface) 88%, transparent) !important;
    color: var(--cmd-ink) !important;
}

body:not(.apple-landing-page) .ghost-btn:hover,
body:not(.apple-landing-page) .danger-btn:hover,
body:not(.apple-landing-page) .modal-buttons .ghost-btn:hover,
body:not(.apple-landing-page) .nav-actions .nav-link:hover,
body:not(.apple-landing-page) .workspace-icon-btn:hover,
body:not(.apple-landing-page) .projects-icon-btn:hover,
body:not(.apple-landing-page) .projects-rail-btn:hover,
body:not(.apple-landing-page) .workspace-rail-btn:hover {
    border-color: color-mix(in srgb, var(--cmd-primary) 48%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--cmd-primary) 34%, transparent) inset;
}

body:not(.apple-landing-page) .primary-btn,
body:not(.apple-landing-page) .small-btn,
body:not(.apple-landing-page) .download,
body:not(.apple-landing-page) .history-download,
body:not(.apple-landing-page) .modal-buttons button:not(.ghost-btn):not(.danger-btn),
body:not(.apple-landing-page) .nav-actions .nav-link.is-active,
body:not(.apple-landing-page) .auth-home-btn {
    border: 1px solid color-mix(in srgb, var(--cmd-primary) 62%, transparent) !important;
    color: #eff8ff !important;
    background: linear-gradient(124deg, var(--cmd-primary) 0%, var(--cmd-primary-2) 72%, var(--cmd-accent) 100%) !important;
    box-shadow: 0 14px 32px rgba(3, 15, 36, 0.42) !important;
    font-weight: 700;
}

body:not(.apple-landing-page) .primary-btn:hover,
body:not(.apple-landing-page) .small-btn:hover,
body:not(.apple-landing-page) .download:hover,
body:not(.apple-landing-page) .history-download:hover {
    filter: brightness(1.05);
    box-shadow: 0 20px 38px rgba(3, 15, 36, 0.5) !important;
}

body:not(.apple-landing-page) .theme-btn {
    min-width: 126px;
}

/* Auth-specific contrast tuning (login/register/forgot flows). */
body.auth-page:not(.apple-landing-page) .auth-shell {
    border-color: color-mix(in srgb, var(--cmd-primary) 42%, var(--cmd-line) 58%) !important;
}

body.auth-page:not(.apple-landing-page) .card label {
    color: color-mix(in srgb, var(--cmd-ink) 88%, #ffffff 12%) !important;
    font-weight: 600;
}

body.auth-page:not(.apple-landing-page) .auth-home-btn {
    background: linear-gradient(130deg, #1d5fb8 0%, #1487c5 58%, #17a38c 100%) !important;
    color: #f6fbff !important;
    border-color: rgba(138, 207, 255, 0.72) !important;
}

body.auth-page:not(.apple-landing-page) .auth-home-btn:hover {
    background: linear-gradient(130deg, #2a6dca 0%, #1f96d8 58%, #1bb49a 100%) !important;
}

body.auth-page:not(.apple-landing-page) .auth-home-icon {
    background: rgba(238, 248, 255, 0.22);
    border-color: rgba(214, 238, 255, 0.78);
    color: #f4faff;
}

body.auth-page:not(.apple-landing-page) .auth-home-text small {
    color: rgba(238, 247, 255, 0.92) !important;
}

body.auth-page:not(.apple-landing-page) .auth-primary-btn,
body.auth-page:not(.apple-landing-page) #sendForgotOtpBtn,
body.auth-page:not(.apple-landing-page) #resetForgotPasswordBtn {
    background: linear-gradient(125deg, #2084de 0%, #1cb7c4 62%, #61d44a 100%) !important;
    border-color: rgba(163, 232, 255, 0.74) !important;
    color: #f6fcff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
}

body.auth-page:not(.apple-landing-page) .auth-primary-btn:hover,
body.auth-page:not(.apple-landing-page) #sendForgotOtpBtn:hover,
body.auth-page:not(.apple-landing-page) #resetForgotPasswordBtn:hover {
    filter: brightness(1.08);
}

body.auth-page:not(.apple-landing-page) .auth-primary-btn:disabled,
body.auth-page:not(.apple-landing-page) #sendForgotOtpBtn:disabled,
body.auth-page:not(.apple-landing-page) #verifyForgotOtpBtn:disabled,
body.auth-page:not(.apple-landing-page) #resetForgotPasswordBtn:disabled,
body.auth-page:not(.apple-landing-page) #emailLoginBtn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none !important;
    filter: grayscale(0.2);
}

body.auth-page:not(.apple-landing-page) .auth-field-hint,
body.auth-page:not(.apple-landing-page) #loginStatus,
body.auth-page:not(.apple-landing-page) #forgotPasswordStatus {
    color: color-mix(in srgb, var(--cmd-ink-soft) 84%, #ffffff 16%) !important;
}

body.auth-page:not(.apple-landing-page) .auth-field-error {
    color: #ff9a9a !important;
    font-weight: 600;
}

body.auth-page:not(.apple-landing-page) .auth-field-ok {
    color: #8ff7c1 !important;
    font-weight: 600;
}

body.auth-page:not(.apple-landing-page) #loginCtaReason,
body.auth-page:not(.apple-landing-page) #loginUsernameHint.auth-field-error,
body.auth-page:not(.apple-landing-page) #loginPasswordHint.auth-field-error {
    color: #ffc0c0 !important;
}

body.auth-page:not(.apple-landing-page) .mini-status a {
    color: #b8d9ff;
}

body.auth-page:not(.apple-landing-page) .mini-status a:hover {
    color: #d9ebff;
}

body:not(.apple-landing-page) input,
body:not(.apple-landing-page) select,
body:not(.apple-landing-page) textarea,
body:not(.apple-landing-page) .history-edit,
body:not(.apple-landing-page) .inline-code-preview,
body:not(.apple-landing-page) .inline-context-menu,
body:not(.apple-landing-page) .logs,
body:not(.apple-landing-page) .progress-container,
body:not(.apple-landing-page) .workspace-file-detail,
body:not(.apple-landing-page) .projects-tools-menu,
body:not(.apple-landing-page) .settings-payment-grid textarea {
    border: 1px solid color-mix(in srgb, var(--cmd-line) 90%, transparent) !important;
    background: color-mix(in srgb, var(--cmd-surface-soft) 82%, transparent) !important;
    color: var(--cmd-ink) !important;
}

body:not(.apple-landing-page) input::placeholder,
body:not(.apple-landing-page) textarea::placeholder {
    color: color-mix(in srgb, var(--cmd-ink-soft) 92%, #ffffff 8%) !important;
    opacity: 1;
}

/* Keep native select dropdown options readable across browsers. */
body:not(.apple-landing-page) select {
    color: var(--cmd-ink) !important;
    background-color: #0d1a2d !important;
}

body:not(.apple-landing-page) select option,
body:not(.apple-landing-page) select optgroup {
    color: #eaf2ff !important;
    background-color: #0d1a2d !important;
}

body:not(.apple-landing-page) select option:checked {
    color: #ffffff !important;
    background: linear-gradient(90deg, #1f4f8f 0%, #1c6fc4 100%) !important;
}

body:not(.apple-landing-page) select option:disabled {
    color: #86a3cc !important;
}

body:not(.apple-landing-page) input:focus,
body:not(.apple-landing-page) select:focus,
body:not(.apple-landing-page) textarea:focus,
body:not(.apple-landing-page) .history-edit:focus,
body:not(.apple-landing-page) .workspace-icon-btn:focus-visible,
body:not(.apple-landing-page) .projects-icon-btn:focus-visible,
body:not(.apple-landing-page) .ghost-btn:focus-visible,
body:not(.apple-landing-page) .small-btn:focus-visible,
body:not(.apple-landing-page) .primary-btn:focus-visible {
    outline: none;
    box-shadow: var(--cmd-focus) !important;
    border-color: color-mix(in srgb, var(--cmd-primary) 65%, transparent) !important;
}

body:not(.apple-landing-page) .danger-btn {
    color: var(--cmd-danger) !important;
    border-color: color-mix(in srgb, var(--cmd-danger) 42%, transparent) !important;
}

body:not(.apple-landing-page) .ai-pill,
body:not(.apple-landing-page) .footer-status,
body:not(.apple-landing-page) .surface-chip,
body:not(.apple-landing-page) .insight-strip p,
body:not(.apple-landing-page) .workspace-breadcrumb,
body:not(.apple-landing-page) .projects-bolt-switches,
body:not(.apple-landing-page) .workspace-view-modes {
    border: 1px solid var(--cmd-line) !important;
    background: color-mix(in srgb, var(--cmd-surface-soft) 84%, transparent) !important;
    color: var(--cmd-ink) !important;
}

body:not(.apple-landing-page) .ai-pill.offline,
body:not(.apple-landing-page) .footer-status.offline {
    color: var(--cmd-danger) !important;
    border-color: color-mix(in srgb, var(--cmd-danger) 46%, transparent) !important;
}

body:not(.apple-landing-page) .history-item,
body:not(.apple-landing-page) .admin-user-item,
body:not(.apple-landing-page) .payment-history-item,
body:not(.apple-landing-page) .plan-item,
body:not(.apple-landing-page) .passbook-item,
body:not(.apple-landing-page) #adminActivityFeedList > *,
body:not(.apple-landing-page) #adminBillingLogsList > *,
body:not(.apple-landing-page) #adminModerationProjectsList > * {
    border: 1px solid var(--cmd-line) !important;
    background: color-mix(in srgb, var(--cmd-surface-soft) 88%, transparent) !important;
}

body:not(.apple-landing-page) .workspace-code-shell,
body:not(.apple-landing-page) .workspace-code-viewer,
body:not(.apple-landing-page) .workspace-code-head {
    border-color: rgba(117, 150, 196, 0.38) !important;
}

body:not(.apple-landing-page) .workspace-code-shell,
body:not(.apple-landing-page) .workspace-code-viewer {
    background: #101a2a !important;
}

body:not(.apple-landing-page) .workspace-code-head {
    background: #162337 !important;
}

body:not(.apple-landing-page) .code-line.is-active-line {
    background: rgba(105, 167, 245, 0.16);
}

body:not(.apple-landing-page) .empty-state,
body:not(.apple-landing-page) .skeleton-card {
    border: 1px dashed color-mix(in srgb, var(--cmd-line) 92%, transparent);
    background: color-mix(in srgb, var(--cmd-surface-soft) 72%, transparent);
}

body:not(.apple-landing-page) .workspace-page .container.top-layout,
body:not(.apple-landing-page) .workspace-page .site-footer {
    max-width: min(97vw, 1900px);
}

body:not(.apple-landing-page) .workspace-page .page-body {
    max-width: min(97vw, 1820px);
}

body:not(.apple-landing-page) .projects-page .container.top-layout,
body:not(.apple-landing-page) .projects-page .site-footer {
    max-width: min(96vw, 1720px);
}

body:not(.apple-landing-page) .projects-page .page-body {
    max-width: min(96vw, 1620px);
}

@media (max-width: 980px) {
    body:not(.apple-landing-page) .topbar {
        margin: 10px 10px 0;
        padding: 12px;
        border-radius: 14px;
    }

    body:not(.apple-landing-page) .container,
    body:not(.apple-landing-page) .container.top-layout,
    body:not(.apple-landing-page) .site-footer,
    body:not(.apple-landing-page) .page-body {
        max-width: min(98vw, 1200px);
    }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.apple-landing-page)::after,
    body:not(.apple-landing-page) .panel,
    body:not(.apple-landing-page) .card,
    body:not(.apple-landing-page) .ghost-btn,
    body:not(.apple-landing-page) .small-btn,
    body:not(.apple-landing-page) .primary-btn {
        animation: none !important;
        transition: none !important;
    }
}

body.loading-lock {
    overflow: hidden;
}

.loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: 20px;
    background:
        radial-gradient(circle at 20% 14%, rgba(88, 162, 255, 0.22), transparent 42%),
        radial-gradient(circle at 82% 18%, rgba(74, 233, 208, 0.2), transparent 40%),
        rgba(2, 8, 20, 0.7);
    backdrop-filter: blur(7px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.loading-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.loading-dialog {
    width: min(560px, calc(100vw - 28px));
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid color-mix(in srgb, var(--cmd-primary) 34%, var(--cmd-line) 66%);
    background: linear-gradient(165deg, rgba(10, 19, 36, 0.97) 0%, rgba(8, 14, 27, 0.95) 100%);
    box-shadow: 0 32px 74px rgba(2, 6, 16, 0.62), inset 0 1px 0 rgba(182, 213, 255, 0.2);
    padding: 26px 24px 20px;
    text-align: center;
    transform: translateY(10px) scale(0.985);
    transition: transform 0.22s ease;
}

.loading-overlay.is-visible .loading-dialog {
    transform: translateY(0) scale(1);
}

.loading-ambient {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    filter: blur(30px);
    opacity: 0.45;
    pointer-events: none;
}

.loading-ambient-a {
    left: -90px;
    top: -120px;
    background: rgba(99, 178, 255, 0.6);
    animation: loadingFloatA 5.2s ease-in-out infinite;
}

.loading-ambient-b {
    right: -110px;
    bottom: -140px;
    background: rgba(81, 246, 200, 0.5);
    animation: loadingFloatB 5.8s ease-in-out infinite;
}

.loading-grid {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(135, 170, 220, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(135, 170, 220, 0.06) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.64), transparent);
    pointer-events: none;
}

.loading-spinner-wrap {
    width: 84px;
    height: 84px;
    margin: 2px auto 14px;
    position: relative;
}

.loading-spinner-ring,
.loading-spinner-core {
    position: absolute;
    inset: 0;
    border-radius: 999px;
}

.loading-spinner-ring-a {
    border: 2px solid rgba(121, 190, 255, 0.4);
    border-top-color: rgba(121, 190, 255, 1);
    animation: loadingSpin 1.05s linear infinite;
}

.loading-spinner-ring-b {
    inset: 10px;
    border: 2px solid rgba(70, 237, 210, 0.32);
    border-bottom-color: rgba(70, 237, 210, 0.9);
    animation: loadingSpinReverse 1.25s linear infinite;
}

.loading-spinner-core {
    inset: 24px;
    background: radial-gradient(circle, rgba(215, 241, 255, 0.9) 0%, rgba(119, 182, 255, 0.85) 70%, rgba(119, 182, 255, 0) 100%);
    animation: loadingPulse 1.2s ease-in-out infinite;
}

.loading-kicker {
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--cmd-primary) 78%, #ffffff 22%);
    font-weight: 700;
}

.loading-title {
    margin: 8px 0 6px;
    font-size: clamp(1.2rem, 2.2vw, 1.58rem);
    line-height: 1.25;
    color: #f2f8ff;
    text-wrap: balance;
}

.loading-detail {
    margin: 0 auto 14px;
    max-width: 500px;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #c3d6f4;
    min-height: 42px;
}

.loading-feed {
    display: grid;
    gap: 7px;
    text-align: left;
    margin: 0 auto 14px;
    width: min(460px, 100%);
}

.loading-feed-line {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.88rem;
    color: #8ba7cf;
    opacity: 0.56;
    transform: translateX(-4px);
    transition: all 0.22s ease;
}

.loading-feed-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(132, 167, 214, 0.58);
    flex: 0 0 auto;
}

.loading-feed-line.is-active {
    color: #eaf4ff;
    opacity: 1;
    transform: translateX(0);
}

.loading-feed-line.is-active .loading-feed-dot {
    background: linear-gradient(140deg, var(--cmd-primary), var(--cmd-primary-2));
    box-shadow: 0 0 0 5px rgba(103, 189, 255, 0.16);
}

.loading-progress {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: rgba(133, 166, 214, 0.18);
    border: 1px solid rgba(140, 174, 220, 0.24);
    overflow: hidden;
}

.loading-progress-fill {
    display: block;
    width: 10%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--cmd-primary) 0%, var(--cmd-primary-2) 52%, var(--cmd-accent) 100%);
    box-shadow: 0 0 18px rgba(100, 182, 255, 0.6);
    transition: width 0.35s ease;
}

body[data-theme="light"] .loading-overlay {
    background:
        radial-gradient(circle at 20% 14%, rgba(56, 133, 236, 0.18), transparent 42%),
        radial-gradient(circle at 82% 18%, rgba(28, 159, 140, 0.15), transparent 40%),
        rgba(223, 236, 255, 0.62);
}

body[data-theme="light"] .loading-dialog {
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 249, 255, 0.96) 100%);
    border-color: rgba(100, 144, 200, 0.34);
    box-shadow: 0 24px 60px rgba(43, 77, 124, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body[data-theme="light"] .loading-title {
    color: #0f2b52;
}

body[data-theme="light"] .loading-detail {
    color: #34527d;
}

body[data-theme="light"] .loading-feed-line {
    color: #4b6f9e;
}

body[data-theme="light"] .loading-feed-line.is-active {
    color: #0f2d59;
}

body[data-theme="light"]:not(.apple-landing-page) select,
body[data-theme="light"]:not(.apple-landing-page) select option,
body[data-theme="light"]:not(.apple-landing-page) select optgroup {
    color: #0f2d59 !important;
    background-color: #ffffff !important;
}

body[data-theme="light"]:not(.apple-landing-page) select option:checked {
    color: #ffffff !important;
    background: linear-gradient(90deg, #2467c7 0%, #1a9aae 100%) !important;
}

/* Global light-mode hardening for popup/window surfaces across all app pages. */
body[data-theme="light"]:not(.apple-landing-page) .modal {
    background: rgba(219, 232, 248, 0.58) !important;
    backdrop-filter: blur(6px);
}

body[data-theme="light"]:not(.apple-landing-page) .modal-content,
body[data-theme="light"]:not(.apple-landing-page) .history-item,
body[data-theme="light"]:not(.apple-landing-page) .payment-history-item,
body[data-theme="light"]:not(.apple-landing-page) .admin-user-item,
body[data-theme="light"]:not(.apple-landing-page) .projects-subscription-card,
body[data-theme="light"]:not(.apple-landing-page) .projects-archived-modal,
body[data-theme="light"]:not(.apple-landing-page) .projects-edit-modal,
body[data-theme="light"]:not(.apple-landing-page) .workspace-command-modal,
body[data-theme="light"]:not(.apple-landing-page) .inline-edit-modal,
body[data-theme="light"]:not(.apple-landing-page) .user-dropdown,
body[data-theme="light"]:not(.apple-landing-page) .inline-context-menu,
body[data-theme="light"]:not(.apple-landing-page) .projects-tools-menu,
body[data-theme="light"]:not(.apple-landing-page) .notice-card {
    color: #132a47 !important;
    border-color: rgba(86, 125, 168, 0.3) !important;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 248, 255, 0.95) 100%) !important;
    box-shadow: 0 18px 40px rgba(44, 78, 114, 0.18) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .user-menu-item,
body[data-theme="light"]:not(.apple-landing-page) .notice-close {
    color: #1a3d67 !important;
    border-color: rgba(88, 123, 165, 0.3) !important;
    background: linear-gradient(165deg, rgba(248, 252, 255, 0.98) 0%, rgba(232, 243, 255, 0.94) 100%) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .user-menu-item:hover,
body[data-theme="light"]:not(.apple-landing-page) .notice-close:hover {
    background: linear-gradient(165deg, rgba(239, 248, 255, 0.99) 0%, rgba(219, 235, 252, 0.95) 100%) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .danger-item {
    color: #9f2f2f !important;
    border-color: rgba(196, 69, 69, 0.34) !important;
    background: linear-gradient(165deg, rgba(255, 246, 246, 0.98) 0%, rgba(255, 233, 233, 0.94) 100%) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .modal-content h3,
body[data-theme="light"]:not(.apple-landing-page) .notice-text,
body[data-theme="light"]:not(.apple-landing-page) .inline-context-selector {
    color: #132a47 !important;
}

body[data-theme="light"]:not(.apple-landing-page) .mini-status,
body[data-theme="light"]:not(.apple-landing-page) .history-meta,
body[data-theme="light"]:not(.apple-landing-page) .support-copy p,
body[data-theme="light"]:not(.apple-landing-page) .credit-plan p {
    color: #355577 !important;
}

body[data-theme="light"]:not(.apple-landing-page) .modal-content input,
body[data-theme="light"]:not(.apple-landing-page) .modal-content textarea,
body[data-theme="light"]:not(.apple-landing-page) .projects-edit-form textarea {
    color: #153252 !important;
    border-color: rgba(97, 130, 168, 0.34) !important;
    background: rgba(255, 255, 255, 0.96) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-card,
body[data-theme="light"]:not(.apple-landing-page) .pricing-pack-card {
    color: #143155 !important;
    border-color: rgba(96, 132, 176, 0.34) !important;
    background: linear-gradient(180deg, #fbfdff 0%, #edf4fb 100%) !important;
    box-shadow: 0 16px 30px rgba(45, 75, 111, 0.16) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-card-most-popular {
    background: linear-gradient(180deg, #eef4ff 0%, #dfeafa 100%) !important;
    border-color: rgba(99, 125, 203, 0.44) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-card-unlimited {
    background: linear-gradient(180deg, #fff8e8 0%, #f7edd3 100%) !important;
    border-color: rgba(176, 138, 69, 0.44) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-card h4,
body[data-theme="light"]:not(.apple-landing-page) .pricing-pack-card h4,
body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-price strong {
    color: #112b4d !important;
}

body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-features li,
body[data-theme="light"]:not(.apple-landing-page) .pricing-pack-features li,
body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-subtitle,
body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-price small,
body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-price .rupee,
body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-footnote,
body[data-theme="light"]:not(.apple-landing-page) .pricing-plan-token {
    color: #355577 !important;
}

body[data-theme="light"]:not(.apple-landing-page) .notice-success {
    border-color: rgba(41, 154, 108, 0.34) !important;
    background: linear-gradient(165deg, rgba(242, 255, 249, 0.98) 0%, rgba(229, 250, 242, 0.95) 100%) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .notice-warning {
    border-color: rgba(177, 111, 24, 0.34) !important;
    background: linear-gradient(165deg, rgba(255, 252, 242, 0.98) 0%, rgba(255, 245, 224, 0.95) 100%) !important;
}

body[data-theme="light"]:not(.apple-landing-page) .notice-error {
    border-color: rgba(188, 72, 72, 0.34) !important;
    background: linear-gradient(165deg, rgba(255, 246, 246, 0.98) 0%, rgba(255, 235, 235, 0.95) 100%) !important;
}

@keyframes loadingSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes loadingSpinReverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@keyframes loadingPulse {
    0%, 100% { transform: scale(0.94); opacity: 0.82; }
    50% { transform: scale(1.06); opacity: 1; }
}

@keyframes loadingFloatA {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(24px, 16px, 0); }
}

@keyframes loadingFloatB {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(-18px, -18px, 0); }
}

@media (max-width: 680px) {
    .loading-dialog {
        border-radius: 18px;
        padding: 20px 16px 16px;
    }

    .loading-title {
        font-size: 1.12rem;
    }

    .loading-detail {
        font-size: 0.9rem;
        min-height: 38px;
    }
}