:root {
    --qsa-live-red: #b5121b;
    --qsa-live-green: #198754;
    --qsa-live-amber: #d29b00;
    --qsa-live-critical: #dc3545;
    --qsa-live-border: rgba(43, 52, 59, .13);
    --qsa-live-shadow: 0 20px 48px rgba(35, 42, 48, .16);
    --qsa-impact-distance: 35vw;
    --qsa-impact-enter-duration: 1250ms;
    --qsa-impact-leave-duration: 1000ms;
    --qsa-impact-exit-ease: cubic-bezier(.4, 0, .2, 1);
    --qsa-impact-enter-ease: cubic-bezier(.16, 1, .3, 1);
    --qsa-impact-ease: var(--qsa-impact-enter-ease);
    --qsa-content-title-delay: 420ms;
    --qsa-content-card-delay: 620ms;
    --qsa-video-enter-duration: 1000ms;
    --qsa-video-exit-duration: 900ms;
}

.qsa-live-page { background: linear-gradient(145deg, #f7f7f6, #edf0f1); }
.qsa-live-page .qsa-live-header { position: relative; isolation: isolate; }
.qsa-live-page .qsa-live-content { animation: qsa-live-page-enter .48s ease-out both; }
.qsa-live-page .qsa-live-header .qsa-logo,
.qsa-live-page .qsa-live-header .simas-brand,
.qsa-live-shell .qsa-live-header .tv-brand { animation: qsa-live-brand-enter .55s var(--qsa-impact-ease) both; }
.qsa-live-page .content-card,
.qsa-live-page .login-card {
    border: 1px solid var(--qsa-live-border);
    background: linear-gradient(155deg, rgba(255,255,255,.99), rgba(247,248,248,.96));
    box-shadow: 0 16px 40px rgba(35,42,48,.12);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.qsa-live-page .content-card:hover {
    border-color: rgba(181,18,27,.24);
    box-shadow: 0 20px 44px rgba(35,42,48,.16);
    transform: translateY(-3px);
}
.qsa-live-page .login-page {
    min-height: calc(100dvh - 150px);
    background: radial-gradient(circle at 12% 10%, rgba(181,18,27,.10), transparent 34%),
        radial-gradient(circle at 90% 85%, rgba(67,91,105,.12), transparent 38%);
}
.qsa-live-page .login-card { animation: qsa-live-login-enter .55s var(--qsa-impact-ease) both; }

.qsa-live-shell {
    position: relative;
    isolation: isolate;
    background: radial-gradient(circle at 8% -5%, rgba(181,18,27,.15), transparent 36%),
        radial-gradient(circle at 96% 94%, rgba(65,91,107,.18), transparent 42%),
        linear-gradient(135deg, #f8f4f0, #e9eef0);
    background-size: 125% 125%, 130% 130%, 100% 100%;
    animation: qsa-live-background 24s ease-in-out infinite alternate;
}
.qsa-live-shell::before,
.qsa-live-shell::after {
    position: absolute;
    z-index: 0;
    content: "";
    pointer-events: none;
}
.qsa-live-shell::before {
    inset: 0;
    background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.52) 45%, transparent 70%);
    transform: translateX(-100%);
    animation: qsa-live-ambient-sweep 12s ease-in-out infinite;
}
.qsa-live-shell::after {
    width: 45vw;
    height: 45vw;
    right: -18vw;
    bottom: -25vw;
    border-radius: 50%;
    background: var(--qsa-live-environment, rgba(181,18,27,.12));
    filter: blur(30px);
    opacity: .8;
    animation: qsa-live-environment-breathe 7s ease-in-out infinite;
}
.qsa-live-shell > * { position: relative; z-index: 1; }
.qsa-live-shell.qsa-environment--positive { --qsa-live-environment: rgba(25,135,84,.22); }
.qsa-live-shell.qsa-environment--attention { --qsa-live-environment: rgba(210,155,0,.25); }
.qsa-live-shell.qsa-environment--critical { --qsa-live-environment: rgba(220,53,69,.24); }
.qsa-live-shell.qsa-environment--neutral { --qsa-live-environment: rgba(102,112,120,.18); }

.qsa-live-shell .qsa-live-header {
    display: grid;
    min-height: clamp(76px, 10vh, 112px);
    grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.45fr) minmax(220px, 1fr);
    gap: clamp(.8rem, 2vw, 2.2rem);
    padding: .65rem clamp(1.2rem, 3vw, 4rem);
    overflow: hidden;
    border-top: 0;
    color: #fff;
    background:
        linear-gradient(115deg, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(100deg, #52080e 0%, #92101a 48%, #2b2024 100%);
    box-shadow: 0 12px 32px rgba(35, 7, 11, .28);
}
.qsa-live-shell .qsa-live-header::before {
    position: absolute;
    inset: -70% 28% -80% auto;
    width: 24%;
    content: "";
    background: linear-gradient(125deg, transparent, rgba(255,255,255,.13), transparent);
    transform: rotate(16deg);
    pointer-events: none;
}
.qsa-live-shell .qsa-header-zone {
    position: relative;
    z-index: 1;
    min-width: 0;
}
.qsa-live-shell .qsa-header-zone--brand {
    display: flex;
    align-items: center;
    padding-right: clamp(.7rem, 1.5vw, 1.5rem);
    border-right: 1px solid rgba(255,255,255,.18);
}
.qsa-live-shell .qsa-header-zone--brand .tv-brand,
.qsa-live-shell .qsa-header-zone--brand .tv-brand small { color: #fff; }
.qsa-live-shell .qsa-header-zone--screen {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}
.qsa-live-shell .qsa-header-zone--screen span {
    color: rgba(255,255,255,.70);
    font-size: clamp(.66rem,.8vw,.85rem);
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.qsa-live-shell .qsa-header-zone--screen strong {
    overflow: hidden;
    font-size: clamp(1rem,1.55vw,1.7rem);
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qsa-live-shell .qsa-header-zone--screen i {
    margin-top: .24rem;
    color: rgba(255,255,255,.64);
    font-size: clamp(.62rem,.72vw,.76rem);
    font-style: normal;
}
.qsa-live-shell .qsa-header-zone--time {
    display: grid;
    align-content: center;
    justify-content: end;
    grid-template-columns: auto;
    padding: .45rem .75rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: .8rem;
    background: rgba(13,10,11,.24);
    box-shadow: inset 0 1px rgba(255,255,255,.10);
}
.qsa-live-shell .qsa-header-zone--time .tv-updated {
    color: rgba(255,255,255,.66);
    font-size: clamp(.58rem,.7vw,.75rem);
    text-align: right;
}
.qsa-live-shell .qsa-live-header::after {
    position: absolute;
    inset: auto 0 0;
    height: 5px;
    content: "";
    background: var(--qsa-header-accent, linear-gradient(90deg,#ef5b65,#fff,#efb0b5));
    transform: translateX(-100%);
    animation: qsa-live-header-sweep 9s ease-in-out infinite;
}
.qsa-live-shell .qsa-live-header.qsa-impact-header-enter .tv-brand {
    animation: qsa-live-brand-impact .62s var(--qsa-impact-ease) both;
}
.qsa-live-clock {
    display: grid;
    min-width: 7.2rem;
    color: rgba(255,255,255,.72);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    text-align: right;
}
.qsa-live-clock strong { color: #fff; font-size: clamp(1.15rem,1.65vw,1.8rem); letter-spacing: .06em; }
.qsa-live-clock span { font-size: clamp(.68rem,.85vw,.85rem); }
.qsa-live-header[data-qsa-header-screen="SAC"] { --qsa-header-accent: linear-gradient(90deg,#ff756f,#b5121b,#ffb2ad); }
.qsa-live-header[data-qsa-header-screen="REPROCESSO"] { --qsa-header-accent: linear-gradient(90deg,#4db4ff,#1769aa,#b6e2ff); }
.qsa-live-header[data-qsa-header-screen="VARREDURA"] { --qsa-header-accent: linear-gradient(90deg,#ffb347,#e47713,#ffe0a6); }
.qsa-live-header[data-qsa-header-screen="INSPECOES"] { --qsa-header-accent: linear-gradient(90deg,#b58cff,#6f42c1,#d8c3ff); }

.qsa-live-shell .tv-slide {
    will-change: transform, opacity, filter;
    transform-origin: 50% 45%;
}
.qsa-live-shell .tv-slide.qsa-screen--active {
    visibility: visible;
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
    transform: none;
}
.qsa-live-shell .tv-slide.qsa-screen--entering,
.qsa-live-shell .tv-slide.qsa-screen--leaving-left,
.qsa-live-shell .tv-slide.qsa-screen--leaving-right {
    position: absolute;
    inset: 0;
    display: grid;
    visibility: visible;
    pointer-events: none;
}
.qsa-live-shell .tv-slide.qsa-screen--leaving-left {
    z-index: 2;
    animation: qsa-impact-leave-left var(--qsa-impact-leave-duration) var(--qsa-impact-exit-ease) both;
}
.qsa-live-shell .tv-slide.qsa-screen--leaving-right {
    z-index: 2;
    animation: qsa-impact-leave-right var(--qsa-impact-leave-duration) var(--qsa-impact-exit-ease) both;
}
.qsa-live-shell .tv-slide.qsa-screen--entering-right {
    z-index: 3;
    animation: qsa-impact-enter-right var(--qsa-impact-enter-duration) var(--qsa-impact-enter-ease) both;
}
.qsa-live-shell .tv-slide.qsa-screen--entering-left {
    z-index: 3;
    animation: qsa-impact-enter-left var(--qsa-impact-enter-duration) var(--qsa-impact-enter-ease) both;
}

.qsa-live-shell .qsa-impact-title {
    position: relative;
    padding-bottom: .5rem;
    text-shadow: 0 5px 18px rgba(35,42,48,.12);
}
.qsa-live-shell .qsa-impact-title::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: min(8rem, 42%);
    height: 4px;
    border-radius: 999px;
    content: "";
    background: linear-gradient(90deg, var(--qsa-live-red), rgba(181,18,27,.18));
    transform-origin: left;
}
.qsa-live-shell .qsa-animate-screen.is-active:not(.qsa-inner--running) .tv-slide-heading,
.qsa-live-shell .qsa-animate-screen.is-active:not(.qsa-inner--running) .geral-heading,
.qsa-live-shell .qsa-animate-screen.is-active:not(.qsa-inner--running) .tv-card,
.qsa-live-shell .qsa-animate-screen.is-active:not(.qsa-inner--running) .resumo-indicador-card {
    animation: none;
}
.qsa-live-shell .qsa-inner--prepared .qsa-impact-title,
.qsa-live-shell .qsa-inner--prepared [data-qsa-animate="card"],
.qsa-live-shell .qsa-inner--prepared .sac-ranking-card li,
.qsa-live-shell .qsa-inner--prepared .inspecoes-ranking-card li,
.qsa-live-shell .qsa-inner--prepared [data-qsa-animate="text"],
.qsa-live-shell .qsa-inner--prepared [data-qsa-animate="footer"],
.qsa-live-shell .qsa-inner--prepared [data-qsa-animate="character"],
.qsa-live-shell .qsa-inner--prepared .geral-alertas,
.qsa-live-shell .qsa-inner--prepared .geral-heading time,
.qsa-live-shell .qsa-inner--prepared .geral-rodape {
    opacity: 0;
}
.qsa-live-shell .qsa-inner--running .qsa-impact-title {
    animation: qsa-title-drop .72s var(--qsa-content-title-delay) var(--qsa-impact-ease) both;
}
.qsa-live-shell .qsa-inner--running .qsa-impact-title::after {
    animation: qsa-title-line .8s calc(var(--qsa-content-title-delay) + 140ms) var(--qsa-impact-ease) both;
}

.qsa-live-shell .tv-card,
.qsa-live-shell .resumo-indicador-card,
.qsa-live-shell .geral-alertas > section,
.qsa-live-shell .qsa-inline-video {
    position: relative;
    border: 1px solid color-mix(in srgb, var(--qsa-card-accent, #b5121b) 22%, rgba(43,52,59,.13));
    background: linear-gradient(105deg,
        color-mix(in srgb, var(--qsa-card-accent, #b5121b) 11%, #fff) 0%,
        rgba(251,252,252,.98) 24%,
        rgba(245,247,248,.97) 100%);
    box-shadow: 0 16px 36px rgba(15,23,42,.15), 0 3px 9px rgba(15,23,42,.09),
        inset 0 1px rgba(255,255,255,.82);
}
.qsa-live-shell .tv-card::before,
.qsa-live-shell .resumo-indicador-card::before {
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    width: clamp(7px,.55vw,10px);
    border-radius: inherit;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    content: "";
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--qsa-card-accent, #b5121b) 72%, #fff),
        var(--qsa-card-accent, #b5121b));
    box-shadow: 3px 0 14px color-mix(in srgb, var(--qsa-card-accent, #b5121b) 26%, transparent);
}
.qsa-live-shell [data-qsa-screen="GERAL"] [data-codigo="SAC"] { --qsa-card-accent:#d94a50; }
.qsa-live-shell [data-qsa-screen="GERAL"] [data-codigo="REPROCESSO"] { --qsa-card-accent:#277db7; }
.qsa-live-shell [data-qsa-screen="GERAL"] [data-codigo="VARREDURA"] { --qsa-card-accent:#e47b22; }
.qsa-live-shell [data-qsa-screen="GERAL"] [data-codigo="INSPECOES"] { --qsa-card-accent:#7252a6; }
.qsa-live-shell [data-qsa-screen="SAC"] { --qsa-card-accent:#d94a50; }
.qsa-live-shell [data-qsa-screen="REPROCESSO"] { --qsa-card-accent:#277db7; }
.qsa-live-shell [data-qsa-screen="VARREDURA"] { --qsa-card-accent:#e47b22; }
.qsa-live-shell [data-qsa-screen="INSPECOES"] { --qsa-card-accent:#7252a6; }
.qsa-live-shell .qsa-live-card--excelente,
.qsa-live-shell .qsa-live-card--bom { box-shadow: var(--qsa-live-shadow), inset 0 4px rgba(25,135,84,.48); }
.qsa-live-shell .qsa-live-card--atencao { box-shadow: var(--qsa-live-shadow), inset 0 4px rgba(210,155,0,.62); }
.qsa-live-shell .qsa-live-card--critico { box-shadow: var(--qsa-live-shadow), inset 0 4px rgba(220,53,69,.62); }
.qsa-live-shell .qsa-live-card--sem-dados { box-shadow: var(--qsa-live-shadow), inset 0 4px rgba(102,112,120,.42); }
.qsa-live-shell .qsa-live-card--atencao.qsa-live-status-pulse { animation: qsa-live-attention 3.8s ease-in-out infinite; }
.qsa-live-shell .qsa-live-card--critico.qsa-live-status-pulse { animation: qsa-live-critical 3.2s ease-in-out infinite; }

.qsa-live-shell .qsa-inner--running [data-qsa-animate="card"] {
    animation: qsa-live-card-enter .66s var(--qsa-impact-ease) both;
    animation-delay: calc(var(--qsa-content-card-delay) + var(--qsa-live-delay, 0ms));
}
.qsa-live-shell .qsa-inner--running .geral-alertas { animation: qsa-live-card-enter .6s .48s var(--qsa-impact-ease) both; }
.qsa-live-shell .qsa-inner--running .geral-heading time,
.qsa-live-shell .qsa-inner--running .geral-rodape { animation: qsa-live-soft-enter .55s .62s ease-out both; }
.qsa-live-shell .qsa-live-value { font-variant-numeric: tabular-nums; }
.qsa-live-shell .qsa-live-value.qsa-live-highlight { animation: qsa-live-value-change 1s var(--qsa-impact-ease); }
.qsa-live-shell .qsa-inner--running .sac-ranking-card li,
.qsa-live-shell .qsa-inner--running .inspecoes-ranking-card li {
    animation: qsa-live-list-enter .55s var(--qsa-impact-ease) both;
    animation-delay: calc(220ms + var(--qsa-live-delay, 0ms));
}
.qsa-live-shell .qsa-inner--running [data-qsa-animate="text"] {
    animation: qsa-live-soft-enter .58s var(--qsa-impact-ease) both;
    animation-delay: calc(300ms + var(--qsa-live-delay, 0ms));
}
.qsa-live-shell .qsa-inner--running [data-qsa-animate="footer"] {
    animation: qsa-live-footer-enter .58s var(--qsa-impact-ease) both;
    animation-delay: calc(620ms + var(--qsa-live-delay, 0ms));
}
.qsa-live-shell .qsa-inner--running [data-qsa-animate="character"] {
    animation: qsa-live-character-enter .68s 520ms var(--qsa-impact-ease) both;
}
@keyframes qsa-live-footer-enter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes qsa-live-character-enter {
    from { opacity: 0; transform: translateY(12px) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.qsa-live-shell [data-qsa-screen="SAC"].qsa-inner--running .sac-total-card,
.qsa-live-shell [data-qsa-screen="INSPECOES"].qsa-inner--running .inspecoes-total-card {
    animation-name: qsa-live-card-impact;
}
.qsa-live-shell [data-qsa-screen="SAC"].qsa-inner--running .sac-ranking-card,
.qsa-live-shell [data-qsa-screen="INSPECOES"].qsa-inner--running .inspecoes-ranking-card {
    animation-name: qsa-live-card-from-right;
}
.qsa-live-shell [data-qsa-screen="REPROCESSO"].qsa-inner--running [data-reprocesso-gauge] {
    animation-name: qsa-live-card-from-left;
}
.qsa-live-shell [data-qsa-screen="REPROCESSO"].qsa-inner--running .reprocesso-tv-metrics .tv-card {
    animation-name: qsa-live-card-from-right;
}
.qsa-live-shell [data-qsa-screen="VARREDURA"].qsa-inner--running .varredura-total-card {
    animation-name: qsa-live-card-from-left;
}
.qsa-live-shell [data-qsa-screen="VARREDURA"].qsa-inner--running .varredura-meta-card {
    animation-name: qsa-live-card-from-right;
}

.qsa-live-shell .qsa-live-particles {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.qsa-live-shell .qsa-live-particles i {
    position: absolute;
    width: 8px;
    height: 8px;
    left: calc(12% + var(--particle-index, 0) * 13%);
    bottom: 8%;
    border-radius: 50%;
    background: rgba(181,18,27,.28);
    box-shadow: 0 0 12px rgba(181,18,27,.18);
    animation: qsa-particle-rise 7s ease-in-out infinite;
}
.qsa-live-shell .qsa-live-particles i:nth-child(1) { left: 14%; animation-delay: -1s; }
.qsa-live-shell .qsa-live-particles i:nth-child(2) { left: 29%; animation-delay: -4s; }
.qsa-live-shell .qsa-live-particles i:nth-child(3) { left: 47%; animation-delay: -2s; }
.qsa-live-shell .qsa-live-particles i:nth-child(4) { left: 65%; animation-delay: -5s; }
.qsa-live-shell .qsa-live-particles i:nth-child(5) { left: 78%; animation-delay: -3s; }
.qsa-live-shell .qsa-live-particles i:nth-child(6) { left: 88%; animation-delay: -6s; }
.qsa-live-shell .qsa-character-slot[data-qsa-static="true"] img { animation: qsa-live-pop-breathe 5s ease-in-out infinite; }
.qsa-live-shell .qsa-media-stage:not([hidden]) { animation: qsa-live-video-enter var(--qsa-video-enter-duration) var(--qsa-impact-ease) both; }
.qsa-live-shell .qsa-media-stage.qsa-video--leaving { animation: qsa-live-video-exit var(--qsa-video-exit-duration) var(--qsa-impact-exit-ease) both; }
.qsa-live-shell .qsa-inline-video { overflow: hidden; animation: qsa-live-video-enter var(--qsa-video-enter-duration) .18s var(--qsa-impact-ease) both; }

@keyframes qsa-impact-leave-left { to { opacity: 0; filter: blur(4px); transform: translateX(calc(var(--qsa-impact-distance) * -1)) scale(.88); } }
@keyframes qsa-impact-leave-right { to { opacity: 0; filter: blur(4px); transform: translateX(var(--qsa-impact-distance)) scale(.88); } }
@keyframes qsa-impact-enter-right { from { opacity: 0; filter: blur(4px); transform: translateX(var(--qsa-impact-distance)) scale(.88); } }
@keyframes qsa-impact-enter-left { from { opacity: 0; filter: blur(4px); transform: translateX(calc(var(--qsa-impact-distance) * -1)) scale(.88); } }
@keyframes qsa-title-drop { from { opacity: 0; transform: translateY(-52px); } }
@keyframes qsa-title-line { from { opacity: .2; transform: scaleX(0); } }
@keyframes qsa-live-page-enter { from { opacity: 0; transform: translateY(12px); } }
@keyframes qsa-live-brand-enter { from { opacity: 0; transform: translateY(-12px); } }
@keyframes qsa-live-brand-impact { from { opacity: .2; transform: translateX(-24px) scale(.96); } }
@keyframes qsa-live-login-enter { from { opacity: 0; transform: translateY(18px) scale(.975); } }
@keyframes qsa-live-background { to { background-position: 14% 10%, 88% 80%, 0 0; } }
@keyframes qsa-live-ambient-sweep { 38%, 100% { transform: translateX(100%); } }
@keyframes qsa-live-header-sweep { 42%, 100% { transform: translateX(100%); } }
@keyframes qsa-live-environment-breathe { 50% { opacity: .48; transform: scale(1.12); } }
@keyframes qsa-live-card-enter { from { opacity: 0; transform: translateY(64px) scale(.94); } }
@keyframes qsa-live-card-impact { from { opacity: 0; transform: translateY(45px) scale(.82); } }
@keyframes qsa-live-card-from-left { from { opacity: 0; transform: translateX(-72px) scale(.95); } }
@keyframes qsa-live-card-from-right { from { opacity: 0; transform: translateX(72px) scale(.95); } }
@keyframes qsa-live-soft-enter { from { opacity: 0; transform: translateY(18px); } }
@keyframes qsa-live-list-enter { from { opacity: 0; transform: translateX(38px); } }
@keyframes qsa-live-value-change {
    45% { color: var(--qsa-live-red); transform: scale(1.11); text-shadow: 0 0 24px rgba(181,18,27,.32); }
}
@keyframes qsa-live-attention { 50% { box-shadow: var(--qsa-live-shadow), 0 0 0 4px rgba(210,155,0,.20), 0 0 30px rgba(210,155,0,.16); } }
@keyframes qsa-live-critical { 50% { box-shadow: var(--qsa-live-shadow), 0 0 0 4px rgba(220,53,69,.20), 0 0 34px rgba(220,53,69,.18); } }
@keyframes qsa-live-pop-breathe { 50% { transform: translateY(-7px) rotate(.7deg) scale(1.015); } }
@keyframes qsa-live-video-enter { from { opacity: 0; transform: scale(.92); filter: blur(5px); } }
@keyframes qsa-live-video-exit { to { opacity: 0; transform: scale(.96); filter: blur(3px); } }
@keyframes qsa-particle-rise { 0%,100% { opacity: 0; transform: translateY(0) scale(.7); } 35% { opacity: .7; } 75% { opacity: .2; transform: translateY(-30vh) scale(1.35); } }

@media (max-width: 900px) {
    .qsa-live-shell { animation: none; background-size: auto; }
    .qsa-live-shell::before { display: none; }
    .qsa-live-shell .tv-card,
    .qsa-live-shell .resumo-indicador-card { box-shadow: 0 10px 26px rgba(35,42,48,.12); }
    .qsa-live-shell .qsa-character-slot img { animation: none; }
    .qsa-live-shell .qsa-live-header {
        min-height: 72px;
        grid-template-columns: minmax(110px,.8fr) minmax(0,1.35fr) auto;
        gap: .6rem;
        padding: .5rem .75rem;
    }
    .qsa-live-shell .qsa-header-zone--brand { padding-right: .5rem; }
    .qsa-live-shell .qsa-header-zone--time .tv-updated { display: none; }
}
@media (max-width: 600px) {
    :root {
        --qsa-impact-distance: 80vw;
        --qsa-impact-enter-duration: 950ms;
        --qsa-impact-leave-duration: 800ms;
        --qsa-content-title-delay: 350ms;
        --qsa-content-card-delay: 550ms;
    }
    .qsa-live-shell .qsa-live-header { grid-template-columns: auto minmax(0,1fr) auto; }
    .qsa-live-shell .qsa-live-clock { display: grid; min-width: 0; }
    .qsa-live-shell .qsa-live-clock span { display: none; }
    .qsa-live-shell .qsa-live-clock strong { font-size: .9rem; }
    .qsa-live-shell .qsa-header-zone--screen strong { font-size: .82rem; }
    .qsa-live-shell .qsa-header-zone--screen i { display: none; }
    .qsa-live-shell .qsa-header-zone--time { padding: .35rem .45rem; }
    .qsa-live-page .qsa-live-content { animation-duration: .32s; }
    .qsa-live-shell .qsa-live-particles { display: none; }
    .qsa-live-shell .qsa-inner--running [data-qsa-animate="card"] { animation-duration: .48s; }
}
.qsa-debug-transitions .qsa-screen--entering::after,
.qsa-debug-transitions .qsa-screen--leaving-left::after,
.qsa-debug-transitions .qsa-screen--leaving-right::after {
    position: absolute;
    z-index: 100;
    top: .5rem;
    right: .5rem;
    padding: .35rem .55rem;
    border: 2px solid currentColor;
    border-radius: .4rem;
    color: #1266f1;
    background: #fff;
    content: "ENTERING " attr(data-codigo-tela);
    font: 700 12px/1 Arial,sans-serif;
}
.qsa-transition-diagnostics {
    position: fixed;
    z-index: 1000;
    right: .5rem;
    bottom: .5rem;
    max-width: min(92vw, 620px);
    padding: .55rem .7rem;
    border: 1px solid #68a3ff;
    border-radius: .45rem;
    color: #eaf2ff;
    background: rgba(7,20,39,.92);
    box-shadow: 0 8px 24px rgba(0,0,0,.24);
    font: 700 11px/1.45 Consolas,monospace;
    white-space: pre-wrap;
    pointer-events: none;
}
.qsa-debug-transitions .qsa-screen--leaving-left::after,
.qsa-debug-transitions .qsa-screen--leaving-right::after {
    color: #dc3545;
    content: "LEAVING " attr(data-codigo-tela);
}
@media (prefers-reduced-motion: reduce) {
    :root {
        --qsa-impact-enter-duration: 320ms;
        --qsa-impact-leave-duration: 260ms;
    }
    .qsa-live-page .qsa-live-header .qsa-logo,
    .qsa-live-page .qsa-live-header .simas-brand,
    .qsa-live-page .qsa-live-content,
    .qsa-live-page .login-card,
    .qsa-live-shell,
    .qsa-live-shell::before,
    .qsa-live-shell::after,
    .qsa-live-shell .qsa-live-header::after,
    .qsa-live-shell .qsa-live-status-pulse,
    .qsa-live-shell .qsa-live-value,
    .qsa-live-shell .qsa-character-slot img,
    .qsa-live-shell .qsa-media-stage,
    .qsa-live-shell .qsa-inline-video {
        animation: none !important;
        transition-duration: .01ms !important;
        filter: none !important;
        transform: none !important;
    }
    .qsa-live-shell .tv-slide.qsa-screen--leaving-left,
    .qsa-live-shell .tv-slide.qsa-screen--leaving-right {
        animation: qsa-reduced-leave var(--qsa-impact-leave-duration) ease-out both !important;
    }
    .qsa-live-shell .tv-slide.qsa-screen--entering-left,
    .qsa-live-shell .tv-slide.qsa-screen--entering-right {
        animation: qsa-reduced-enter var(--qsa-impact-enter-duration) ease-out both !important;
    }
    .qsa-live-shell .qsa-inner--running .qsa-impact-title,
    .qsa-live-shell .qsa-inner--running [data-qsa-animate="card"],
    .qsa-live-shell .qsa-inner--running .sac-ranking-card li,
    .qsa-live-shell .qsa-inner--running .inspecoes-ranking-card li,
    .qsa-live-shell .qsa-inner--running [data-qsa-animate="text"],
    .qsa-live-shell .qsa-inner--running [data-qsa-animate="footer"],
    .qsa-live-shell .qsa-inner--running [data-qsa-animate="character"],
    .qsa-live-shell .qsa-inner--running .geral-alertas,
    .qsa-live-shell .qsa-inner--running .geral-heading time,
    .qsa-live-shell .qsa-inner--running .geral-rodape {
        animation: qsa-inner-reduced-enter .42s ease-out both !important;
        animation-delay: calc(80ms + var(--qsa-live-delay, 0ms)) !important;
        filter: none !important;
        transform: none !important;
    }
    .qsa-live-shell .qsa-live-particles { display: none !important; }
}
@keyframes qsa-reduced-leave { to { opacity: 0; } }
@keyframes qsa-reduced-enter { from { opacity: 0; } }
@keyframes qsa-inner-reduced-enter { from { opacity: 0; } }