:root {
    color-scheme: light;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    /* User-entered text (names, notes, payees) can contain very long
       unbroken strings; let it wrap instead of forcing page-wide scroll. */
    overflow-wrap: anywhere;
}

/* Shell layout: flex children default to min-width:auto, so one long
   nowrap/truncated string (a customer name in a list) would widen the whole
   page past the viewport. Let the content column shrink instead. */
body > .flex > .flex-1,
main {
    min-width: 0;
}

/* Brand accents taken from the logo: navy / green / orange. */
.brand-bar {
    height: 4px;
    background: linear-gradient(90deg, #0E3A60 0 55%, #2E7D32 55% 85%, #E8862A 85% 100%);
}

.brand-gradient {
    background: linear-gradient(135deg, #0E3A60 0%, #1B4F7F 60%, #256a9f 100%);
}