/* FE4-AC-003,004,019,020,028,029,032,034–036.
 * Source Monitor declarations, with D15 overflow-only adaptations below 874px.
 * Shared tokens/reset/marketing kit/font faces are owned by fiscal-facelift.css.
 */
#consulta-nota.wmff-page .wm-monitor-window-head { display: flex; align-items: center; gap: 6px; padding: 7px 10px; border-bottom: 1px solid var(--wm-ink-100); background: var(--wm-ink-50); }
#consulta-nota.wmff-page .wm-monitor-window-head > span:nth-child(-n+2) { width: 7px; height: 7px; border-radius: 50%; background: var(--wm-ink-200); }
#consulta-nota.wmff-page .wm-monitor-window-head > span:last-child { margin-left: 6px; font-size: 9.5px; color: var(--wm-ink-500); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#consulta-nota.wmff-page .wm-monitor-cap-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 33px 33px 0; }
#consulta-nota.wmff-page .wm-monitor-cap-head > div { display: flex; flex-direction: column; gap: 8px; }
#consulta-nota.wmff-page .wm-monitor-cap-head > div > span { font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wm-green-700); }
#consulta-nota.wmff-page .wm-monitor-cap-card:hover { box-shadow: 0 14px 34px rgba(10,41,33,0.1); transform: translateY(-1px); }
/* Source scene: 720×580, min(1, wrapWidth / 720); JS sets exact pixel height.
 * Container-unit fallback supplies the same representative composition without JS. */
#consulta-nota.wmff-page:not([data-wm-monitor-enhanced]) [data-wm-ref="sceneWrap"] { container-type: inline-size; aspect-ratio: 720 / 580; height: auto !important; max-height: 580px; }
#consulta-nota.wmff-page:not([data-wm-monitor-enhanced]) [data-wm-ref="cuScene"] { transform: scale(min(1, calc(100cqw / 720px))) !important; }
@media (max-width: 860px) {
  #consulta-nota.wmff-page [data-wm-monitor-hero-grid] { grid-template-columns: minmax(0, 1fr) !important; }
}
/* D15: ONLY source blocks whose fixed grids/minimums overflow on narrow screens.
 * Keep desktop declarations, typography, colors, card composition and timers intact. */
@media (max-width: 874px) {
  #consulta-nota.wmff-page [data-wm-cost-grid],
  #consulta-nota.wmff-page [data-wm-scenario-grid] { grid-template-columns: minmax(0, 1fr) !important; padding-left: clamp(20px, 4vw, 40px) !important; padding-right: clamp(20px, 4vw, 40px) !important; }
  #consulta-nota.wmff-page [data-wm-cap-frame] { padding-left: clamp(20px, 4vw, 40px) !important; padding-right: clamp(20px, 4vw, 40px) !important; }
  #consulta-nota.wmff-page [data-wm-cap-top],
  #consulta-nota.wmff-page [data-wm-cap-bottom] { grid-template-columns: minmax(0, 1fr) !important; }
  #consulta-nota.wmff-page [data-wm-scenario-grid] > div { grid-column: 1 !important; grid-row: auto !important; }
  #consulta-nota.wmff-page [data-wm-cap-title] { white-space: normal !important; }
  #consulta-nota.wmff-page [data-ca="panel"] { min-width: 0 !important; }
  #consulta-nota.wmff-page [data-wm-panel-head] { flex-wrap: wrap; gap: 8px; }
  #consulta-nota.wmff-page [data-wm-panel-head] > div { flex-wrap: wrap; }
  #consulta-nota.wmff-page [data-wm-panel-row] { grid-template-columns: minmax(28px, .55fr) minmax(0, 1fr) minmax(28px, .7fr) minmax(28px, .7fr) minmax(48px, 1fr) !important; gap: 4px !important; padding-left: 7px !important; padding-right: 7px !important; }
  #consulta-nota.wmff-page [data-wm-panel-row] > span { min-width: 0; overflow-wrap: anywhere; }
  #consulta-nota.wmff-page [data-wm-panel-row] [data-ca="man"] { max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; }
  #consulta-nota.wmff-page [data-wm-scenario-grid] span[style*="white-space: nowrap"] { max-width: 100%; white-space: normal !important; }
}
/* Original keyframes, unchanged. Document-global names are identical in the
 * shared source; no theme collision was found. Inert scaffolding stays inert. */
@keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes wmp-fade { from { opacity: 0 } to { opacity: 1 } }
@keyframes wmp-slide { from { transform: translateX(30px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }
@keyframes wm-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes wm-caret{50%{opacity:0}}
@keyframes wmCaHalo{0%{box-shadow:0 0 0 0 rgba(44,179,156,0.55)}70%,100%{box-shadow:0 0 0 7px rgba(44,179,156,0)}}
@keyframes wmDocCard{0%,25%,100%{background:rgba(255,255,255,0.06);border-color:rgba(111,206,189,0.28);box-shadow:0 0 0 rgba(0,0,0,0)}3%,22%{background:#FFFFFF;border-color:#FFFFFF;box-shadow:0 0 0 rgba(0,0,0,0)}}
@keyframes wmDocCode{0%,25%,100%{color:#FFFFFF}3%,22%{color:var(--wm-green-800)}}
@keyframes wmDocName{0%,25%,100%{color:var(--wm-green-300)}3%,22%{color:var(--wm-green-600)}}
@keyframes wmDocDesc{0%,25%,100%{color:rgba(255,255,255,0.86)}3%,22%{color:var(--wm-ink-700)}}
@keyframes wmDevPulse{0%{transform:scale(0.5);opacity:0.9}70%,100%{transform:scale(1.5);opacity:0}}
@keyframes wm-orb { 0% { left: calc(100% - max(0px, (100% - 1280px) / 2) - clamp(20px, 4vw, 40px) - 280px); top: -120px } 100% { left: calc(max(0px, (100% - 1280px) / 2) + clamp(20px, 4vw, 40px) - 280px); top: calc(100% - 440px) } }
@keyframes wm-float-a { 0%,100% { transform: translate(0,0) rotate(0deg) } 30% { transform: translate(3px,-8px) rotate(0.5deg) } 65% { transform: translate(-3px,-3px) rotate(-0.35deg) } }
@keyframes wm-float-b { 0%,100% { transform: translate(0,0) } 40% { transform: translate(-5px,6px) } 75% { transform: translate(3px,2px) } }
@keyframes wm-ring-lg { 0% { transform: translate(-50%,-50%) scale(1); opacity: .85 } 100% { transform: translate(-50%,-50%) scale(3.6); opacity: 0 } }
@keyframes wmComboTick{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-20px)}50%,70%{transform:translateY(-40px)}75%,95%{transform:translateY(-60px)}100%{transform:translateY(-80px)}}
@keyframes wmComboPulse{0%{box-shadow:0 0 0 0 rgba(26,137,113,0.55)}100%{box-shadow:0 0 0 9px rgba(26,137,113,0)}}
@media (prefers-reduced-motion: reduce) {
  #consulta-nota.wmff-page *, #consulta-nota.wmff-page *::before, #consulta-nota.wmff-page *::after { animation: none !important; transition: none !important; }
}
#consulta-nota.wmff-page[data-wm-monitor-hidden] * { animation-play-state: paused !important; }
#consulta-nota.wmff-page [data-wm-monitor-offscreen] * { animation-play-state: paused !important; }
