/* Duawell DW6 Design System — generated from tokens.json */
@font-face{font-family:"Open Sans";src:url("../fonts/OpenSans-latin.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url("../fonts/OpenSans-Italic-latin.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root, [data-theme="light"] {
  --sky: #f3f5f9;
  --surface: #ffffff;
  --surface-sunk: #f6f8fb;
  --zebra: #fafbfd;
  --line: #e2e7ee;
  --line-strong: #c3ccd8;
  --bar: #ffffff;
  --bar-highlight: #eef3fa;
  --bar-active: #e6f0fb;
  --bar-active-ink: #0b5cab;
  --on-bar: #2b3645;
  --ink: #2b3645;
  --ink-strong: #131c29;
  --ink-muted: #64748b;
  --accent: #1f6fbf;
  --accent-hover: #185ca0;
  --accent-soft: #e6f0fb;
  --link: #1f6fbf;
  --go: #1f6fbf;
  --go-hover: #185ca0;
  --step: #4b5b70;
  --step-hover: #3b4a5d;
  --danger: #c0392b;
  --on-fill: #ffffff;
  --row-current: #fff6d6;
  --row-current-cell: #ffefb0;
  --row-suspended: #eceff3;
  --row-saved: #e4f4e8;
  --row-saved-cell: #cfebd6;
  --saved-ink: #1d6b3a;
  --row-rejected: #fbe7e5;
  --rejected-ink: #a8322a;
  --error-ink: #b42318;
  --sync-offline: #8a5a00;
  --sync-offline-fill: #fff1cc;
  --shadow-panel: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .06);
  --shadow-menu: 0 10px 28px rgba(16, 24, 40, .16), 0 2px 6px rgba(16, 24, 40, .08);
  --focus-ring: 0 0 0 3px rgba(31, 111, 191, .35);
  --chart-paid: #2f9e5b;
  --chart-unpaid: #c0392b;
  --chart-balance: #e0a21a;
}
:root {
  --space-1: 6px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --bar-height: 56px;
  --control-height: 38px;
  --page-width: 1240px;
  --radius-sm: 8px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.brand{font-family:var(--font-sans);font-size:20px;line-height:24px;font-weight:700;}
.page-title{font-family:var(--font-sans);font-size:19px;line-height:26px;font-weight:600;}
.section-title{font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:600;}
.body{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400;}
.label{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:600;}
.menu{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:600;}
.button{font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:600;}
.hint{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:400;font-style:italic}
.table-head{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:700;}
.table-cell{font-family:var(--font-sans);font-size:13px;line-height:20px;font-weight:400;}
.caption{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:400;}