/* Quick Bill — website UI refresh (Inter + refined tokens).
   Loaded AFTER quick-bill.css. Presentation only: it restyles the page chrome and form controls.
   The generated bill is the server-side mPDF PDF (includes/quick_bill_pdf.php), which this file cannot reach. */
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: local("Inter Regular"), local("Inter-Regular"), url("../../assets/fonts/inter/Inter-Regular.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: local("Inter Medium"), local("Inter-Medium"), url("../../assets/fonts/inter/Inter-Medium.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: local("Inter SemiBold"), local("Inter-SemiBold"), url("../../assets/fonts/inter/Inter-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: local("Inter Bold"), local("Inter-Bold"), url("../../assets/fonts/inter/Inter-Bold.ttf") format("truetype"); }

body.qb-ui {
    --qb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --qb-radius: 12px;
    --primary: #0f6e56;
    --primary-dark: #0b5a46;
    --text: #111827;
    --muted: #6b7280;
    --border: #e5e7eb;
    --card: #ffffff;
    --danger: #b42318;
    --danger-bg: #fef3f2;
    --success-bg: #ecfdf3;
    background: #f7f8fa;
    color: var(--text);
    font-family: var(--qb-font);
    -webkit-font-smoothing: antialiased;
}
body.qb-ui .qb-topbar .qb-brand { font-weight: 700; }
body.qb-ui .qb-section { box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
body.qb-ui .qb-section input:focus, body.qb-ui .qb-section select:focus, body.qb-ui .qb-section textarea:focus {
    border-color: var(--primary); box-shadow: 0 0 0 3px rgba(15, 110, 86, .18);
}
body.qb-ui .qb-section input, body.qb-ui .qb-section select, body.qb-ui .qb-section textarea { border-color: #d1d5db; }
body.qb-ui button, body.qb-ui input, body.qb-ui select, body.qb-ui textarea { font-family: var(--qb-font); }
