/* Screen compositions. Everything sits on the shared components; no page has its own palette. */
.ga-draft-banner{margin-bottom:var(--ga-gap)}
.ga-page>.ga-notice{margin-bottom:var(--ga-gap)}

/* Overview */
.ga-attention>li{border-top:1px solid var(--ga-line)}
.ga-attention>li:first-child{border-top:0}
.ga-attention-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ga-s3) var(--ga-s4);min-height:56px;padding:var(--ga-s3) var(--ga-panel-pad)}
.ga-attention-icon{display:grid;place-items:center;color:var(--ga-accent-ink)}
.ga-attention-icon svg{width:20px;height:20px}
.ga-attention-item.is-warn .ga-attention-icon{color:var(--ga-amber)}
.ga-attention-item.is-danger .ga-attention-icon{color:var(--ga-red)}
.ga-attention-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.ga-attention-text strong{font-weight:500;color:var(--ga-text);overflow-wrap:anywhere}
.ga-attention-text span{font-size:var(--ga-t-sm);color:var(--ga-muted)}
.ga-attention-empty{padding:0 var(--ga-panel-pad) var(--ga-panel-pad);color:var(--ga-muted);font-size:var(--ga-t-sm)}
.ga-stat.is-danger{border-inline-start-color:var(--ga-red)}
.ga-stat.is-danger .ga-stat-value{color:var(--ga-red-text)}

/* Publish drawer */
.ga-publish-stats{margin:var(--ga-s4) 0}
.ga-publish-active{margin-bottom:var(--ga-s4)}
.ga-publish-table{margin:0 0 var(--ga-s5);box-shadow:var(--ga-ring-inset);background:var(--ga-subtle);max-height:46vh;overflow:auto}
.ga-publish-table .ga-table th{background:#120e1f}
.ga-layer-body>.ga-notice+.ga-notice{margin-top:var(--ga-s3)}
.ga-layer-body .ga-panel{box-shadow:var(--ga-ring-inset);background:var(--ga-subtle)}

/* Pre-roll */
.ga-preroll-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:var(--ga-gap)}
.ga-preroll-card{display:flex;flex-direction:column}
.ga-preroll-card .ga-panel-body{flex:1;display:flex;flex-direction:column;gap:var(--ga-s4)}
.ga-preroll-pieces{display:flex;flex-direction:column;gap:var(--ga-s3)}
.ga-preroll-pieces .ga-creative-cell .ga-cell-main{flex:1}
.ga-choice-list{display:flex;flex-direction:column;gap:var(--ga-s2)}
.ga-choice{display:flex;align-items:center;gap:var(--ga-s3);padding:var(--ga-s3);border-radius:var(--ga-radius);background:var(--ga-subtle);box-shadow:var(--ga-ring-inset);cursor:pointer;transition:box-shadow var(--ga-m-hover) var(--ga-ease-out)}
.ga-choice:hover{box-shadow:inset 0 0 0 1px var(--ga-border-strong)}
.ga-choice:has(input:checked){box-shadow:inset 0 0 0 1px var(--ga-accent-border);background:var(--ga-accent-soft)}
.ga-choice input{width:18px;height:18px;flex:none;accent-color:var(--ga-accent)}
.ga-choice .ga-creative-cell{flex:1;min-width:0}

/* Radio segments (scope picker) */
.ga-radio{display:inline-flex;align-items:center;cursor:pointer}
.ga-radio:has(input:checked){background:var(--ga-surface-high);color:var(--ga-text);box-shadow:inset 0 0 0 1px var(--ga-border-strong)}
.ga-radio:has(input:focus-visible){outline:var(--ga-focus);outline-offset:2px}

/* Secret input */
.ga-secret{display:flex;gap:var(--ga-s2);align-items:center}
.ga-secret .ga-input{flex:1;min-width:0}

/* Overview: counts strip and shortcuts */
.ga-grid-2.is-even{grid-template-columns:repeat(2,minmax(0,1fr))}
.ga-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--ga-surface);border:1px solid var(--ga-border);border-radius:var(--ga-radius-panel);overflow:hidden}
.ga-strip-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label label" "value note";align-items:baseline;gap:2px var(--ga-s2);padding:var(--ga-s3) var(--ga-s4);border-inline-start:1px solid var(--ga-line);color:inherit;text-decoration:none;min-width:0}
.ga-strip-item:first-child{border-inline-start:0}
.ga-strip-item:hover{background:var(--ga-row-hover);color:inherit}
.ga-strip-label{grid-area:label;font-size:var(--ga-t-sm);color:var(--ga-muted)}
.ga-strip-value{grid-area:value;font-size:22px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ga-text)}
.ga-strip-note{grid-area:note;font-size:var(--ga-t-sm);color:var(--ga-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ga-shortcuts>li+li{border-top:1px solid var(--ga-line)}
.ga-shortcuts a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ga-s3);min-height:56px;padding:var(--ga-s2) var(--ga-panel-pad);color:var(--ga-text);text-decoration:none}
.ga-shortcuts a:hover{background:var(--ga-row-hover);color:var(--ga-text)}
.ga-shortcuts a>svg{width:18px;height:18px;color:var(--ga-dim)}
.ga-shortcuts a>svg:last-child{width:16px;height:16px}
.ga-shortcuts a>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.ga-shortcuts strong{font-weight:500}
.ga-shortcuts a>span>span{font-size:var(--ga-t-sm);color:var(--ga-muted)}
.ga-format{white-space:nowrap;color:var(--ga-text-body)}

