feat: implement account management and subscription payment center components
This commit is contained in:
2569718930@qq.com
@@ -714,6 +714,55 @@
|
||||
background: var(--bg-card);
|
||||
}
|
||||
|
||||
/* ── Segmented Control: Locale Switcher in Light Mode ── */
|
||||
.root :global(.scan-terminal.light .scan-locale-switch) {
|
||||
border-color: #cbd5e1 !important;
|
||||
background: #e2e8f0 !important;
|
||||
color: #64748b !important;
|
||||
}
|
||||
|
||||
.root :global(.scan-terminal.light .scan-locale-switch span) {
|
||||
color: #64748b !important;
|
||||
}
|
||||
|
||||
.root :global(.scan-terminal.light .scan-locale-switch span.active) {
|
||||
color: #0f172a !important;
|
||||
background: #ffffff !important;
|
||||
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
|
||||
}
|
||||
|
||||
/* ── Status Chips and Manual Refresh button in Light Mode ── */
|
||||
.root :global(.scan-terminal.light .scan-status-chip) {
|
||||
border-color: #cbd5e1 !important;
|
||||
background: #ffffff !important;
|
||||
color: #475569 !important;
|
||||
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
|
||||
}
|
||||
|
||||
.root :global(.scan-terminal.light .scan-status-chip.live) {
|
||||
border-color: rgba(16, 185, 129, 0.22) !important;
|
||||
background: rgba(16, 185, 129, 0.12) !important;
|
||||
color: #065f46 !important;
|
||||
}
|
||||
|
||||
.root :global(.scan-terminal.light .scan-status-chip.stale) {
|
||||
border-color: rgba(245, 158, 11, 0.24) !important;
|
||||
background: rgba(245, 158, 11, 0.12) !important;
|
||||
color: #92400e !important;
|
||||
}
|
||||
|
||||
.root :global(.scan-terminal.light button.scan-status-chip.refresh) {
|
||||
border-color: #cbd5e1 !important;
|
||||
background: #ffffff !important;
|
||||
color: #1e293b !important;
|
||||
}
|
||||
|
||||
.root :global(.scan-terminal.light button.scan-status-chip.refresh:hover) {
|
||||
background: #f8fafc !important;
|
||||
border-color: #94a3b8 !important;
|
||||
}
|
||||
|
||||
|
||||
.root :global(.scan-terminal.light .scan-mode-tab.active) {
|
||||
color: #1D4ED8;
|
||||
background: #DBEAFE;
|
||||
@@ -814,9 +863,7 @@
|
||||
background: linear-gradient(180deg, rgba(224, 247, 255, 0.82), rgba(241, 248, 255, 0.92));
|
||||
}
|
||||
|
||||
.root :global(.scan-terminal.light .scan-locale-switch),
|
||||
.root :global(.scan-terminal.light .scan-ghost-button),
|
||||
.root :global(.scan-terminal.light .scan-theme-button),
|
||||
.root :global(.scan-terminal.light .scan-sort-pill),
|
||||
.root :global(.scan-terminal.light .scan-icon-pill),
|
||||
.root :global(.scan-terminal.light .scan-account-button),
|
||||
@@ -1221,128 +1268,128 @@
|
||||
|
||||
/* ── Leaflet map light overrides (needs !important to beat Leaflet inline styles) ── */
|
||||
.root :global(.map),
|
||||
html.light .root :global(.scan-terminal.light .scan-map-shell .map),
|
||||
html.light .root :global(.scan-terminal.light .scan-map-shell .leaflet-container),
|
||||
html.light .root :global(.leaflet-container),
|
||||
html.light .root :global(.leaflet-pane),
|
||||
html.light .root :global(.leaflet-map-pane),
|
||||
html.light .root :global(.leaflet-tile-pane) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-map-shell .map),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-map-shell .leaflet-container),
|
||||
:global(html.light) .root :global(.leaflet-container),
|
||||
:global(html.light) .root :global(.leaflet-pane),
|
||||
:global(html.light) .root :global(.leaflet-map-pane),
|
||||
:global(html.light) .root :global(.leaflet-tile-pane) {
|
||||
background: #eef7ff !important;
|
||||
}
|
||||
|
||||
/* ── City detail rail light overrides ── */
|
||||
html.light .root :global(.scan-city-detail-rail),
|
||||
html.light .root :global(.scan-terminal.light > .detail-panel.scan-city-detail-rail) {
|
||||
:global(html.light) .root :global(.scan-city-detail-rail),
|
||||
:global(html.light) .root :global(.scan-terminal.light > .detail-panel.scan-city-detail-rail) {
|
||||
background: linear-gradient(180deg, rgba(238, 247, 255, 0.98), rgba(255, 255, 255, 0.96));
|
||||
border-color: rgba(37, 99, 235, 0.16);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-city-detail-rail .panel-header),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-structured-section),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-summary-shell),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-card) {
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-header),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-structured-section),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-summary-shell),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-card) {
|
||||
background: rgba(255, 255, 255, 0.74);
|
||||
border-color: rgba(125, 171, 214, 0.28);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-city-detail-rail h2),
|
||||
html.light .root :global(.scan-city-detail-rail h3),
|
||||
html.light .root :global(.scan-city-detail-rail strong),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-value),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-summary-temp),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-section-head h3),
|
||||
html.light .root :global(.scan-city-detail-rail .panel-title-area h2) {
|
||||
:global(html.light) .root :global(.scan-city-detail-rail h2),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail h3),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail strong),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-value),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-summary-temp),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-section-head h3),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-title-area h2) {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-city-detail-rail p),
|
||||
html.light .root :global(.scan-city-detail-rail li),
|
||||
html.light .root :global(.scan-city-detail-rail small),
|
||||
html.light .root :global(.scan-city-detail-rail .panel-overline),
|
||||
html.light .root :global(.scan-city-detail-rail .panel-loading-hint),
|
||||
html.light .root :global(.scan-city-detail-rail .panel-meta-chip),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-section-kicker),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-label),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-value-muted),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-source-note),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-source-kind),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-mini-meta),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-summary-supporting),
|
||||
html.light .root :global(.scan-city-detail-rail .scan-detail-city-sub),
|
||||
html.light .root :global(.scan-city-detail-rail .scan-detail-volume-caption),
|
||||
html.light .root :global(.scan-city-detail-rail .scan-detail-score-label),
|
||||
html.light .root :global(.scan-city-detail-rail .scan-detail-empty) {
|
||||
:global(html.light) .root :global(.scan-city-detail-rail p),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail li),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail small),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-overline),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-loading-hint),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-meta-chip),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-section-kicker),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-label),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-value-muted),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-source-note),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-source-kind),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-mini-meta),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-summary-supporting),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .scan-detail-city-sub),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .scan-detail-volume-caption),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .scan-detail-score-label),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .scan-detail-empty) {
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-city-detail-rail .panel-meta-chip),
|
||||
html.light .root :global(.scan-city-detail-rail .panel-weather-chip),
|
||||
html.light .root :global(.scan-city-detail-rail .detail-source-link),
|
||||
html.light .root :global(.scan-city-detail-rail .panel-action-button-secondary),
|
||||
html.light .root :global(.scan-city-detail-rail .panel-action-button-ghost) {
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-meta-chip),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-weather-chip),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .detail-source-link),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-action-button-secondary),
|
||||
:global(html.light) .root :global(.scan-city-detail-rail .panel-action-button-ghost) {
|
||||
background: #eef7ff;
|
||||
border-color: rgba(37, 99, 235, 0.18);
|
||||
color: #1f3654;
|
||||
}
|
||||
|
||||
/* ── AI city card light overrides ── */
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-card),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-section),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-decision-band),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-market-decision),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-decision-metrics span),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-pills span),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-freshness span),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-metrics > span),
|
||||
html.light .root :global(.scan-terminal.light .scan-mobile-decision-metrics span),
|
||||
html.light .root :global(.scan-terminal.light .scan-mobile-decision-reason) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-section),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-band),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-market-decision),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-metrics span),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-pills span),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-freshness span),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics > span),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-metrics span),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-reason) {
|
||||
background: #eef7ff;
|
||||
border-color: rgba(37, 99, 235, 0.16);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary) {
|
||||
background: #dbeafe;
|
||||
border-color: rgba(59, 130, 246, 0.34);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-metrics b) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics b) {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary b) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary b) {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-metrics small) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics small) {
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-card p),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-card li),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-card small),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-card span:not(.scan-ai-city-kicker)) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card p),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card li),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card small),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card span:not(.scan-ai-city-kicker)) {
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-status-tag.green) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.green) {
|
||||
color: #047857;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-status-tag.blue) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.blue) {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-status-tag.amber) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.amber) {
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-status-tag.red) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.red) {
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
/* ── Upgrade announcement light overrides ── */
|
||||
html.light .root :global(.scan-terminal.light .scan-upgrade-announcement) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement) {
|
||||
background:
|
||||
radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 36%),
|
||||
var(--bg-card);
|
||||
@@ -1350,188 +1397,188 @@ html.light .root :global(.scan-terminal.light .scan-upgrade-announcement) {
|
||||
box-shadow: 0 16px 36px rgba(61, 100, 145, 0.12);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-upgrade-announcement-copy strong),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-mobile-priority b),
|
||||
html.light .root :global(.scan-terminal.light .scan-mobile-decision-metrics b),
|
||||
html.light .root :global(.scan-terminal.light .scan-mobile-decision-reason),
|
||||
html.light .root :global(.scan-terminal.light .scan-mobile-decision-head h3),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-market-mobile-line b) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement-copy strong),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-mobile-priority b),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-metrics b),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-reason),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-head h3),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-market-mobile-line b) {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-upgrade-announcement-copy p),
|
||||
html.light .root :global(.scan-terminal.light .scan-upgrade-announcement li),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-mobile-priority small),
|
||||
html.light .root :global(.scan-terminal.light .scan-mobile-decision-metrics small),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-market-mobile-line span) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement-copy p),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement li),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-mobile-priority small),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-metrics small),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-market-mobile-line span) {
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-upgrade-announcement-copy span) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement-copy span) {
|
||||
color: #047857;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-upgrade-announcement li),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-mobile-priority span),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-decision-why),
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-market-mobile-line) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement li),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-mobile-priority span),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-why),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-market-mobile-line) {
|
||||
background: #eef7ff;
|
||||
border-color: rgba(37, 99, 235, 0.16);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-decision-why) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-why) {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
/* ── Section titles ── */
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-section-title) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-section-title) {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-decision-band span) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-band span) {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-decision-band p) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-band p) {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-decision-band strong) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-band strong) {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
/* ── Scrollbar light overrides ── */
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-city-body) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-body) {
|
||||
scrollbar-color: rgba(37, 99, 235, 0.18) transparent;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-ai-city-body::-webkit-scrollbar-thumb) {
|
||||
:global(html.light) .root :global(.scan-ai-city-body::-webkit-scrollbar-thumb) {
|
||||
background: rgba(37, 99, 235, 0.22);
|
||||
}
|
||||
|
||||
/* ── AI prediction dual-card light mode ── */
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card) {
|
||||
background: var(--bg-card);
|
||||
border-color: var(--border-glass);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card.ai) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card.ai) {
|
||||
background: linear-gradient(180deg, rgba(219, 234, 254, 0.52), var(--bg-card));
|
||||
border-color: rgba(14, 165, 233, 0.28);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card.deb) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card.deb) {
|
||||
background: var(--bg-card);
|
||||
border-color: var(--border-glass);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card small) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card small) {
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card strong) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card strong) {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card.ai strong) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card.ai strong) {
|
||||
color: #0369a1;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card em) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card em) {
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending) {
|
||||
background: rgba(219, 234, 254, 0.28);
|
||||
border-color: rgba(14, 165, 233, 0.16);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending strong) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending strong) {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-confidence) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-confidence) {
|
||||
background: rgba(59, 130, 246, 0.1);
|
||||
color: #2563eb;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-confidence.high) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-confidence.high) {
|
||||
background: rgba(16, 185, 129, 0.12);
|
||||
color: #047857;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-confidence.medium) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-confidence.medium) {
|
||||
background: rgba(245, 158, 11, 0.12);
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-confidence.low) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-confidence.low) {
|
||||
background: rgba(148, 163, 184, 0.12);
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-ai-confidence.neutral) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-ai-confidence.neutral) {
|
||||
background: rgba(148, 163, 184, 0.08);
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
/* ── Empty / Error / Retry light overrides ── */
|
||||
html.light .root :global(.scan-terminal.light .scan-empty-title),
|
||||
html.light .root :global(.scan-terminal.light .scan-error-title) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-empty-title),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-error-title) {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-empty-copy),
|
||||
html.light .root :global(.scan-terminal.light .scan-error-copy) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-empty-copy),
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-error-copy) {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-empty-icon) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-empty-icon) {
|
||||
background: rgba(37, 99, 235, 0.08);
|
||||
border-color: rgba(37, 99, 235, 0.2);
|
||||
color: #2563EB;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-error-icon) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-error-icon) {
|
||||
background: rgba(239, 68, 68, 0.06);
|
||||
border-color: rgba(239, 68, 68, 0.18);
|
||||
color: #DC2626;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-retry-button) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-retry-button) {
|
||||
background: rgba(37, 99, 235, 0.08);
|
||||
border-color: rgba(37, 99, 235, 0.24);
|
||||
color: #2563EB;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-retry-button:hover) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-retry-button:hover) {
|
||||
background: rgba(37, 99, 235, 0.14);
|
||||
}
|
||||
|
||||
/* ── AMOS runway panel light overrides ── */
|
||||
html.light .root :global(.scan-terminal.light .scan-amos-runway-panel) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-amos-runway-panel) {
|
||||
background: rgba(37, 99, 235, 0.03);
|
||||
border-color: rgba(37, 99, 235, 0.12);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-amos-runway-card) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-amos-runway-card) {
|
||||
background: var(--bg-card);
|
||||
border-color: rgba(37, 99, 235, 0.08);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-amos-runway-label) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-amos-runway-label) {
|
||||
color: #2563EB;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-amos-runway-temp) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-amos-runway-temp) {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-amos-source-tag) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-amos-source-tag) {
|
||||
background: rgba(37, 99, 235, 0.08);
|
||||
color: #2563EB;
|
||||
}
|
||||
|
||||
html.light .root :global(.scan-terminal.light .scan-amos-runway-detail) {
|
||||
:global(html.light) .root :global(.scan-terminal.light .scan-amos-runway-detail) {
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user