/* Local-only refinement of the original design, rather than a replacement. */
.hero-stage .cockpit,
.flow-shell {
    border-color: rgba(111, 206, 235, .32);
    box-shadow: 0 32px 90px #0005, inset 0 1px #c9f6ff12;
}
.cockpit-header { background: linear-gradient(105deg, #102c3a80, #121c3540); }
.cockpit-title-row h2 { letter-spacing: -.025em; }
.priority-item { transition: border-color .2s, background .2s, box-shadow .2s; }
.priority-item:hover,
.priority-item:focus-within { box-shadow: inset 0 0 0 1px #7fe4ee26, 0 8px 24px #0002; }
.priority-copy > span,
.priority-impact > small { color: #a7bdce; }
.cockpit-trace { background: linear-gradient(125deg, #0b29378c, #081527); }
.cockpit-trace-flow > div { border-color: #37607466; }
.cockpit-trace-flow strong { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.45; }
.flow-visual { box-shadow: 0 18px 48px #0004, inset 0 1px #b8ebff12; }
.flow-tab.is-active { background: linear-gradient(135deg, #123b4d8c, #101d3580); }
.flow-visual-head { color: #bad8e7; }
.upload-drop { position: relative; overflow: hidden; background: linear-gradient(130deg, #09334075, #101b3038); }
.upload-drop::after {
    content: ''; position: absolute; left: 0; right: 0; top: 0;
    height: 1px; opacity: 0; pointer-events: none;
    background: linear-gradient(90deg, transparent, #79e9f3, transparent);
}
.flow-shell.is-in-view .flow-panel.is-active .upload-drop::after { animation: document-scan 4s ease-in-out infinite; }
@keyframes document-scan {
    0% { transform: translateY(0); opacity: 0; }
    18%, 72% { opacity: .6; }
    100% { transform: translateY(185px); opacity: 0; }
}
.document-rows > span { border-color: #40657950; background: #0a20308c; }
#ecosistema .ecosystem-gallery #moduleGrid .module-card {
    border-color: #466375 !important;
    box-shadow: 0 18px 42px #0003, inset 0 1px #d3f4ff15 !important;
}
#ecosistema .ecosystem-gallery .module-card-stage {
    border-color: #38576d;
    background: radial-gradient(ellipse at 0 0, rgba(var(--module-rgb), .09), transparent 65%), #04111d;
}
.ecosystem-live-panel {
    align-self: start;
    background: radial-gradient(ellipse at 0 0, rgba(var(--experience-rgb), .09), transparent 65%), linear-gradient(145deg, #0b1e2c, #05111d);
    box-shadow: 0 28px 70px #0005, inset 0 1px #d3f4ff13;
}
.scene-evidence-board { margin-top: 2px; }
.scene-evidence-board > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.scene-evidence-board > header > span { display: flex; align-items: center; gap: 6px; color: #a9d4df; font: 500 9px 'JetBrains Mono', monospace; letter-spacing: .08em; }
.scene-evidence-board > header > small { font-size: 9px; color: #97b1c3; }
.scene-evidence-board > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.scene-evidence-board article {
    position: relative; display: flex; flex-direction: column; align-items: flex-start;
    min-width: 0; padding: 11px; gap: 5px;
    border: 1px solid rgba(var(--experience-rgb), .24); border-radius: 12px;
    background: linear-gradient(145deg, rgba(var(--experience-rgb), .075), #051421);
    box-shadow: inset 0 1px #b5f0ff0a;
}
.scene-source-icon { position: absolute; right: 10px; top: 10px; color: rgb(var(--experience-rgb)); opacity: .7; }
.scene-evidence-board article > small { padding-right: 18px; font: 500 8px 'JetBrains Mono', monospace; color: #8cabbc; }
.scene-evidence-board article > strong { font-size: 11px; line-height: 1.35; color: #ecf9ff; }
.scene-evidence-board article > p { font-size: 10px; line-height: 1.4; color: #a0bdcd; margin: 0; }
.scene-source-tag { display: inline-flex; margin-top: 3px; font-size: 8px; color: #70dacc; }
.module-card-stage .scene-chat { padding: 10px 12px; }
.module-card-stage .scene-evidelya { gap: 9px; }
.module-card-stage .scene-chat small { display: block; line-height: 1.4; }
.module-card-stage .scene-evidence-board article > small { line-height: 1.4; }
#ecosystemModuleVisual .scene-evidelya { gap: 18px; }
#ecosystemModuleVisual .scene-chat { padding: 20px 24px; }
#ecosystemModuleVisual .scene-chat p { font-size: clamp(15px, 1.05vw, 19px); line-height: 1.65; max-width: 68ch; }
#ecosystemModuleVisual .scene-chat small { font-size: 10px; color: #91b2c6; }
#ecosystemModuleVisual .scene-console-bar { font-size: 10px; min-height: 38px; }
#ecosystemModuleVisual .scene-evidence-chips span { font-size: 11px; padding: 7px 10px; color: #a9c9d9; }
#ecosystemModuleVisual .scene-evidence-board { margin-top: 5px; }
#ecosystemModuleVisual .scene-evidence-board > header > span,
#ecosystemModuleVisual .scene-evidence-board > header > small { font-size: 10px; }
#ecosystemModuleVisual .scene-evidence-board article { min-height: 118px; padding: 16px; gap: 9px; }
#ecosystemModuleVisual .scene-evidence-board article > strong { font-size: 15px; }
#ecosystemModuleVisual .scene-evidence-board article > small { font-size: 10px; }
#ecosystemModuleVisual .scene-evidence-board article > p { font-size: 12px; }
#ecosystemModuleVisual .scene-source-tag { font-size: 10px; }
#ecosystemModuleVisual .scene-context-strip > span { font-size: 11px; color: #cce4ef; }
@media (min-width: 900px) and (max-height: 1050px) {
    .ecosystem-immersive-body { padding: 28px !important; }
    .ecosystem-live-panel { padding: 22px; }
    #ecosystemModuleVisual .scene-evidelya { gap: 12px; }
    #ecosystemModuleVisual .scene-chat { padding: 15px 18px; }
    #ecosystemModuleVisual .scene-evidence-board article { min-height: 100px; padding: 13px; gap: 7px; }
}
@media (min-width: 900px) {
    #ecosystemModuleVisual .module-scene :is(small, em) { color: #91b1c1; }
    #ecosystemModuleVisual .scene-vault-folders > :is(button, span) b { font-size: 12px; }
    #ecosystemModuleVisual .scene-vault-folders > :is(button, span) em { font-size: 11px; }
    #ecosystemModuleVisual .scene-kanban article b { font-size: 13px; }
    #ecosystemModuleVisual .scene-kanban article small { font-size: 10px; }
}
@media (max-width: 600px) {
    #ecosystemModuleVisual .scene-chat { padding: 14px; max-width: 100%; }
    #ecosystemModuleVisual .scene-chat-evidelya { grid-template-columns: 1fr; }
    #ecosystemModuleVisual .scene-evidence-board > div { grid-template-columns: 1fr; }
    #ecosystemModuleVisual .scene-evidence-board article { min-height: 0; padding: 13px; gap: 6px; }
    #ecosystemModuleVisual .scene-evidence-board > header { flex-wrap: wrap; }
    #ecosystemModuleVisual .scene-evidence-chips { gap: 5px; }
    #ecosystemModuleVisual .scene-context-strip { grid-template-columns: 1fr; }
    #ecosystemModuleVisual > .scene-evidelya { overflow: visible; height: auto !important; }
}
@media (prefers-reduced-motion: reduce) {
    .flow-shell .upload-drop::after { animation: none !important; }
    .priority-item { transition: none; }
}