/* Performance: one filter bar, secondary filters behind "Mais filtros", context line */
.ga-filterbar{margin-bottom:var(--ga-s4);padding:var(--ga-s4) var(--ga-panel-pad);background:var(--ga-surface);border:1px solid var(--ga-border);border-radius:var(--ga-radius-panel)}
.ga-filterbar-main,.ga-filterbar-more{display:flex;align-items:flex-end;gap:var(--ga-s3);flex-wrap:wrap}
.ga-filterbar .ga-field{margin:0;flex:1 1 150px;max-width:220px}
.ga-filterbar-actions{display:flex;gap:var(--ga-s2);align-items:flex-end}
.ga-more-filters{margin-top:var(--ga-s3)}
.ga-more-filters>summary{display:inline-flex;align-items:center;gap:var(--ga-s2);min-height:32px;padding:0 var(--ga-s2);margin-inline-start:calc(var(--ga-s2) * -1);border-radius:var(--ga-radius-sm);cursor:pointer;list-style:none;color:var(--ga-text-body);font-size:var(--ga-t-sm);font-weight:500}
.ga-more-filters>summary::-webkit-details-marker{display:none}
.ga-more-filters>summary::before{content:"";width:7px;height:7px;border-right:1.5px solid var(--ga-muted);border-bottom:1.5px solid var(--ga-muted);transform:rotate(-45deg)}
.ga-more-filters[open]>summary::before{transform:rotate(45deg)}
.ga-more-filters>summary:hover{color:var(--ga-text);background:var(--ga-neutral-soft)}
.ga-more-filters[open]>.ga-filterbar-more{padding-top:var(--ga-s2)}
.ga-count-pill{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--ga-radius-sm);background:var(--ga-accent-soft);color:var(--ga-text);font-size:var(--ga-t-xs);font-weight:600;font-variant-numeric:tabular-nums}
.ga-filterbar-context{display:flex;align-items:center;gap:var(--ga-s2);flex-wrap:wrap;margin-top:var(--ga-s3);padding-top:var(--ga-s3);border-top:1px solid var(--ga-line);font-size:var(--ga-t-sm);color:var(--ga-muted)}

/* Settings: intro 1/3 + body 2/3 from 1160 px */
.ga-settings-group{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ga-s4) var(--ga-gap);padding:var(--ga-panel-pad)}
.ga-settings-intro{display:flex;flex-direction:column;gap:var(--ga-s2)}
.ga-settings-intro p{font-size:var(--ga-t-sm);color:var(--ga-muted)}
.ga-settings-body{min-width:0;display:flex;flex-direction:column;gap:var(--ga-s4)}
@media (min-width:1160px){.ga-settings-group{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}

/* Login */
.ga-login-card .ga-panel-body{padding-top:var(--ga-s6)}
.ga-login-error:empty{display:none}

@media (max-width:1159px){.ga-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.ga-strip-item:nth-child(4){border-inline-start:0}.ga-strip-item:nth-child(n+4){border-top:1px solid var(--ga-line)}}
@media (max-width:1023px){.ga-grid-2.is-even{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  .ga-attention-item{grid-template-columns:auto minmax(0,1fr)}
  .ga-attention-item>.ga-button{grid-column:2;justify-self:start}
  .ga-filterbar .ga-field{max-width:none;flex-basis:140px}
}
@media (max-width:639px){
  .ga-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ga-strip-item:nth-child(n){border-inline-start:0;border-top:1px solid var(--ga-line)}
  .ga-strip-item:nth-child(even){border-inline-start:1px solid var(--ga-line)}
  .ga-strip-item:nth-child(-n+2){border-top:0}
  .ga-strip-item:last-child:nth-child(odd){grid-column:1 / -1}
  .ga-filterbar-actions{flex:1 1 100%}
  .ga-filterbar-actions .ga-button{flex:1 1 auto}
  .ga-secret{flex-wrap:wrap}
  .ga-secret .ga-input{flex-basis:100%}
  .ga-choice{align-items:flex-start}
}
@keyframes ga-sheet-in{from{opacity:0;transform:translateY(24px)}}
@media (prefers-reduced-motion:reduce){
  ::backdrop{animation:none!important}
  .ga-button.is-primary:active{background:#4c00dd}
}
.ga-choice-label{display:flex;align-items:center;gap:var(--ga-s3);flex:1;min-width:0;cursor:pointer}