/* Meu XML — gestão da plataforma, custos operacionais e NFC-e PE. */

.plans-panel{margin-top:var(--sp-5)}
#page-admin-costs>.panel-title h2{margin:var(--sp-1) 0}
.cost-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:var(--sp-5)}
.cost-rank{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0}
.cost-rank>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--surface-3);font-size:var(--fs-sm);font-weight:700}
.cost-rank>div{flex:1;min-width:0}
.cost-rank strong,.cost-rank small{display:block;overflow-wrap:anywhere}
.cost-rank small{margin:2px 0 var(--sp-2);color:var(--muted)}
.cost-rank>b{white-space:nowrap;font-variant-numeric:tabular-nums}
.cost-manual{margin-top:var(--sp-5)}
#costStats strong{font-size:clamp(18px,2vw,28px)}
#costStats small{display:block;margin-top:var(--sp-2)}
#costFormError{margin:0;color:var(--red)}
#costStatus:empty,#costFx:empty,#costAwsStatus:empty{display:none}

#page-nfce-pe .panel{padding:var(--sp-6)}
#page-nfce-pe img{display:block;width:100%;height:auto;border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer}

@media (max-width:1100px){.cost-grid{grid-template-columns:1fr}}
@media (max-width:720px){
  #page-admin-costs .panel-title{flex-wrap:wrap}
  #costStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cost-rank{font-size:var(--fs-sm)}
}