/* V6.1.57 | visual. Mantém todos os comandos, bloqueios e horários da V6.1.56. */
:root { --ccq157-brand-blue:#155b98; --ccq157-dark-blue:#103a72; --ccq157-check-blue:#1867a6; --ccq157-check-green:#119454; --ccq157-check-amber:#eda000; --ccq157-check-red:#d63c37; }
/* Cabeçalho op.1. A foto fica em coluna PRÓPRIA, nunca sob o botão. */
#ccq148Dashboard .ccq151-intro {
 display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;
 align-items:center!important;gap:215px!important;
 padding:19px 23px 19px 28px!important;min-height:156px!important;
 background:linear-gradient(107deg,#0c2f65 0%,#104882 58%,#145a98 100%)!important;
 border-left:9px solid #38bc93!important;border-bottom:3px solid #27aa7d!important;
 overflow:hidden!important;position:relative!important;isolation:isolate!important;
}
#ccq148Dashboard .ccq151-intro::before {
 content:""!important;position:absolute!important;right:196px!important;bottom:0!important;
 width:213px!important;height:142px!important;opacity:.98!important;z-index:0!important;
 background:url('../IMG/ccq-unit-svp-v6156.png') center bottom/contain no-repeat!important;
 pointer-events:none!important;
}
#ccq148Dashboard .ccq151-intro::after{content:"";right:185px!important;top:0!important;width:240px!important;height:100%!important;opacity:.65!important;z-index:-1!important;pointer-events:none!important}
#ccq148Dashboard .ccq151-intro-text{z-index:1!important;position:relative!important;min-width:0!important;width:100%!important;max-width:none!important}
#ccq148Dashboard .ccq151-intro h1.ccq153-original-title{font-size:clamp(17px,1.65vw,25px)!important;line-height:1.17!important;max-width:650px!important;margin:0 0 9px!important;letter-spacing:-.018em!important;overflow-wrap:normal!important}
#ccq148Dashboard .ccq151-intro-meta{
 z-index:2!important;position:relative!important;width:190px!important;max-width:190px!important;
 min-width:0!important;padding:0!important;margin:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;align-self:center!important;justify-self:end!important;
 display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;
}
#ccq148Dashboard .ccq151-intro-meta .ccq151-refresh{position:relative!important;z-index:3!important;max-width:190px!important;font-size:11px!important;white-space:normal!important}
#ccq148Dashboard .ccq155-meta-info{display:flex!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:5px 10px!important;text-align:right!important;font-size:10px!important}
#ccq148Dashboard .ccq151-intro-meta .ccq151-live{font-size:10px!important;white-space:nowrap!important}
#ccq148Dashboard .ccq155-version{position:static!important;background:none!important;padding:0!important;font-weight:900!important;white-space:nowrap!important;color:#ffd34a!important}
#ccq148Dashboard .ccq156-title-white{white-space:nowrap!important}
@media(max-width:1160px){
 #ccq148Dashboard .ccq151-intro{gap:166px!important;grid-template-columns:minmax(0,1fr) 180px!important}
 #ccq148Dashboard .ccq151-intro::before{right:180px!important;width:175px!important;opacity:.88!important}
 #ccq148Dashboard .ccq151-intro-meta{width:180px!important;max-width:180px!important}
}
@media(max-width:900px){
 #ccq148Dashboard .ccq151-intro{gap:9px!important;grid-template-columns:1fr!important;min-height:0!important;padding:20px 18px!important}
 #ccq148Dashboard .ccq151-intro h1.ccq153-original-title{font-size:21px!important;max-width:none!important;padding-right:0!important}
 #ccq148Dashboard .ccq151-intro::before{right:2px!important;bottom:35px!important;width:160px!important;height:100px!important;opacity:.24!important}
 #ccq148Dashboard .ccq151-intro-meta{width:100%!important;max-width:none!important;align-items:flex-start!important;justify-self:stretch!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}
 #ccq148Dashboard .ccq155-meta-info{text-align:left!important;justify-content:flex-start!important}
}
/* BUY OFF: barra recolhível e layout idêntico à organização visual da opção 3. */
#buyoffGrid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
#buyoffGrid>.bo8-station,#radiosExtrasGridV543>.r543-extra-card{
 position:relative!important;border-radius:11px!important;background:#fff!important;
 border:1px solid #c9dbea!important;box-shadow:0 2px 9px #113a6212!important;
 padding:0!important;overflow:hidden!important;min-width:0!important;
}
#buyoffGrid>.bo8-station>.bo8-station-title,#radiosExtrasGridV543>.r543-extra-card>.r543-extra-title{
 position:relative!important;margin:0!important;min-height:53px!important;
 padding:13px 190px 13px 15px!important;display:flex!important;align-items:center!important;
 color:#fff!important;background:linear-gradient(110deg,#103a72,#155b98)!important;
 font-size:17px!important;line-height:1.2!important;font-weight:850!important;
 cursor:pointer!important;user-select:none!important;
}
#buyoffGrid>.bo8-station>.bo8-station-title::after,#radiosExtrasGridV543>.r543-extra-card>.r543-extra-title::after{
 content:"⌃";position:absolute;right:18px;top:50%;font-size:21px;font-weight:800;transform:translateY(-52%);transition:transform .15s ease;color:#dcefff;
}
#buyoffGrid>.bo8-station.ccq157-collapsed>.bo8-station-title::after,#radiosExtrasGridV543>.r543-extra-card.ccq157-collapsed>.r543-extra-title::after{transform:translateY(-44%) rotate(180deg)}
#buyoffGrid .bo8-station-title:focus-visible,#radiosExtrasGridV543 .r543-extra-title:focus-visible{outline:3px solid #ffbc38!important;outline-offset:-3px!important}
#buyoffGrid .ccq157-title-badge,#radiosExtrasGridV543 .ccq157-title-badge{
 position:absolute!important;right:43px;top:16px;z-index:2;padding:5px 9px;border:1px solid #7aa3c9;
 border-radius:999px;background:#164e88;color:#fff;font-size:9px;font-weight:750;white-space:nowrap;pointer-events:none;
}
/* Esconde somente o corpo visual; os dados continuam na árvore DOM, sem perder handlers. */
#buyoffGrid>.bo8-station.ccq157-collapsed > :not(.bo8-station-title):not(.ccq157-title-badge),
#radiosExtrasGridV543>.r543-extra-card.ccq157-collapsed > :not(.r543-extra-title):not(.ccq157-title-badge){display:none!important}
#buyoffGrid>.bo8-station.ccq157-collapsed,#radiosExtrasGridV543>.r543-extra-card.ccq157-collapsed{box-shadow:0 2px 6px #113a6213!important}
#buyoffGrid .ccq156-status-bar,#radiosExtrasGridV543 .ccq156-status-bar{background:linear-gradient(110deg,#103a72,#155b98)!important;padding:3px 14px 11px!important;gap:14px!important}
/* Contadores circulares: largura e altura iguais e texto contido dentro. */
#buyoffGrid .ccq156-status-pill,#radiosExtrasGridV543 .ccq156-status-pill{
 flex:0 0 89px!important;width:89px!important;height:89px!important;min-width:89px!important;min-height:89px!important;
 max-width:89px!important;max-height:89px!important;box-sizing:border-box!important;border-radius:50%!important;
 padding:9px 7px!important;overflow:hidden!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
 background:#fff!important;color:#183e73!important;box-shadow:inset 0 0 0 5px #bed0df!important;
}
#buyoffGrid .ccq156-status-pill.pending,#radiosExtrasGridV543 .ccq156-status-pill.pending{box-shadow:inset 0 0 0 5px #f3a23d!important;color:#aa5a03!important}
#buyoffGrid .ccq156-status-pill.finished,#radiosExtrasGridV543 .ccq156-status-pill.finished{box-shadow:inset 0 0 0 5px #39ac77!important;color:#087548!important}
#buyoffGrid .ccq156-status-pill b,#radiosExtrasGridV543 .ccq156-status-pill b{display:block!important;flex:none!important;font-size:24px!important;line-height:1!important;margin:0!important;white-space:nowrap!important}
#buyoffGrid .ccq156-status-pill small,#radiosExtrasGridV543 .ccq156-status-pill small{
 display:block!important;flex:none!important;font-size:8px!important;line-height:1.1!important;letter-spacing:0!important;
 width:100%!important;max-width:74px!important;white-space:normal!important;overflow-wrap:break-word!important;
 word-break:normal!important;margin:0!important;text-align:center!important;font-weight:850!important;
}
/* Formulário de responsabilidade mantido com campos originais. */
#buyoffGrid .bo8-header-grid,#radiosExtrasGridV543 .r543-extra-header{
 padding:9px 13px!important;background:#f4f8fc!important;gap:8px!important;
 border-bottom:1px solid #e0eaf4!important;
}
#buyoffGrid .bo8-header-grid input,#buyoffGrid .bo8-header-grid select,#radiosExtrasGridV543 .r543-extra-header input,#radiosExtrasGridV543 .r543-extra-header select{min-height:33px!important}
/* Cards: identificação à esquerda, checks ao centro, botões na mesma linha. */
#buyoffGrid .bo8-slots{padding:10px 12px 12px!important;gap:8px!important;grid-template-columns:minmax(0,1fr)!important}
#buyoffGrid .bo8-slot,#radiosExtrasGridV543 .r543-radio-slot{
 display:grid!important;grid-template-columns:minmax(155px, .68fr) minmax(270px,1.32fr)!important;
 grid-template-areas:"identity progress" "actions actions" "register register"!important;
 gap:5px 10px!important;padding:9px 11px!important;min-height:0!important;
 border:1px solid #d8e4ef!important;border-left:4px solid #9ebdd8!important;border-radius:9px!important;
 background:#fff!important;box-shadow:none!important;align-content:start!important;
}
#buyoffGrid .bo8-slot .bo8-summary,#radiosExtrasGridV543 .bo8-slot .bo8-summary{grid-area:identity!important;display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
#buyoffGrid .bo8-slot .bo8-summary img,#radiosExtrasGridV543 .bo8-slot .bo8-summary img{
 width:55px!important;height:64px!important;flex:0 0 55px!important;padding:3px!important;
 background:#fff!important;border:1px solid #e0eaf4!important;object-fit:contain!important;border-radius:6px!important;
}
#buyoffGrid .bo8-main-info strong,#radiosExtrasGridV543 .bo8-main-info strong{font-size:12px!important;line-height:1.16!important}
#buyoffGrid .bo8-main-info span,#radiosExtrasGridV543 .bo8-main-info span{font-size:10px!important;line-height:1.15!important}
#buyoffGrid .bo8-main-info small,#radiosExtrasGridV543 .bo8-main-info small{font-size:9px!important}
#buyoffGrid .v578-check-strip,#radiosExtrasGridV543 .v578-check-strip{
 grid-area:progress!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 75px!important;
 align-items:center!important;gap:5px!important;padding:18px 0 0!important;margin:0!important;min-width:0!important;
}
#buyoffGrid .v578-check-strip::before,#radiosExtrasGridV543 .v578-check-strip::before{left:17%!important;right:22%!important;top:9px!important;height:4px!important}
#buyoffGrid .v578-check-chip,#radiosExtrasGridV543 .v578-check-chip{
 min-height:52px!important;padding:8px 4px 5px!important;text-align:center!important;
 background:#f5f7fa!important;border-color:#d9e1e9!important;
}
#buyoffGrid .v578-check-chip::before,#radiosExtrasGridV543 .v578-check-chip::before{top:-17px!important;width:12px!important;height:12px!important}
#buyoffGrid .v578-check-chip b,#radiosExtrasGridV543 .v578-check-chip b{font-size:8px!important;line-height:1.1!important}
#buyoffGrid .v578-check-chip strong,#radiosExtrasGridV543 .v578-check-chip strong{font-size:8px!important;line-height:1.08!important}
#buyoffGrid .v578-check-chip span,#radiosExtrasGridV543 .v578-check-chip span{font-size:7px!important;line-height:1.05!important}
#buyoffGrid .v578-check-total,#radiosExtrasGridV543 .v578-check-total{
 min-width:0!important;min-height:47px!important;grid-column:auto!important;
 padding:4px 3px!important;font-size:10px!important;line-height:1.15!important;
 overflow-wrap:anywhere!important;
}
/* CHECK, TROCA e PERDA lado a lado, preservando onclick e disabled originais. */
#buyoffGrid .bo8-slot .bo8-actions,#radiosExtrasGridV543 .bo8-slot .bo8-actions{
 grid-area:actions!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:6px!important;align-items:stretch!important;margin:2px 0 0!important;width:100%!important;min-width:0!important;
}
#buyoffGrid .bo8-slot .bo8-actions:has(>button:nth-child(4)),#radiosExtrasGridV543 .bo8-slot .bo8-actions:has(>button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))!important}
#buyoffGrid .bo8-slot .bo8-actions > button,#radiosExtrasGridV543 .bo8-slot .bo8-actions > button{
 flex:initial!important;order:initial!important;grid-column:auto!important;min-height:31px!important;width:100%!important;
 max-width:none!important;min-width:0!important;margin:0!important;border-radius:7px!important;padding:5px 8px!important;
 font-size:10px!important;font-weight:800!important;line-height:1.12!important;white-space:normal!important;
}
#buyoffGrid .bo8-slot .bo8-actions > .v578-check-action.active,#radiosExtrasGridV543 .bo8-slot .bo8-actions > .v578-check-action.active{background:var(--ccq157-check-green)!important;color:#fff!important}
#buyoffGrid .bo8-slot .bo8-actions > .v578-check-action.locked,#radiosExtrasGridV543 .bo8-slot .bo8-actions > .v578-check-action.locked{background:#e8eef3!important;color:#587086!important}
#buyoffGrid .bo8-slot .bo8-actions > .v578-check-action.complete,#radiosExtrasGridV543 .bo8-slot .bo8-actions > .v578-check-action.complete{background:var(--ccq157-check-green)!important;color:#fff!important}
#buyoffGrid .bo8-slot .bo8-actions > .bo8-swap-btn,#radiosExtrasGridV543 .bo8-slot .bo8-actions > .bo8-swap-btn{background:var(--ccq157-check-amber)!important;color:#fff!important}
#buyoffGrid .bo8-slot .bo8-actions > .bo8-loss-btn,#radiosExtrasGridV543 .bo8-slot .bo8-actions > .bo8-loss-btn{background:var(--ccq157-check-red)!important;color:#fff!important}
#buyoffGrid .bo8-register-meta,#radiosExtrasGridV543 .bo8-register-meta{
 grid-area:register!important;min-width:0!important;padding:4px 6px!important;margin:1px 0 0!important;
 font-size:8px!important;line-height:1.1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
}
/* Linhas com cores em 0/2, 1/2 e 2/2, somente leitura das classes existentes. */
#buyoffGrid .bo8-slot.v578-one,#buyoffGrid .bo8-slot.v578-final-pending,#radiosExtrasGridV543 .bo8-slot.v578-one,#radiosExtrasGridV543 .bo8-slot.v578-final-pending{background:#f1f7fd!important;border-left-color:#1769aa!important}
#buyoffGrid .bo8-slot.v578-two,#radiosExtrasGridV543 .bo8-slot.v578-two{background:#f0faf4!important;border-left-color:#15945b!important}
/* Rádio extra usa o mesmo visual compacto, em linha única e grupo recolhível. */
#radiosExtrasGridV543{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#radiosExtrasGridV543 .r543-radio-slot{margin:9px 12px 12px!important;width:calc(100% - 24px)!important;grid-template-columns:minmax(155px,.68fr) minmax(270px,1.32fr)!important;grid-template-areas:"identity progress" "actions actions" "register register"!important}
/* Modo de cadastro/troca fica com o formulário original, sem ocultar ações operacionais. */
#buyoffGrid .bo8-slot.bo8-empty,#radiosExtrasGridV543 .bo8-slot.bo8-empty,
#buyoffGrid .bo8-slot:has(.bo8-swap-box),#radiosExtrasGridV543 .bo8-slot:has(.bo8-swap-box){display:flex!important;flex-direction:column!important;align-items:stretch!important}
@media(max-width:860px){
 #buyoffGrid .bo8-slot,#radiosExtrasGridV543 .r543-radio-slot{grid-template-columns:1fr!important;grid-template-areas:"identity" "progress" "actions" "register"!important}
 #buyoffGrid .v578-check-strip,#radiosExtrasGridV543 .v578-check-strip{padding-top:20px!important}
}
@media(max-width:520px){
 #buyoffGrid>.bo8-station>.bo8-station-title,#radiosExtrasGridV543>.r543-extra-card>.r543-extra-title{font-size:14px!important;padding:13px 30px 30px 12px!important;min-height:60px!important}
 #buyoffGrid .ccq157-title-badge,#radiosExtrasGridV543 .ccq157-title-badge{left:12px;right:auto;top:38px;font-size:8px}
 #buyoffGrid .ccq156-status-bar,#radiosExtrasGridV543 .ccq156-status-bar{gap:7px!important;padding:7px!important}
 #buyoffGrid .ccq156-status-pill,#radiosExtrasGridV543 .ccq156-status-pill{flex:0 0 74px!important;width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;max-width:74px!important;max-height:74px!important}
 #buyoffGrid .ccq156-status-pill b,#radiosExtrasGridV543 .ccq156-status-pill b{font-size:20px!important}
 #buyoffGrid .ccq156-status-pill small,#radiosExtrasGridV543 .ccq156-status-pill small{font-size:7px!important;max-width:62px!important}
 #buyoffGrid .v578-check-strip,#radiosExtrasGridV543 .v578-check-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 65px!important}
 #buyoffGrid .bo8-slot .bo8-actions,#radiosExtrasGridV543 .bo8-slot .bo8-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #buyoffGrid .bo8-slot .bo8-actions:has(>button:nth-child(4)),#radiosExtrasGridV543 .bo8-slot .bo8-actions:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #buyoffGrid .bo8-slot .bo8-actions > button,#radiosExtrasGridV543 .bo8-slot .bo8-actions > button{font-size:8px!important;padding:5px 3px!important}
 #buyoffGrid .bo8-register-meta,#radiosExtrasGridV543 .bo8-register-meta{flex-wrap:wrap!important}
}
@media(prefers-reduced-motion:reduce){#buyoffGrid .bo8-station-title::after,#radiosExtrasGridV543 .r543-extra-title::after{transition:none!important}}
/* Specificidade acima da regra legada que esticava o check por toda a linha. */
#buyoffGrid .bo8-slot .bo8-actions > .v578-check-action,
#radiosExtrasGridV543 .bo8-slot .bo8-actions > .v578-check-action{
 grid-column:auto!important;order:initial!important;flex:initial!important;
 width:100%!important;max-width:none!important;min-width:0!important;
}
