html {
    scroll-behavior: smooth;
}

body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

input, button, textarea, select {
    font: inherit;
}

.js-sidebar-panel.is-open {
    display: block;
}

/* Toggled by JS to show/hide area/qty fields on mobile */
.area-fields.is-hidden {
    display: none;
}
.qty-fields.is-hidden {
    display: none;
}

@media print {
    @page { size: A4; margin: 12mm; }
    body { background: #ffffff !important; }
    .js-sidebar-toggle, .js-sidebar-panel, aside, header { display: none !important; }
    .invoice-sheet { width: 100% !important; }
}