/* ============================================================================
   ag-recibo.css — 08/10/2026 (rec1)
   Aba Recibo (tela) + impressão A4 (body.printing-recibo / #reciboPrintRoot).
   A folha é sempre branca (como o Orçamento Formal). Medidas da folha em mm:
   202 × 289 mm = A4 menos a margem de 4 mm do @page global.
   ========================================================================== */

/* ── tela ── */
.recibo-view{display:none;flex:1;overflow-y:auto;padding:28px clamp(16px,2.6vw,40px) 48px}
.recibo-view.active{display:block}
#reciboPrintRoot{display:none}

.rec-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;max-width:1240px;margin:0 auto}
@media (max-width:1100px){ .rec-wrap{grid-template-columns:1fr} }
.rec-paper-col{min-width:0;overflow:hidden}
.rec-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}
.rec-toolbar-status{font-size:15px;font-weight:600;color:var(--text,#202124)}
.rec-toolbar-status strong{font-weight:800}
.rec-toolbar-sub{font-size:12px;color:var(--muted,#5f6368);margin-top:2px}
.rec-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.rec-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 16px;border-radius:999px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.rec-btn-primary{background:#1a73e8;color:#fff;box-shadow:0 1px 2px rgba(26,115,232,.3),0 4px 12px rgba(26,115,232,.25)}
.rec-btn-primary:hover{background:#1765cc}
.rec-btn-ghost{background:var(--surface,#fff);color:var(--text,#202124);border-color:var(--border2,#dadce0)}
.rec-btn-ghost:hover{border-color:#1a73e8;color:#1a73e8}

.rec-paper-scaler{width:202mm;transform-origin:top left}
.rec-paper-scaler .rec-paper{box-shadow:0 2px 6px rgba(16,24,40,.08),0 18px 48px rgba(16,24,40,.14);border-radius:10px}

/* layout administrativo: sem painel direito e sem Venda/Margem no topo (igual às outras abas) */
.app:has(#reciboView.active){ grid-template-columns:var(--sidebar-w) minmax(0,1fr) 0px !important; }
.app:has(#reciboView.active) .panel{ display:none !important; width:0 !important; min-width:0 !important; max-width:0 !important; padding:0 !important; border:0 !important; overflow:hidden !important; }
.app:has(#reciboView.active) .main{ grid-column:2 / 3 !important; max-width:none !important; }
.app:has(#reciboView.active) .topbar-right .totals-inline{ display:none !important; }
.app:has(#reciboView.active) .topbar-right{ width:auto !important; min-width:0 !important; flex:0 0 auto !important; gap:10px !important; padding-left:10px !important; border-left:1px solid var(--border) !important; }
.app:has(#reciboView.active) #activeProfileChip{ margin-left:0 !important; }

/* painel lateral */
.rec-side{display:grid;gap:12px;position:sticky;top:12px}
.rec-side-card{background:var(--surface,#fff);border:1px solid var(--border,#e3e8ef);border-radius:16px;padding:14px;display:grid;gap:9px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.rec-side-title{font-size:13px;font-weight:700;color:var(--text,#202124)}
.rec-side-sub{font-size:11px;color:var(--muted,#5f6368);line-height:1.45}
.rec-input{width:100%;box-sizing:border-box;min-height:36px;border-radius:10px;border:1px solid var(--border2,#dadce0);background:var(--surface2,#f8f9fb);color:var(--text,#202124);font:inherit;font-size:13px;font-weight:600;padding:7px 10px;outline:none}
.rec-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.15)}
textarea.rec-input{resize:vertical;line-height:1.45}
.rec-input-strong{font-size:15px;font-weight:800}
.rec-field{display:grid;gap:4px}
.rec-field label{font-size:11.5px;font-weight:600;color:var(--muted,#5f6368)}
.rec-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rec-check{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:var(--text,#202124);cursor:pointer}
.rec-check input{width:16px;height:16px;accent-color:#1a73e8}
.rec-results{display:grid;gap:6px;max-height:260px;overflow:auto}
.rec-result{display:grid;gap:2px;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--border,#e3e8ef);background:var(--surface2,#f8f9fb);color:var(--text,#202124);font:inherit;cursor:pointer}
.rec-result:hover,.rec-result.on{border-color:#1a73e8;background:rgba(26,115,232,.08)}
.rec-result-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}
.rec-result-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-result-meta{font-size:10.5px;color:var(--muted,#5f6368)}
.rec-st{font-style:normal;font-size:10px;font-weight:800;padding:1px 7px;border-radius:99px}
.rec-st-ok{background:rgba(24,128,56,.14);color:#188038}
.rec-st-parc{background:rgba(242,153,0,.16);color:#b06000}
.rec-st-no{background:rgba(217,48,37,.12);color:#d93025}
.rec-empty{font-size:11.5px;color:var(--muted,#5f6368);padding:4px 2px}
.rec-chips{display:flex;flex-wrap:wrap;gap:6px}
.rec-chip{padding:5px 10px;border-radius:99px;border:1px solid var(--border2,#dadce0);background:var(--surface,#fff);color:var(--text,#202124);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.rec-chip:hover{border-color:#1a73e8;color:#1a73e8}
.rec-warn{font-size:11.5px;line-height:1.45;padding:8px 10px;border-radius:10px;background:rgba(242,153,0,.12);color:#b06000;font-weight:700}
.rec-sign-actions{display:flex;gap:8px;flex-wrap:wrap}

/* ── a folha (tela e impressão) ── */
.rec-paper{
  width:202mm;height:289mm;box-sizing:border-box;background:#fff;color:#101828;overflow:hidden;position:relative;
  display:flex;flex-direction:column;padding:14mm 16mm 12mm;
  font-family:"Plus Jakarta Sans","Inter",Arial,sans-serif;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
.rec-paper *{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rec-paper::before{ /* fio de marca no topo */
  content:"";position:absolute;left:0;right:0;top:0;height:1.4mm;background:#1a73e8;
}
/* 11/10/2026 (rec2) — folha redesenhada: cabeçalho único, canhoto com o valor,
   seções sem numeração, sem rodapé repetido. Rótulos em caixa normal. */
.rec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10mm;padding-bottom:6mm;border-bottom:1px solid #d0d5dd}
.rec-brand-name{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#1a73e8}
.rec-brand-info{margin-top:2.6mm;font-size:10.5px;line-height:1.55;color:#475467}
.rec-doc{text-align:right;flex:none}
.rec-title{margin:0;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#0b1220}
.rec-doc-num{margin-top:2.6mm;font-size:13px;font-weight:700;color:#101828;font-variant-numeric:tabular-nums}
.rec-doc-date{margin-top:.8mm;font-size:12px;font-weight:500;color:#667085;letter-spacing:.04em}

.rec-k{font-size:11px;font-weight:600;color:#667085;letter-spacing:.01em}

/* canhoto: valor à esquerda, dados do pagamento à direita, picote no meio */
.rec-stub{
  position:relative;margin-top:8mm;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  border:1px solid #c9dbf8;border-radius:4mm;background:#f4f8ff;overflow:hidden
}
.rec-stub::before,.rec-stub::after{ /* meia-lua do picote, em cima e embaixo */
  content:"";position:absolute;left:calc(53.5% - 3mm);width:6mm;height:6mm;border-radius:50%;background:#fff;border:1px solid #c9dbf8
}
.rec-stub::before{top:-3.6mm}
.rec-stub::after{bottom:-3.6mm}
.rec-stub-value{padding:6.5mm 7mm 6mm;border-right:1.5px dashed #a9c5f3}
.rec-stub-value .rec-k{color:#1a5fc4}
.rec-amount-value{font-size:44px;font-weight:800;letter-spacing:-.035em;line-height:1;color:#0b1220;margin-top:3mm;font-variant-numeric:tabular-nums}
.rec-stub-facts{margin:0;padding:5mm 7mm;display:grid;gap:2.2mm;align-content:center}
.rec-stub-facts>div{display:flex;justify-content:space-between;gap:4mm;font-size:12.5px;line-height:1.3}
.rec-stub-facts dt{color:#667085;font-weight:500}
.rec-stub-facts dd{margin:0;font-weight:700;color:#101828;text-align:right;font-variant-numeric:tabular-nums}
.rec-bank{margin-top:3mm;font-size:11px;line-height:1.45;color:#475467;padding:0 1mm}

.rec-sec{margin-top:7mm}
.rec-name{font-size:19px;font-weight:800;color:#101828;margin-top:1.6mm;line-height:1.22;letter-spacing:-.01em}
.rec-line{font-size:12.5px;color:#344054;margin-top:1.4mm;line-height:1.45}
.rec-line-muted{color:#667085}
.rec-text{font-size:13.5px;color:#101828;margin-top:1.6mm;line-height:1.55}

.rec-decl{font-size:12.5px;line-height:1.65;color:#344054;margin-top:7mm;padding-top:5mm;border-top:1px solid #eaecf0}
.rec-decl strong{color:#101828}

.rec-sign{margin-top:auto;padding-top:4mm;display:grid;justify-items:center;gap:2mm}
.rec-place{font-size:12.5px;color:#344054}
.rec-sign-box{display:grid;justify-items:center;width:95mm}
.rec-sign-img{height:16mm;width:100%;display:flex;align-items:flex-end;justify-content:center}
.rec-sign-img img{max-height:18mm;max-width:80mm;object-fit:contain;margin-bottom:-2mm}
.rec-sign-line{width:100%;border-top:1px solid #101828}
.rec-sign-name{font-size:12.5px;font-weight:700;color:#101828;margin-top:2mm}
.rec-sign-sub{font-size:10.5px;color:#667085;margin-top:.6mm}

/* 11/10/2026 (rec2) — painel: segmentado Pedido/Cliente e "Mais opções" */
.rec-seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:12px;background:var(--surface3,#eef3fd);border:1px solid var(--border,#e3e8ef)}
.rec-seg button{min-height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted,#5f6368);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.rec-seg button.on{background:var(--surface2,#fff);color:var(--text,#202124);box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 0 1px var(--border,#e3e8ef)}
.rec-seg button:focus-visible,.rec-more>summary:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}
.rec-more>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.rec-more>summary::-webkit-details-marker{display:none}
.rec-more>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:4px;opacity:.6;transition:transform .15s}
.rec-more[open]>summary::after{transform:rotate(-135deg)}
.rec-more:not([open]){gap:0}
.rec-side{max-height:calc(100vh - 140px);overflow-y:auto;padding-right:2px}
body:not([data-theme="dark"]) .rec-input{background:#fff}

/* ── impressão: só a folha do recibo, A4 sem encolher ── */
@media print{
  html:has(body.printing-recibo),
  html body.printing-recibo{
    width:202mm !important; height:289mm !important; min-height:0 !important; max-height:289mm !important;
    overflow:hidden !important; margin:0 !important; padding:0 !important; background:#fff !important;
  }
  html body.printing-recibo > *:not(#reciboPrintRoot){ display:none !important; }
  html body.printing-recibo #reciboPrintRoot{ display:block !important; width:202mm !important; margin:0 !important; padding:0 !important; }
  html body.printing-recibo #reciboPrintRoot .rec-paper{ box-shadow:none !important; border-radius:0 !important; margin:0 !important; zoom:1 !important; }
}