/* ===== Zynerqo Receipt Generator styles ===== */
#zrg-app *{box-sizing:border-box}
#zrg-app{max-width:1120px;margin:16px auto;padding:18px;background:#fff;border-radius:18px;box-shadow:0 8px 28px rgba(26,79,156,.08);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1f2937}
#zrg-title{font-size:28px;font-weight:800;margin:4px 0 12px 0;color:#0f172a}
#zrg-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
#zrg-toolbar .zrg-btn{padding:10px 14px;border-radius:10px;border:1px solid #e5edf7;cursor:pointer;font-weight:600}
#zrg-toolbar .zrg-primary{background:#10b981;color:#fff;border-color:#10b981}
#zrg-toolbar .zrg-outline{background:#fff}
#zrg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#zrg-grid .zrg-group{display:flex;gap:8px;align-items:center}
#zrg-grid label{font-size:17px;color:#111;min-width:160px}
#zrg-grid input, #zrg-grid textarea{width:100%;padding:12px 14px;border:1px solid #d9e2ec;border-radius:12px;background:#f8fafc;font-size:14px;color:#111}
#zrg-lines{margin-top:10px;border:1px solid #e5edf7;border-radius:14px;overflow:hidden}
#zrg-lines table{width:100%;border-collapse:collapse}
#zrg-lines th,#zrg-lines td{padding:12px;border-bottom:1px solid #eef2f7;text-align:left}
#zrg-lines th{background:#f1f5f9;color:#0f172a;font-size:13px;letter-spacing:.02em}
#zrg-lines input{background:#fff !important;border:1px solid #d9e2ec !important;border-radius:10px !important;padding:10px 12px !important;font-size:14px !important;color:#111 !important}
#zrg-lines .zrg-amount{font-weight:600}
#zrg-lines .zrg-taxable{width:18px;height:18px}
#zrg-add{margin:10px 0}
#zrg-print-area{display:none !important}
#zrg-inline-totals{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px 0 8px 0}
#zrg-inline-totals .nums{min-width:300px;border:1px solid #e5edf7;border-radius:12px;background:#f8fafc}
#zrg-inline-totals .nums div{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px dashed #e5edf7}
#zrg-inline-totals .nums div:last-child{border-bottom:none}
#zrg-inline-totals .nums .total b{font-size:18px}
#zrg-grid textarea{min-height:84px}

/* Print cleanup */
@media print {
  body * { visibility: hidden !important; }
  #zrg-print-area, #zrg-print-area * { visibility: visible !important; }
  #zrg-print-area { position: absolute; left: 0; top: 0; width: 100%; }
  header, footer, nav, #colophon, .site-footer, .site-header, .entry-footer, .widget-area, .sidebar, .menu, .comments-area { display: none !important; }
  a[href]:after { content: "" !important; }
}

@media (max-width: 720px){
  #zrg-grid{grid-template-columns:1fr}
}


/* Branding (Logo) controls */
.zrg-branding-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:8px}
@media (max-width:760px){ .zrg-branding-grid{grid-template-columns:1fr} }
.zrg-hint{font-size:12px;color:#64748b;margin-top:6px;line-height:1.35}


/* === Branding block — unified card style === */
.zrg-card.zrg-branding{grid-column:1/-1;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 14px 10px}
.zrg-card.zrg-branding .zrg-label{display:block;font-weight:600;margin:0 0 6px 0}
.zrg-card.zrg-branding .zrg-input,.zrg-card.zrg-branding .zrg-select{width:100%}
.zrg-branding-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px 14px;margin-top:6px;align-items:end}
@media (max-width:980px){ .zrg-branding-grid{grid-template-columns:1fr 1fr} }
@media (max-width:760px){ .zrg-branding-grid{grid-template-columns:1fr} }
.zrg-hint{font-size:12px;color:#64748b;margin-top:8px;line-height:1.4}


/* === Polished number input for Branding (matches native fields) === */
.zrg-input[type="number"]{
  width:100%;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
  height:40px;
  line-height:1.2;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.02);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.zrg-input[type="number"]:focus{
  outline:0;
  border-color:#b7c6f7;
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
/* Remove native spinners */
.zrg-input[type="number"]::-webkit-outer-spin-button,
.zrg-input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.zrg-input[type="number"]{ -moz-appearance:textfield; }