/* Cobranca (live-billing.jsx). Mobile-first; complementa live.css e dashboard.css. */
.gg-bill{display:grid;gap:var(--grid-gutter);min-width:0}
.gg-bill-hero{display:grid;gap:14px;padding:18px;border:1px solid var(--lime-200);border-radius:var(--radius-card);background:var(--gradient-lime-mist,var(--lime-100));min-width:0}
.gg-bill-hero-text{min-width:0}
.gg-bill-hero h2{margin:0;color:var(--text-heading);font:600 var(--text-xl) var(--font-display);letter-spacing:var(--tracking-tight)}
.gg-bill-hero-text p{margin:6px 0 0;max-width:62ch;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}
.gg-bill-rate{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
.gg-bill-rate-value{color:var(--forest-900);font:700 var(--text-3xl) var(--font-display);line-height:1}
.gg-bill-rate-value.is-empty{color:var(--text-subtle)}
.gg-bill-rate-info{display:grid;justify-items:start;gap:4px;flex:1 1 200px;min-width:0}
.gg-bill-rate-info small{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}
.gg-bill-next{display:flex;align-items:center;gap:6px;margin:0;color:var(--forest-800);font-size:var(--text-xs)}
.gg-bill-payment{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px dashed var(--warning-500);border-radius:var(--radius-md);background:var(--warning-100);color:var(--warning-600);font-size:var(--text-xs);line-height:1.5}
.gg-bill-payment svg{flex:none;margin-top:1px}
.gg-bill-payment strong{color:var(--text-heading)}
.gg-bill-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.gg-bill-head h3{margin:0;color:var(--text-heading);font:600 var(--text-lg) var(--font-display)}
.gg-bill-head p{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-xs)}
.gg-bill-kpis .interactive-kpi{cursor:default}
.gg-bill-kpis .interactive-kpi:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-card);transform:none}
.gg-bill-side{display:grid;gap:var(--grid-gutter);align-content:start;min-width:0}
.gg-bill-due{display:grid;gap:6px}
.gg-bill-due strong{font:700 var(--text-3xl) var(--font-display);overflow-wrap:anywhere}
.gg-bill-due span{color:var(--text-on-inverse-muted);font-size:var(--text-xs);line-height:1.45}
.gg-bill-due .gg-bill-due-status{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;justify-self:start;border-radius:var(--radius-pill);background:rgba(255,255,255,.1);color:var(--text-on-inverse)}
.gg-bill-months{display:grid;gap:4px}
.gg-bill-month{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value" "track track" "meta meta";gap:4px 10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:var(--transition-control)}
.gg-bill-month:hover{background:var(--neutral-50)}
.gg-bill-month.active{border-color:var(--lime-400);background:var(--lime-100)}
.gg-bill-month:focus-visible{outline:2px solid var(--go-500);outline-offset:1px}
.gg-bill-month-name{grid-area:name;display:flex;align-items:center;gap:6px;color:var(--text-heading);font-size:var(--text-xs);font-weight:600}
.gg-bill-month-name em{padding:1px 6px;border-radius:var(--radius-pill);background:var(--warning-100);color:var(--warning-600);font-size:var(--text-3xs);font-style:normal;font-weight:600}
.gg-bill-month-value{grid-area:value;color:var(--text-heading);font-size:var(--text-xs);font-weight:700}
.gg-bill-month-track{grid-area:track;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--neutral-100)}
.gg-bill-month-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--forest-900),var(--lime-400));transition:width 300ms var(--ease-standard)}
.gg-bill-month small{grid-area:meta;color:var(--text-muted);font-size:var(--text-3xs)}
.gg-bill-entries{display:grid;gap:8px}
.gg-bill-entry{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);min-width:0}
.gg-bill-entry-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--radius-sm)}
.gg-bill-entry-icon.fee{background:var(--lime-100);color:var(--forest-900)}
.gg-bill-entry-icon.credit{background:var(--forest-900);color:var(--lime-400)}
.gg-bill-entry-main{display:grid;gap:2px;flex:1 1 auto;min-width:0}
.gg-bill-entry-main strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-bill-entry-main small{color:var(--text-muted);font-size:var(--text-2xs);overflow-wrap:anywhere}
.gg-bill-entry-amount{flex:none;color:var(--text-heading);font-size:var(--text-sm)}
.gg-bill-entry-amount.credit{color:var(--success-600)}
.gg-bill-rule{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--text-muted);font-size:var(--text-2xs);line-height:1.5}
.gg-bill-rule svg{flex:none;margin-top:2px}
@media (min-width:900px){
  .gg-bill-hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:center;padding:22px 24px}
  .gg-bill-hero h2{font-size:var(--text-2xl)}
  .gg-bill-next{grid-column:1 / -1}
}
@media (max-width:560px){
  .gg-bill-head>button,.gg-bill-head>span{width:100%}
  .gg-bill-rate-value{font-size:var(--text-2xl)}
  .gg-bill-due strong{font-size:var(--text-2xl)}
}
.gg-bill-grid{align-items:start}
/* Faturas, alerta de atraso e pagamento por Pix. */
.gg-bill-payment.is-ready{border-style:solid;border-color:var(--lime-400);background:var(--lime-100);color:var(--forest-800)}
.gg-bill-alert{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--danger-500,#dc2626);border-radius:var(--radius-md);background:var(--danger-100,#fee2e2);color:var(--danger-600,#b91c1c);font-size:var(--text-sm);line-height:1.45;min-width:0}
.gg-bill-alert svg{flex:none}
.gg-bill-alert span{flex:1 1 220px;min-width:0}
.gg-bill-alert strong{color:var(--text-heading)}
.gg-invoices{display:grid;gap:8px}
.gg-invoice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);min-width:0}
.gg-invoice.is-overdue{border-color:var(--danger-500,#dc2626);background:var(--danger-100,#fee2e2)}
.gg-invoice-main{display:grid;gap:2px;min-width:0}
.gg-invoice-main strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-invoice-main small{color:var(--text-muted);font-size:var(--text-2xs);overflow-wrap:anywhere}
.gg-invoice-side{display:grid;justify-items:end;gap:4px}
.gg-invoice-side strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-invoice>button{grid-column:1 / -1;justify-self:start}
.gg-bill-due .gg-bill-due-status.is-overdue{background:var(--danger-500,#dc2626);color:#fff}
.gg-bill-due>button{justify-self:start;margin-top:6px}
.gg-invoice-dialog{display:grid;gap:12px;max-height:min(70vh,640px);overflow-y:auto;min-width:0}
.gg-invoice-pix,.gg-invoice-form{display:grid;gap:10px;min-width:0}
.gg-invoice-qr{justify-self:center;width:200px;height:200px;max-width:100%;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;image-rendering:pixelated}
.gg-invoice-steps{margin:0;padding-left:18px;color:var(--text-muted);font-size:var(--text-xs);line-height:1.6}
.gg-invoice-code-label{color:var(--text-heading);font-size:var(--text-xs);font-weight:600}
.gg-invoice-code{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--neutral-50);color:var(--text-body);font:var(--text-2xs)/1.4 var(--font-mono,monospace);resize:none;word-break:break-all}
.gg-invoice-wait{display:flex;align-items:center;gap:6px;margin:0;color:var(--text-muted);font-size:var(--text-2xs)}
.gg-invoice-sandbox{display:grid;gap:8px;padding:10px;border:1px dashed var(--warning-500);border-radius:var(--radius-sm);background:var(--warning-100);color:var(--warning-600);font-size:var(--text-2xs);line-height:1.45}
.gg-invoice-sandbox>button{justify-self:start}
.gg-invoice-lead,.gg-invoice-payer{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}
.gg-invoice-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--neutral-50);color:var(--text-body);font-size:var(--text-xs);line-height:1.5}
.gg-invoice-note svg{flex:none;margin-top:1px}
.gg-invoice-note.warn{background:var(--warning-100);color:var(--warning-600)}
.gg-invoice-done{display:grid;justify-items:center;gap:6px;padding:12px 0;text-align:center}
.gg-invoice-done-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-pill);background:var(--lime-100);color:var(--success-600)}
.gg-invoice-done strong{color:var(--text-heading);font:600 var(--text-lg) var(--font-display)}
.gg-invoice-done p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}
@media (min-width:640px){
  .gg-invoice{grid-template-columns:minmax(0,1fr) auto auto}
  .gg-invoice>button{grid-column:auto;justify-self:end}
}