/* ============================================================
   dash-settings.css — the dashboard Settings section
   (Payments · Bar details · Taxes & gratuity · Register ·
    Pay page & receipts · Inventory · Dashboard)
   Light "Atelier" tokens from dashboard.css; reuses .panel, .field,
   .grid2, .btn, .lockn, .setx__sw switch and the .gw gateway block.
   ============================================================ */
.set-wrap{display:flex;flex-direction:column;gap:0}
.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.set-card{margin-bottom:0;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,border-color .2s}
.set-card--wide{margin-bottom:20px}
.set-card[data-dirty]{border-color:#E4D2B0;box-shadow:var(--sh-2),0 0 0 3px rgba(176,141,87,.10)}
.set-card.is-busy{opacity:.7;pointer-events:none}
.set-card__hd{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.set-card__hd h2{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.1}
.set-card__hd p{font-size:12.5px;color:var(--ink-2);margin-top:5px;line-height:1.45}
.set-card .grid2{margin-top:0}
.set-card .field input[aria-invalid="true"],.set-card .field select[aria-invalid="true"]{border-color:#c0564a;box-shadow:0 0 0 3px rgba(192,86,74,.14)}
.set-sub{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;padding-top:14px;border-top:1px dashed var(--line-2)}
.set-rows{display:flex;flex-direction:column;gap:10px}
.set-sw{max-width:none}
.set-sw--warn{border-color:#ecd6ab;background:#FBF4E6}
.set-preview{font-size:12.5px;color:var(--ink-2);min-height:18px;line-height:1.5;margin-top:-4px}
.set-preview:empty{display:none}
.set-warn{font-size:12.5px;line-height:1.5;color:#8f3a2f;background:#F8E6E1;border:1px solid #e9c3b7;border-radius:11px;padding:10px 13px}
.set-warn[hidden]{display:none}
.set-note{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.55;color:var(--ink-2);background:var(--ivory-2);border:1px solid var(--line);border-radius:11px;padding:10px 13px}
.set-note[hidden]{display:none}
.set-note svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--brass-deep)}
.set-note b{color:var(--ink);font-weight:600}
.set-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2)}
.set-foot .btn{height:40px}
.set-msg{font-size:12.5px;color:var(--ink-2)}
.set-msg--bad{color:#a8412f;font-weight:600}
.set-msg:empty{display:none}
/* the gateway block inside the Payments card (same look as before, no second panel frame) */
.set-gw{padding:0}
.set-gw .gw__note{flex-basis:100%}
.set-card .mini svg{width:14px;height:14px;margin-right:4px;vertical-align:-2px}
.set-card .mini{display:inline-flex;align-items:center}
/* view-only */
.set-card input:disabled,.set-card select:disabled{opacity:.6;cursor:not-allowed}
.set-card .setx__sw:has(input:disabled){cursor:not-allowed;opacity:.75}
@media (max-width:1100px){.set-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .set-card__hd h2{font-size:20px}
  .set-foot{flex-direction:column;align-items:stretch}
  .set-foot .btn{justify-content:center}
}

/* standalone: own PayArc setup inside the Payments card */
[data-payarc]{display:grid;gap:14px;margin-top:14px}
[data-payarc] .set-sub{margin-top:0}
.field .set-clear{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:var(--ink-2);text-transform:none;letter-spacing:0;font-weight:500}
.field .set-clear input{width:auto;height:auto}