@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@300;400;500&display=swap");html{--paper: #f6f7f5;--paper-2: #edefec;--paper-3: #e7e9e5;--ink: #1b2024;--ink-2: #5c625d;--ink-3: #797f7a;--ink-disabled: rgba(27,32,36,0.35);--ink-faint: #c7cac6;--accent: #a8551f;--accent-tint: rgba(168,85,31,0.1);--success: #3d6b3d;--success-soft: #dbe8db;--crimson: #9c2f2f;--crimson-soft: #f4dede;--ochre: #a8551f;--ochre-soft: #e9dcc9;--slate: #5c625d;--slate-soft: #e7e9e5;--codig-color: #1f3a5c;--codig-soft: #dde6f0;--netstone-color: #5c6b2e;--netstone-soft: #eaeed9;--rule: rgba(33,29,23,0.12);--rule-soft: rgba(33,29,23,0.07);--heat-1: #c9d9c9;--heat-2: #9dbb9d;--heat-3: #6b946b;--body-font: "IBM Plex Sans",system-ui,sans-serif;--display-font: "Fraunces","Iowan Old Style",Georgia,serif;--mono-font: "IBM Plex Mono",ui-monospace,monospace;--text-2xs: 0.75rem;--text-xs: 0.75rem;--text-s: 0.8125rem;--text-m: 0.875rem;--text-l: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--line-height-m: 1.45;--space-xs: 4px;--space-s: 8px;--space-m: 14px;--space-l: 22px;--space-xl: 36px;--size-xs: 24px;--size-s: 28px;--size-m: 36px;--size-l: 44px;--size-xl: 56px;--icon-s: 1.25em;--radius-s: 4px;--radius-m: 6px;--radius-l: 10px;--shadow-xs: 0 1px 2px rgba(27,32,36,0.08);--shadow-s: 0 2px 6px rgba(27,32,36,0.08);--shadow-m: 0 6px 20px -8px rgba(27,32,36,0.18);--shadow-l: 0 1px 24px rgba(33,29,23,0.08);--shadow-xl: 0 20px 60px rgba(27,32,36,0.35);--clickable-cursor: pointer;--lumo-base-color: var(--paper);--lumo-tint: var(--paper);--lumo-shade: var(--ink);--lumo-contrast: var(--ink);--lumo-contrast-5pct: color-mix(in srgb,var(--ink) 4%,transparent);--lumo-contrast-10pct: color-mix(in srgb,var(--ink) 10%,transparent);--lumo-contrast-20pct: color-mix(in srgb,var(--ink) 18%,transparent);--lumo-contrast-30pct: color-mix(in srgb,var(--ink) 26%,transparent);--lumo-contrast-50pct: color-mix(in srgb,var(--ink) 45%,transparent);--lumo-contrast-60pct: color-mix(in srgb,var(--ink) 60%,transparent);--lumo-contrast-80pct: color-mix(in srgb,var(--ink) 78%,transparent);--lumo-contrast-90pct: color-mix(in srgb,var(--ink) 90%,transparent);--lumo-body-text-color: var(--ink);--lumo-header-text-color: var(--ink);--lumo-secondary-text-color: var(--ink-2);--lumo-tertiary-text-color: var(--ink-3);--lumo-disabled-text-color: var(--ink-disabled);--lumo-primary-text-color: var(--accent);--lumo-primary-color: var(--accent);--lumo-primary-color-50pct: color-mix(in srgb,var(--accent) 50%,transparent);--lumo-primary-color-10pct: var(--accent-tint);--lumo-primary-contrast-color: var(--paper);--lumo-error-text-color: var(--crimson);--lumo-error-color: var(--crimson);--lumo-error-color-10pct: color-mix(in srgb,var(--crimson) 10%,transparent);--lumo-error-color-50pct: color-mix(in srgb,var(--crimson) 50%,transparent);--lumo-success-text-color: var(--success);--lumo-success-color: var(--success);--lumo-success-color-10pct: color-mix(in srgb,var(--success) 10%,transparent);--lumo-warning-text-color: var(--ochre);--lumo-warning-color: var(--ochre);--lumo-font-family: var(--body-font);--lumo-font-size-xxxl: var(--text-3xl);--lumo-font-size-xxl: var(--text-2xl);--lumo-font-size-xl: var(--text-xl);--lumo-font-size-l: var(--text-l);--lumo-font-size-m: var(--text-m);--lumo-font-size-s: var(--text-s);--lumo-font-size-xs: var(--text-xs);--lumo-line-height-m: var(--line-height-m);--lumo-space-xs: var(--space-xs);--lumo-space-s: var(--space-s);--lumo-space-m: var(--space-m);--lumo-space-l: var(--space-l);--lumo-space-xl: var(--space-xl);--lumo-size-xs: var(--size-xs);--lumo-size-s: var(--size-s);--lumo-size-m: var(--size-m);--lumo-size-l: var(--size-l);--lumo-size-xl: var(--size-xl);--lumo-border-radius-s: var(--radius-s);--lumo-border-radius-m: var(--radius-m);--lumo-border-radius-l: var(--radius-l);--lumo-box-shadow-xs: var(--shadow-xs);--lumo-box-shadow-s: var(--shadow-s);--lumo-box-shadow-m: var(--shadow-m);--lumo-box-shadow-l: var(--shadow-l);--lumo-box-shadow-xl: var(--shadow-xl);--lumo-clickable-cursor: var(--clickable-cursor);--aura-background-color-light: var(--paper);--aura-accent-color-light: var(--accent);--aura-red: var(--crimson);--aura-green: var(--success);--aura-orange: var(--ochre);--aura-yellow: var(--ochre);--aura-blue: var(--accent);--aura-font-family: var(--body-font);--aura-app-layout-inset: 0px;--aura-base-font-size: 14;--aura-base-radius: 1.5;--vaadin-text-color: var(--ink);--vaadin-text-color-secondary: var(--ink-2);--vaadin-text-color-disabled: var(--ink-disabled);--vaadin-background-color: var(--paper);--vaadin-radius-s: var(--radius-s);--vaadin-radius-m: var(--radius-m);--vaadin-radius-l: var(--radius-l);--vaadin-focus-ring-color: color-mix(in srgb,var(--accent) 50%,transparent);--vaadin-clickable-cursor: var(--clickable-cursor)}body{background: var(--paper-2)}h1,h2,h3,h4,h5,h6{font-family: var(--display-font);font-weight: 600;letter-spacing: -0.01em;color: var(--ink)}.numeric,vaadin-grid-cell-content.numeric{font-family: var(--mono-font);font-variant-numeric: tabular-nums;font-feature-settings: "tnum"}vaadin-grid{background: var(--paper);--vaadin-grid-cell-padding: 6px 14px;border: 1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius: var(--radius-m)}vaadin-grid::part(body-cell){min-height: 38px}vaadin-grid-cell-content vaadin-button,vaadin-grid-cell-content vaadin-menu-bar{--lumo-size-s: 26px;--lumo-size-m: 26px;--vaadin-button-height: 26px;min-width: 0;margin: 0}vaadin-grid::part(header-cell){font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-2);background: var(--paper-2);border-bottom: 1px solid color-mix(in srgb,var(--ink) 10%,transparent)}vaadin-grid::part(row):hover{background: var(--paper-2)}vaadin-grid.row-clickable::part(body-cell){cursor: pointer}vaadin-grid::part(cell){border-bottom: 1px solid color-mix(in srgb,var(--ink) 6%,transparent)}.list-page{display: flex;flex-direction: column;gap: 22px;width: 100%;height: 100%;min-height: 0;box-sizing: border-box;padding: 36px 48px 40px}.list-page-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;flex-wrap: wrap}.list-page-eyebrow{display: block;margin-bottom: 8px}.list-page-title{font-size: 28px;margin: 0}.list-page-subtitle{display: block;margin-top: 8px;font-size: 13.5px;color: var(--ink-2)}.list-page-actions{display: flex;gap: 10px;flex-wrap: wrap}.list-page-actions vaadin-button:not([theme~="primary"],[theme~="error"],[theme~="success"]),.record-actions vaadin-button:not([theme~="primary"],[theme~="error"],[theme~="success"]),.record-actions vaadin-menu-bar-button{--vaadin-button-text-color: var(--ink-2);--vaadin-button-tertiary-text-color: var(--ink-2)}.list-page-actions vaadin-button:not([theme~="primary"],[theme~="tertiary"],[theme~="error"],[theme~="success"]),.record-actions vaadin-button:not([theme~="primary"],[theme~="tertiary"],[theme~="error"],[theme~="success"]),.record-actions vaadin-menu-bar-button{--vaadin-button-background: var(--paper-3)}.list-sheet{flex: 1;min-height: 0;display: flex;flex-direction: column;background: var(--paper);border: 1px solid var(--rule);border-radius: var(--radius-l);overflow: hidden}.list-sheet-content{flex: 1 1 auto;min-height: 0;overflow: auto}.list-sheet vaadin-grid{border: 0;border-radius: 0;--vaadin-grid-cell-padding: 14px 18px}.list-sheet vaadin-grid::part(header-cell){background: var(--paper);font-size: 10.5px;letter-spacing: 0.05em}.filter-bar{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;padding: 14px 16px;border-bottom: 1px solid var(--rule)}.filter-bar-spacer{flex: 1}.list-sheet-footer{border-top: 1px solid var(--rule);background: var(--paper-3)}.status-chips{display: flex;flex-wrap: wrap;gap: 6px}vaadin-button.chip{height: 30px;min-width: 0;padding: 0 12px;border-radius: var(--radius-m);--vaadin-button-background: var(--paper-3);--vaadin-button-text-color: var(--ink-2);font-family: var(--mono-font);font-size: 11.5px;--vaadin-button-font-weight: 400;text-transform: uppercase}vaadin-button.chip.active{--vaadin-button-background: var(--ink);--vaadin-button-text-color: var(--paper)}vaadin-text-field.list-search{width: 18em}vaadin-text-field.list-search::part(input-field){background: var(--paper-3);border-color: transparent;font-family: var(--mono-font);font-size: 11.5px}.currency-subtotals{display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 32px;padding: 14px 18px}.currency-subtotal{text-align: right}.currency-subtotal-label{display: block;margin-bottom: 4px;font-family: var(--mono-font);font-size: 10px;text-transform: uppercase;color: var(--ink-3)}.currency-subtotal-amount{font-family: var(--mono-font);font-size: 14px;font-weight: 700}.aging-empty{color: var(--ink-faint)}span.aging-over-90{color: var(--accent);font-weight: 700}vaadin-button.aging-over-90{--vaadin-button-text-color: var(--accent);--vaadin-button-tertiary-text-color: var(--accent);--vaadin-button-font-weight: 700;--vaadin-button-tertiary-font-weight: 700}.list-sheet vaadin-grid::part(footer-cell){background: var(--paper-3);font-family: var(--mono-font);font-size: 13px}.aging-note{display: block;padding: 12px 18px;font-size: 11.5px;color: var(--ink-3)}@media (max-width: 800px){.list-page{padding: 20px 16px 24px}}.record-page{--record-top-offset: 61px;display: flex;gap: 24px;width: 100%;box-sizing: border-box;padding: 0 48px 48px}.record-main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 20px}.record-aside{flex: 1;min-width: 0;position: sticky;top: 0;align-self: flex-start;box-sizing: border-box;height: calc(100vh - var(--record-top-offset));padding: 28px 0 24px}.record-header{position: sticky;top: 0;z-index: 5;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;padding: 28px 0 20px;background: var(--paper-2)}.record-identity{display: flex;align-items: center;flex-wrap: wrap;gap: 14px}.record-identity h1{margin: 0;font-size: 26px}.record-square{width: 10px;height: 10px;border-radius: 3px}.record-square.codig{background: var(--codig-color)}.record-square.netstone{background: var(--netstone-color)}.record-actions{display: flex;align-items: center;flex-wrap: wrap;gap: 10px}.record-card{background: var(--paper);border: 1px solid var(--rule);border-radius: var(--radius-l);padding: 22px 24px}.record-card-title{display: block;margin-bottom: 14px}.record-page .dossier-matrix.compact{background: var(--paper);border: 1px solid var(--rule);border-radius: var(--radius-l);overflow-x: auto}.record-mirror{display: flex;align-items: center;gap: 12px;padding: 14px 16px;border-radius: var(--radius-l);font-family: var(--mono-font);font-size: 12px;cursor: pointer}.record-mirror.netstone{background: var(--netstone-soft);color: var(--netstone-color)}.record-mirror.codig{background: var(--codig-soft);color: var(--codig-color)}@media (max-width: 800px){.record-page{flex-direction: column;padding: 0 16px 24px}.record-aside{position: static;flex: none;align-self: stretch;height: 70vh}}.dossier-documents-row{display: flex;align-items: center;gap: 14px;padding: 14px 18px;border-bottom: 1px solid var(--rule-soft)}.dossier-documents-subtitle{flex: 1;font-size: 12.5px;color: var(--ink-2)}.dossier-page{box-sizing: border-box;width: 100%;padding: 28px 48px 48px;display: flex;flex-direction: column;gap: 16px}.dossier-head{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;gap: 16px}.dossier-head h1{margin: 4px 0 0;font-size: 30px}.dossier-client{margin-left: 10px;color: var(--ink-2);font-weight: 400}.dossier-dates{display: flex;gap: 18px;font-family: var(--mono-font);font-size: 12px;color: var(--ink-2)}.dossier-producer{color: var(--ink-2)}.dossier-matrix .dossier-full-link{margin-left: auto}@media (max-width: 800px){.dossier-page{padding: 20px 16px 24px}}.client-page{box-sizing: border-box;width: 100%;padding: 0 48px 48px}.client-title h1{margin: 4px 0 0;font-size: 26px}.client-identity{display: flex;align-items: center;flex-wrap: wrap;gap: 14px}.client-body{display: grid;grid-template-columns: 2fr 1fr;gap: 20px;align-items: start}.client-main,.client-rail{display: flex;flex-direction: column;gap: 20px;min-width: 0}.client-dossier{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--rule-soft)}.client-page .muted{color: var(--ink-2);font-size: 12.5px}@media (max-width: 1000px){.client-body{grid-template-columns: 1fr}}@media (max-width: 800px){.client-page{padding: 0 16px 24px}}vaadin-checkbox:not([disabled]),vaadin-radio-button:not([disabled]),vaadin-drawer-toggle:not([disabled]){cursor: var(--clickable-cursor)}vaadin-date-picker::part(clear-button),vaadin-combo-box::part(clear-button),vaadin-text-field::part(clear-button){cursor: var(--clickable-cursor)}vaadin-button{--vaadin-button-font-weight: 500;--vaadin-button-primary-font-weight: 500}vaadin-button[theme~="primary"]:not([theme~="tertiary"],[theme~="error"],[theme~="success"],[theme~="warning"],[disabled]){--vaadin-button-primary-background: var(--ink);--vaadin-button-primary-text-color: var(--paper);--vaadin-button-background: var(--ink);--vaadin-button-text-color: var(--paper);--vaadin-button-font-weight: 500;border-radius: var(--radius-m)}vaadin-button[theme~="primary"]:not([theme~="tertiary"],[theme~="error"],[theme~="success"],[theme~="warning"],[disabled]):hover{--vaadin-button-primary-background: var(--accent);--vaadin-button-background: var(--accent)}vaadin-button[theme~="primary"][disabled]:not([theme~="tertiary"],[theme~="error"],[theme~="success"],[theme~="warning"]){--vaadin-button-background: var(--ink-disabled);--vaadin-button-text-color: var(--paper)}vaadin-button[theme~="primary"][theme~="tertiary"]{--vaadin-button-primary-text-color: var(--accent);--vaadin-button-text-color: var(--accent);--vaadin-button-background: transparent;--vaadin-button-primary-font-weight: 600;--vaadin-button-font-weight: 600}vaadin-button[theme~="primary"][theme~="tertiary"]:hover:not([disabled]){--vaadin-button-tertiary-background: var(--accent-tint);--vaadin-button-background: var(--accent-tint)}vaadin-button[theme~="primary"][theme~="tertiary"][disabled]{--lumo-base-color: var(--ink-disabled);--vaadin-button-primary-text-color: var(--ink-disabled);--vaadin-button-text-color: var(--ink)}vaadin-button.text-button,vaadin-menu-bar.text-button vaadin-menu-bar-button{--vaadin-button-height: auto;--vaadin-button-padding: 0;--vaadin-button-tertiary-padding: 0;--vaadin-button-background: transparent;--vaadin-button-tertiary-text-color: var(--vaadin-button-text-color,var(--accent));height: auto;min-width: 0;padding: 0;font-size: inherit;line-height: inherit}vaadin-button.text-button{margin: 0}vaadin-menu-bar.text-button vaadin-menu-bar-button{margin-block: calc(var(--space-xs) / 2)}vaadin-button.text-button::before,vaadin-menu-bar.text-button vaadin-menu-bar-button::before{display: none}vaadin-menu-bar.text-button vaadin-menu-bar-button::part(suffix){display: none}vaadin-button.text-button::part(label),vaadin-menu-bar.text-button vaadin-menu-bar-button::part(label){padding: 0;line-height: inherit;overflow: visible}vaadin-button.neutral{--vaadin-button-text-color: var(--ink);--vaadin-button-tertiary-text-color: var(--ink)}vaadin-grid.compact::part(header-cell){min-height: var(--size-m)}vaadin-button.saved[disabled]{background: var(--success);color: var(--paper);opacity: 1}vaadin-notification-card.notice::part(overlay){--vaadin-notification-background: var(--ink);background: var(--ink);color: var(--paper)}.line-totals{gap: var(--space-m);padding-block: var(--space-s)}.line-total-strong{font-weight: 700}vaadin-app-layout::part(drawer){width: 248px;background: var(--paper);border-right: 1px solid var(--rule)}vaadin-app-layout::part(navbar){min-height: 60px;background: var(--paper-2);border-bottom: 1px solid var(--rule);padding-right: 36px}vaadin-app-layout::part(content){background: var(--paper-2)}.drawer-logo{display: flex;align-items: center;gap: 10px;padding: 24px 24px 22px;color: var(--ink);text-decoration: none}.logo-swatch{width: 26px;height: 26px;border-radius: var(--radius-m);overflow: hidden;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;flex-shrink: 0}.logo-swatch>span:nth-child(1){background: var(--accent)}.logo-swatch>span:nth-child(2){background: var(--codig-color)}.logo-swatch>span:nth-child(3){background: var(--netstone-color)}.logo-swatch>span:nth-child(4){background: var(--ink)}.logo-name{font-weight: 700;font-size: 13.5px}vaadin-side-nav.app-nav{font-size: 13.5px;margin: 0 18px}vaadin-side-nav-item::part(content){border-radius: var(--radius-m);color: var(--ink-2);font-weight: 500}vaadin-side-nav-item::part(content):hover{background: var(--paper-3)}vaadin-side-nav-item[current]::part(content){background: var(--paper-3);color: var(--ink);font-weight: 600}vaadin-side-nav-item::part(toggle-button){color: var(--ink-3)}.top-bar{display: flex;align-items: center;justify-content: space-between;gap: 18px;flex: 1;min-width: 0;padding-left: 12px}.top-bar-crumb{font-family: var(--mono-font);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-3);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}.top-bar-actions{display: flex;align-items: center;gap: 18px;flex-shrink: 0}vaadin-button.top-bar-search{--vaadin-button-background: var(--paper);--vaadin-button-text-color: var(--ink-3);border: 1px solid var(--rule);border-radius: var(--radius-m);font-family: var(--mono-font);font-size: 12px;--vaadin-button-font-weight: 400}.top-bar-search .keycap{font-family: var(--mono-font);font-size: 10px;color: var(--accent);background: var(--ochre-soft);padding: 1px 5px;border-radius: var(--radius-s)}.top-bar-user{font-size: 13px;font-weight: 600}.top-bar-link{font-size: 12.5px;color: var(--accent);text-decoration: none}vaadin-button.top-bar-logout{--vaadin-button-text-color: var(--ink-2);--vaadin-button-tertiary-text-color: var(--ink-2)}@media (max-width: 800px){vaadin-app-layout::part(navbar){padding-right: 12px}.top-bar-user,.top-bar-link{display: none}vaadin-button.top-bar-search::part(label){display: none}}@media (max-width: 480px){.top-bar,.top-bar-actions{gap: 10px}vaadin-button.top-bar-report{display: none}}vaadin-dialog::part(overlay),vaadin-confirm-dialog::part(overlay){background: var(--paper);border: 1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius: var(--radius-l);box-shadow: var(--shadow-xl)}vaadin-dialog::part(backdrop),vaadin-confirm-dialog::part(backdrop){background: color-mix(in srgb,var(--ink) 40%,transparent)}vaadin-text-field::part(label),vaadin-text-area::part(label),vaadin-combo-box::part(label),vaadin-date-picker::part(label),vaadin-number-field::part(label),vaadin-select::part(label){font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-2)}vaadin-text-field::part(input-field),vaadin-text-area::part(input-field),vaadin-combo-box::part(input-field),vaadin-date-picker::part(input-field),vaadin-number-field::part(input-field),vaadin-select::part(input-field){background: var(--paper);border: 1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius: var(--radius-m);box-shadow: none}vaadin-text-field[focused]::part(input-field),vaadin-combo-box[focused]::part(input-field),vaadin-date-picker[focused]::part(input-field),vaadin-number-field[focused]::part(input-field){border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent)}.pill{display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;border-radius: 999px;font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap;line-height: 1.6}.pill.codig{color: var(--codig-color);background: var(--codig-soft)}.pill.netstone{color: var(--netstone-color);background: var(--netstone-soft)}.pill.draft{color: var(--slate);background: var(--slate-soft)}.pill.validated{color: var(--success);background: var(--success-soft)}.pill.invoiced{color: var(--success);background: var(--success-soft)}.pill.sent{color: var(--slate);background: var(--slate-soft)}.pill.received{color: var(--success);background: var(--success-soft)}.pill.issued{color: var(--codig-color);background: var(--codig-soft)}.pill.paid{color: var(--success);background: var(--success-soft)}.pill.overdue{color: var(--crimson);background: var(--crimson-soft)}.pill.disputed{color: var(--crimson);background: var(--crimson-soft)}.pill.incident{color: var(--crimson);background: var(--crimson-soft)}.pill.prepared{color: var(--slate);background: var(--slate-soft)}.pill.shipped{color: var(--codig-color);background: var(--codig-soft)}.pill.transit{color: var(--codig-color);background: var(--codig-soft)}.pill.arrived{color: var(--codig-color);background: var(--codig-soft)}.pill.inspected{color: var(--success);background: var(--success-soft)}.pill.verified{color: var(--success);background: var(--success-soft)}.pill.warn{color: var(--ochre);background: var(--ochre-soft)}.pill.cancelled{color: var(--ink-3);background: var(--paper-3)}.stripe-codig{background: var(--codig-color)}.stripe-netstone{background: var(--netstone-color)}.mini-flow{display: inline-grid;grid-template-columns: repeat(4,12px);gap: 2px;align-items: center}.mini-flow>span{height: 4px;background: var(--rule);border-radius: 1px}.mini-flow>span.done{background: var(--success)}.mini-flow>span.curr{background: var(--accent)}.mini-flow>span.crit{background: var(--crimson)}.doc-ref{font-family: var(--mono-font);font-size: 12px}.doc-ref b{color: var(--ink);font-weight: 500}.doc-ref span{color: var(--ink-3)}.eyebrow{font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--ink-3)}.maritime-page{max-width: 1220px}.maritime-panel,.maritime-chart{background: var(--paper);border: 1px solid var(--rule);padding: 16px 18px;box-shadow: var(--shadow-xs);width: 100%;box-sizing: border-box}.maritime-panel p,.maritime-chart p{margin: 0;color: var(--ink-2)}.maritime-chart-host{min-height: 360px;width: 100%;overflow: visible}.maritime-empty{color: var(--ink-2);min-height: 24px}.maritime-legend{display: flex;flex-wrap: wrap;gap: 10px 16px;margin-bottom: 12px}.maritime-legend-item{display: inline-flex;align-items: center;gap: 8px;font-family: var(--mono-font);font-size: 11px;color: var(--ink-2)}.maritime-legend-swatch{width: 12px;height: 12px;flex: 0 0 12px}.maritime-manual-grid{width: 100%}.maritime-manual-details{width: 100%}.maritime-manual-details::part(summary){font-family: var(--mono-font);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-2)}.display-title{font-family: var(--display-font);font-weight: 600;letter-spacing: -0.02em;line-height: 1;margin: 0}.display-title em{font-style: italic;color: var(--accent)}.dash-hero{padding: 32px 32px 28px;display: grid;grid-template-columns: 1fr auto;gap: 32px;border-bottom: 1px solid var(--rule);align-items: end}.dash-hero .title{font-family: var(--display-font);font-weight: 600;font-size: 38px;line-height: 1;letter-spacing: -0.025em;margin: 4px 0 0}.dash-hero .sub{margin-top: 12px;font-size: 14px;color: var(--ink-2);max-width: 58ch}.dash-hero .actions{display: flex;gap: 8px}.kpi-strip{display: grid;grid-template-columns: repeat(4,1fr);padding: 22px 32px;border-bottom: 1px solid var(--rule)}.kpi-tile{padding: 4px 22px;border-left: 1px solid var(--rule)}.kpi-tile:first-child{padding-left: 0;border-left: 0}.kpi-tile .label{font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--ink-3);margin-bottom: 8px}.kpi-tile .value{font-family: var(--display-font);font-weight: 600;font-size: 28px;line-height: 1;letter-spacing: -0.01em;display: flex;align-items: baseline;gap: 6px}.kpi-tile .value .unit{font-family: var(--mono-font);font-size: 13px;color: var(--ink-3)}.kpi-tile .delta{margin-top: 6px;font-family: var(--mono-font);font-size: 11px;color: var(--ink-3)}.kpi-tile .delta.crit{color: var(--crimson)}.kpi-tile .delta.ok{color: var(--success)}.dash-grid{display: grid;grid-template-columns: 1.35fr 1fr}.dash-panel{padding: 28px 32px;border-bottom: 1px solid var(--rule)}.dash-panel + .dash-panel{border-left: 1px solid var(--rule)}.dash-panel .head{display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 18px}.dash-panel .head h2{font-family: var(--display-font);font-weight: 600;font-size: 20px;letter-spacing: -0.01em;margin: 0}.dash-panel .head h2 em{font-style: italic;color: var(--ink-3);font-weight: 350}.dash-panel .head .meta{font-family: var(--mono-font);font-size: 11px;color: var(--ink-3);align-self: flex-start;margin-top: 4px;text-align: right}.dash-panel .head .sub{display: block;font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-3);margin-top: 6px}.queue-row{display: grid;grid-template-columns: 3px 96px 1fr auto;gap: 14px;padding: 12px 4px 12px 0;border-bottom: 1px solid var(--rule-soft);align-items: center}.queue-row:last-child{border-bottom: 0}.queue-row:hover{background: var(--paper-2);cursor: pointer}.queue-row .pri{height: 100%;min-height: 40px;align-self: stretch}.queue-row .pri.crit{background: var(--crimson)}.queue-row .pri.mto{background: var(--ochre)}.queue-row .pri.neutral{background: var(--slate)}.queue-row .ref-id{font-family: var(--mono-font);font-size: 11px;color: var(--ink-3)}.queue-row .ref-id b{color: var(--ink);font-weight: 500}.queue-row .text strong{font-size: 13px;font-weight: 500}.queue-row .text span{display: block;font-family: var(--mono-font);font-size: 11px;color: var(--ink-3);margin-top: 1px}.ledger-section{padding: 28px 32px 12px}.ledger-section h2{font-family: var(--display-font);font-weight: 600;font-size: 26px;letter-spacing: -0.01em;margin: 0 0 14px}.ledger-section h2 em{font-style: italic;color: var(--ink-3)}.dash-ledger{margin: 0 32px 28px;border: 1px solid var(--rule);border-radius: var(--radius-m);background: var(--paper);overflow: hidden}.dash-ledger .row,.dash-ledger .head-row{display: grid;grid-template-columns: 4px 90px 130px 1fr 120px 110px 90px 110px;gap: 12px;align-items: center;padding: 12px 14px}.dash-ledger .head-row{background: var(--paper-2);border-bottom: 1px solid var(--rule);font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-3)}.dash-ledger .row{border-bottom: 1px solid var(--rule-soft)}.dash-ledger .row:last-child{border-bottom: 0}.dash-ledger .row:hover{background: var(--paper-2);cursor: pointer}.dash-ledger .stripe{align-self: stretch;height: 100%}.dash-ledger .num{font-family: var(--mono-font);font-size: 12px;font-feature-settings: "tnum";font-variant-numeric: tabular-nums;text-align: right}.dash-ledger .num.red{color: var(--crimson)}.dash-ledger .right{text-align: right}.dash-ledger .doc-kind{font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-2)}.dash-ledger .party strong{font-weight: 500}.dash-ledger .party em{font-family: var(--mono-font);font-style: normal;font-size: 11px;color: var(--ink-3)}.dash-empty{padding: 30px 0;text-align: center;font-style: italic;color: var(--ink-3)}.heat{display: grid;grid-template-columns: 70px 1fr;gap: 6px 12px;margin-top: 22px;font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-3)}.heat .row{display: grid;grid-template-columns: repeat(28,1fr);gap: 2px}.heat .row span{aspect-ratio: 1;background: var(--paper-3);border-radius: 1px}.heat .row span.l1{background: var(--heat-1)}.heat .row span.l2{background: var(--heat-2)}.heat .row span.l3{background: var(--heat-3)}.heat .row span.l4{background: var(--success)}.heat .axis{align-self: center}.heat .row span{cursor: default}.heat-foot{display: grid;grid-template-columns: repeat(28,1fr);margin-top: 10px;font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.1em;color: var(--ink-3)}.heat-foot>span{grid-column: span 7;text-align: left}.dossier-matrix{padding: 14px 0 18px;background: var(--paper-2);border-bottom: 1px solid var(--rule);border-top: 1px solid var(--rule)}.dossier-matrix .head{display: flex;justify-content: space-between;align-items: baseline;padding: 0 28px 10px}.dossier-matrix .title{font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.2em;text-transform: uppercase;color: var(--ink-3)}.dossier-matrix .hint{font-family: var(--mono-font);font-size: 11px;color: var(--ink-3)}.dossier-matrix .hint b{color: var(--ink);font-weight: 500}.dossier-matrix .dossier-dates{display: flex;align-items: baseline;gap: 14px;padding: 14px 28px 0}.dossier-matrix .dossier-dates-label{font-family: var(--mono-font);font-size: 9px;letter-spacing: 0.16em;text-transform: uppercase;color: var(--ink-3)}.dossier-matrix .dossier-date{padding-top: 0}.dossier-matrix .dossier-date-badge{font-size: var(--text-2xs);color: var(--ink-2)}.dossier-matrix .dossier-date-proposal{display: flex;align-items: center;gap: var(--space-xs);font-size: var(--text-xs)}.dossier-matrix .dossier-dates-refresh{padding: 0}.dossier-matrix .grid{display: grid;grid-template-columns: 84px repeat(5,1fr);padding: 0 28px}.dossier-matrix .col-head{font-family: var(--mono-font);font-size: 9px;letter-spacing: 0.16em;text-transform: uppercase;color: var(--ink-3);text-align: center;padding-bottom: 8px}.dossier-matrix .row-head{font-family: var(--display-font);font-size: 14px;font-weight: 400;align-self: center;padding-right: 10px;display: flex;align-items: center;gap: 6px}.dossier-matrix .row-head .swatch{width: 7px;height: 7px;border-radius: 50%}.dossier-matrix .row-head .swatch.codig{background: var(--codig-color)}.dossier-matrix .row-head .swatch.netstone{background: var(--netstone-color)}.dossier-matrix .cell{position: relative;background: var(--paper);border: 1px solid var(--rule);margin: 0 -1px -1px 0;padding: 6px 10px 6px;min-height: 54px;display: flex;flex-direction: column;gap: 2px;outline: none}.dossier-matrix .cell.actionable{cursor: pointer}.dossier-matrix .cell.actionable:hover{background: var(--paper-2);border-color: var(--ink);z-index: 2}.dossier-matrix .cell:focus-visible{border-color: var(--accent);box-shadow: 0 0 0 2px var(--accent-tint);z-index: 3}.dossier-matrix .cell.current{border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent) inset;z-index: 1}.dossier-matrix .cell.current::before{content: "";position: absolute;top: -1px;left: -1px;right: -1px;height: 2px;background: var(--accent)}.dossier-matrix .cell.empty{background: var(--paper-2);color: var(--ink-3)}.dossier-matrix .cell-ref{font-family: var(--mono-font);font-size: 11px;font-weight: 500;color: var(--ink);line-height: 1.2}.dossier-matrix .cell.empty .cell-ref{color: var(--ink-3);font-style: italic}.dossier-matrix .cell-subtitle{font-size: 10px;color: var(--ink-2);line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dossier-matrix .cell-status{margin-top: auto;display: flex;align-items: center;gap: 6px}.dossier-matrix .cell-status .pill{font-size: 9px;padding: 1px 6px}@keyframes dash-rise{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.dash-reveal>*{opacity: 0;animation: dash-rise 0.6s cubic-bezier(0.2,0.7,0.2,1) forwards}.dash-reveal>*:nth-child(1){animation-delay: 0.05s}.dash-reveal>*:nth-child(2){animation-delay: 0.12s}.dash-reveal>*:nth-child(3){animation-delay: 0.20s}.dash-reveal>*:nth-child(4){animation-delay: 0.28s}.dash-reveal>*:nth-child(5){animation-delay: 0.36s}.cmd-palette-overlay::part(overlay){background: var(--paper);border: 0;border-radius: var(--radius-l);box-shadow: var(--shadow-xl);padding: 0;width: 600px;max-width: 92vw}.cmd-palette{display: flex;flex-direction: column}.cmd-palette-bar{display: flex;align-items: center;gap: 12px;padding: 12px 16px;border-bottom: 1px solid var(--rule)}.cmd-palette-overlay::part(backdrop){background: color-mix(in srgb,var(--ink) 50%,transparent)}.cmd-palette-bar .icon{font-family: var(--mono-font);font-size: 14px;color: var(--ink-faint)}.cmd-palette-input::part(input-field){background: transparent;border: 0;box-shadow: none;font-family: var(--mono-font);font-size: 14px}.cmd-palette-input::part(input-field):hover,.cmd-palette-input[focused]::part(input-field){border: 0;box-shadow: none}.cmd-palette-list{max-height: 380px;overflow: auto;display: flex;flex-direction: column}.cmd-palette-group{padding: 14px 18px 4px;font-family: var(--mono-font);font-size: 10px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--ink-3)}.cmd-palette-item{display: grid;grid-template-columns: 14px 1fr auto;gap: 12px;align-items: center;padding: 9px 8px;margin: 0 10px;border-radius: var(--radius-m);font-size: 12.5px;color: var(--ink-2);cursor: pointer}.cmd-palette-item:hover,.cmd-palette-item.is-active{background: var(--paper-2);box-shadow: none}.cmd-palette-item .label{display: block;font-family: var(--mono-font);font-size: 13px;font-weight: 600;color: var(--ink)}.company-dot{display: inline-block;width: 7px;height: 7px;border-radius: 2px}.company-dot.codig{background: var(--codig-color)}.company-dot.netstone{background: var(--netstone-color)}.cmd-palette-item small{display: block;font-family: var(--mono-font);font-size: 11px;color: var(--ink-3);margin-top: 1px}.cmd-palette-foot{display: flex;gap: 18px;padding: 10px 16px;border-top: 1px solid var(--rule);background: var(--paper-2);font-family: var(--mono-font);font-size: 11px;color: var(--ink-3)}.cmd-palette-foot b{color: var(--ink);font-weight: 500;margin-right: 4px}.cmd-palette-tag{font-family: var(--mono-font);font-size: 9px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-3);padding: 2px 6px;border: 1px solid var(--rule);border-radius: 999px;white-space: nowrap}.cmd-palette-empty{padding: 30px;text-align: center;font-style: italic;color: var(--ink-3)}.dossier-dates-unavailable{font-size: var(--text-2xs);color: var(--ink-2);font-style: italic}