#routepilot-invoice-list {
      color-scheme: light dark;
      -webkit-text-size-adjust: 100%;
      --rp-bg: light-dark(#f3f6fb, #111923);
      --rp-paper: light-dark(#ffffff, #1a2634);
      --rp-ink: light-dark(#172b44, #edf3fc);
      --rp-muted: light-dark(#5f7188, #abbace);
      --rp-line: light-dark(#dce4ee, #344357);
      --rp-blue: light-dark(#235fd5, #8bb6ff);
      --rp-button: light-dark(#245dd7, #aac9ff);
      --rp-button-text: light-dark(#ffffff, #142b49);
      --rp-selected: light-dark(#eaf1ff, #273b58);
      --rp-green: light-dark(#197155, #89d6b9);
      --rp-green-bg: light-dark(#eaf7f0, #1e3c33);
      --rp-amber: light-dark(#875300, #ffd38c);
      --rp-amber-bg: light-dark(#fff3dd, #493721);
      --rp-red: light-dark(#b53641, #ffabb2);
      font: 15px/1.45 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--rp-ink);
      width: 100%;
    }
    #routepilot-invoice-list * { box-sizing: border-box; }
    #routepilot-invoice-list [hidden] { display: none !important; }
    #routepilot-invoice-list button, #routepilot-invoice-list input { font: inherit; }
    #routepilot-invoice-list button { cursor: pointer; }
    #routepilot-invoice-list button:disabled { cursor: default; opacity: .55; }
    #routepilot-invoice-list .rp-demo-label { color: var(--rp-muted); font-size: 12px; margin: 0 0 10px; }
    #routepilot-invoice-list .rp-window { background: var(--rp-bg); border: 1px solid var(--rp-line); border-radius: 16px; position: relative; container-type: inline-size; }
    #routepilot-invoice-list .rp-shell { display: grid; grid-template-columns: 90px minmax(0, 1fr); }
    #routepilot-invoice-list .rp-sidebar { background: var(--rp-paper); border-right: 1px solid var(--rp-line); border-radius: 16px 0 0 16px; padding: 25px 10px; display: flex; flex-direction: column; gap: 10px; }
    #routepilot-invoice-list .rp-nav-item { display: grid; justify-items: center; gap: 6px; padding: 12px 2px; background: transparent; color: var(--rp-muted); border: 0; border-radius: 10px; font-size: 12px; }
    #routepilot-invoice-list .rp-nav-item svg { width: 21px; height: 21px; }
    #routepilot-invoice-list .rp-nav-item[aria-current="page"] { background: var(--rp-selected); color: var(--rp-blue); font-weight: 600; }
    #routepilot-invoice-list .rp-main { padding: 0; min-width: 0; }
    #routepilot-invoice-list .rp-page-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
    #routepilot-invoice-list h2 { color: var(--rp-ink); font: inherit; font-weight: 700; font-size: 28px; letter-spacing: -.6px; margin: 0; }
    #routepilot-invoice-list .rp-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 8px 12px; border: 1px solid var(--rp-line); border-radius: 9px; color: var(--rp-ink); background: var(--rp-paper); white-space: nowrap; font-size: 14px; font-weight: 600; }
    #routepilot-invoice-list .rp-button svg { width: 17px; height: 17px; }
    #routepilot-invoice-list .rp-primary { background: var(--rp-button); border-color: var(--rp-button); color: var(--rp-button-text); }
    #routepilot-invoice-list .rp-toolbar { margin-bottom: 16px; }
    #routepilot-invoice-list .rp-search { display: flex; align-items: center; gap: 8px; background: var(--rp-paper); border: 1px solid var(--rp-line); border-radius: 10px; padding: 11px 14px; width: 100%; min-width: 0; color: var(--rp-muted); }
    #routepilot-invoice-list .rp-search svg { width: 18px; height: 18px; flex-shrink: 0; }
    #routepilot-invoice-list .rp-search input { border: 0; padding: 0; background: transparent; color: var(--rp-ink); width: 100%; min-width: 0; font-size: 14px; }
    #routepilot-invoice-list .rp-search input::placeholder { color: var(--rp-muted); opacity: 1; }
    #routepilot-invoice-list .rp-summary { display: flex; gap: 12px; justify-content: space-between; align-items: center; color: var(--rp-muted); font-size: 13px; margin-bottom: 12px; flex-wrap: wrap; }
    #routepilot-invoice-list .rp-summary strong { font-weight: 600; color: var(--rp-ink); }
    #routepilot-invoice-list .rp-order { display: flex; gap: 5px; align-items: center; white-space: nowrap; }
    #routepilot-invoice-list .rp-order svg { width: 14px; height: 14px; }
    #routepilot-invoice-list .rp-list { background: var(--rp-paper); border: 1px solid var(--rp-line); border-radius: 12px; }
    #routepilot-invoice-list .rp-column-head, #routepilot-invoice-list .rp-row-main { display: grid; grid-template-columns: minmax(190px, 1fr) 62px minmax(90px, .37fr) minmax(110px, .46fr) 106px; column-gap: 16px; align-items: center; }
    #routepilot-invoice-list .rp-column-head { color: var(--rp-muted); font-size: 12px; padding: 13px 16px; border-bottom: 1px solid var(--rp-line); }
    #routepilot-invoice-list .rp-column-head > :not(:first-child) { text-align: right; }
    #routepilot-invoice-list .rp-column-head > :nth-child(2) { text-align: center; }
    #routepilot-invoice-list .rp-invoice-row { padding: 17px 16px; }
    #routepilot-invoice-list .rp-invoice-row + .rp-invoice-row { border-top: 1px solid var(--rp-line); }
    #routepilot-invoice-list .rp-location { background: transparent; border: 0; color: var(--rp-ink); text-align: left; padding: 0; font-size: 18px; font-weight: 650; line-height: 1.35; }
    #routepilot-invoice-list .rp-location:hover { color: var(--rp-blue); }
    #routepilot-invoice-list .rp-invoice-meta { color: var(--rp-muted); font-size: 12px; margin-top: 5px; display: flex; flex-wrap: wrap; gap: 4px 10px; }
    #routepilot-invoice-list .rp-period { color: var(--rp-muted); font-size: 12px; margin-top: 3px; }
    #routepilot-invoice-list .rp-review { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 13px; color: var(--rp-green); }
    #routepilot-invoice-list .rp-review svg { width: 17px; height: 17px; }
    #routepilot-invoice-list .rp-review.rp-warning { color: var(--rp-amber); }
    #routepilot-invoice-list .rp-mobile-review-label { display: none; }
    #routepilot-invoice-list .rp-money { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 16px; font-weight: 500; }
    #routepilot-invoice-list .rp-due { font-size: 20px; font-weight: 750; letter-spacing: -.4px; }
    #routepilot-invoice-list .rp-money-label { display: none; font-size: 12px; color: var(--rp-muted); font-weight: 400; letter-spacing: 0; margin-bottom: 3px; }
    #routepilot-invoice-list .rp-collected { color: var(--rp-muted); font-size: 12px; margin-top: 4px; text-align: right; font-weight: 400; letter-spacing: 0; }
    #routepilot-invoice-list .rp-approval { display: inline-flex; align-items: center; gap: 4px; color: var(--rp-amber); background: var(--rp-amber-bg); border-radius: 5px; font-size: 11px; padding: 3px 6px; margin-top: 6px; }
    #routepilot-invoice-list .rp-approval svg { width: 12px; height: 12px; }
    #routepilot-invoice-list .rp-settled { color: var(--rp-green); background: var(--rp-green-bg); }
    #routepilot-invoice-list .rp-actions { display: flex; justify-content: flex-end; gap: 5px; flex-wrap: wrap; }
    #routepilot-invoice-list .rp-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--rp-line); color: var(--rp-muted); border-radius: 7px; background: var(--rp-paper); }
    #routepilot-invoice-list .rp-icon-button svg { width: 16px; height: 16px; }
    #routepilot-invoice-list .rp-collect { font-size: 12px; min-height: 32px; padding: 5px 8px; width: 100%; color: var(--rp-blue); background: var(--rp-selected); border-color: transparent; }
    #routepilot-invoice-list .rp-row-breakdown { display: flex; justify-content: space-between; gap: 12px; margin-top: 15px; padding-top: 12px; border-top: 1px dashed var(--rp-line); flex-wrap: wrap; }
    #routepilot-invoice-list .rp-row-breakdown span { color: var(--rp-muted); font-size: 12px; }
    #routepilot-invoice-list .rp-row-breakdown b { display: block; color: var(--rp-ink); font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; margin-top: 2px; }
    #routepilot-invoice-list .rp-empty { padding: 40px 20px; text-align: center; color: var(--rp-muted); }
    #routepilot-invoice-list .rp-bottom-nav { display: none; }
    #routepilot-invoice-list .rp-footnote { font-size: 12px; color: var(--rp-muted); margin-top: 12px; display: flex; gap: 6px; align-items: center; }
    #routepilot-invoice-list .rp-footnote svg { width: 14px; height: 14px; }
    #routepilot-invoice-list .rp-toast { background: var(--rp-paper); border: 1px solid var(--rp-blue); padding: 10px 14px; border-radius: 9px; margin-top: 12px; font-size: 13px; color: var(--rp-ink); }
    #routepilot-invoice-list .rp-overlay { position: absolute; inset: 0; z-index: 3; background: light-dark(#1d304c66, #00000099); border-radius: 16px; display: flex; align-items: flex-start; justify-content: flex-end; padding: 14px; }
    #routepilot-invoice-list .rp-dialog { width: 370px; max-width: 100%; background: var(--rp-paper); border: 1px solid var(--rp-line); border-radius: 12px; padding: 20px; box-shadow: 0 12px 36px light-dark(#12264426, #00000066); }
    #routepilot-invoice-list .rp-dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
    #routepilot-invoice-list .rp-dialog h3 { color: var(--rp-ink); font-size: 20px; line-height: 1.3; font-weight: 650; margin: 0 0 4px; }
    #routepilot-invoice-list .rp-dialog small { color: var(--rp-muted); font-size: 12px; }
    #routepilot-invoice-list .rp-dialog dl { margin: 18px 0; }
    #routepilot-invoice-list .rp-dialog dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; }
    #routepilot-invoice-list .rp-dialog dt { color: var(--rp-muted); font-size: 14px; }
    #routepilot-invoice-list .rp-dialog dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
    #routepilot-invoice-list .rp-dialog .rp-total-line { border-top: 1px solid var(--rp-line); margin-top: 6px; padding-top: 14px; }
    #routepilot-invoice-list .rp-dialog .rp-total-line dd { font-size: 24px; }
    #routepilot-invoice-list .rp-dialog .rp-menu-option { width: 100%; justify-content: flex-start; margin-top: 7px; }
    #routepilot-invoice-list .rp-delete { color: var(--rp-red); }
    #routepilot-invoice-list .rp-copy-text { font-size: 13px; white-space: pre-wrap; background: var(--rp-bg); color: var(--rp-ink); padding: 14px; border-radius: 8px; user-select: text; }
    #routepilot-invoice-list[data-layout="cards"] .rp-list { background: transparent; border: 0; }
    #routepilot-invoice-list[data-layout="cards"] .rp-column-head { border: 0; }
    #routepilot-invoice-list[data-layout="cards"] .rp-invoice-row { border: 1px solid var(--rp-line); background: var(--rp-paper); border-radius: 12px; margin-bottom: 10px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-window { max-width: 410px; margin-inline: auto; }
    #routepilot-invoice-list[data-view="mobile"] .rp-shell { display: block; }
    #routepilot-invoice-list[data-view="mobile"] .rp-sidebar { display: none; }
    #routepilot-invoice-list[data-view="mobile"] .rp-main { padding: 18px 14px 14px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-page-title { margin-bottom: 15px; }
    #routepilot-invoice-list[data-view="mobile"] h2 { font-size: 26px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-search input { font-size: 16px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-column-head { display: none; }
    #routepilot-invoice-list[data-view="mobile"] .rp-list { background: transparent; border: 0; }
    #routepilot-invoice-list[data-view="mobile"] .rp-invoice-row { border: 1px solid var(--rp-line); background: var(--rp-paper); border-radius: 12px; padding: 15px; margin-bottom: 10px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-row-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-identity { grid-column: 1 / -1; }
    #routepilot-invoice-list[data-view="mobile"] .rp-location { font-size: 19px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-invoice-meta { font-size: 13px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-period { font-size: 13px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-machine-net { grid-column: 1; grid-row: 2; text-align: left; font-size: 18px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-due-cell { grid-column: 2; grid-row: 2; }
    #routepilot-invoice-list[data-view="mobile"] .rp-due { font-size: 23px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-money-label { display: block; }
    #routepilot-invoice-list[data-view="mobile"] .rp-review { grid-column: 1; grid-row: 3; justify-content: flex-start; font-size: 12px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-mobile-review-label { display: inline; }
    #routepilot-invoice-list[data-view="mobile"] .rp-review-count { display: none; }
    #routepilot-invoice-list[data-view="mobile"] .rp-actions { grid-column: 2; grid-row: 3; flex-wrap: nowrap; gap: 5px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-collect { width: auto; min-height: 36px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-icon-button { width: 36px; min-width: 36px; height: 36px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-summary { align-items: flex-start; font-size: 12px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-summary-total { display: block; margin-top: 2px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-bottom-nav { display: flex; justify-content: space-around; padding: 8px; border-top: 1px solid var(--rp-line); background: var(--rp-paper); border-radius: 0 0 16px 16px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-nav-item { padding: 7px 10px; gap: 3px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-overlay { padding: 8px; }
    #routepilot-invoice-list[data-view="mobile"] .rp-dialog { width: 100%; }
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-shell { grid-template-columns: 62px minmax(0, 1fr); }
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-sidebar { padding-inline: 5px; }
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-main { padding: 20px 16px; }
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-column-head,
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-row-main { grid-template-columns: minmax(166px, 1fr) 42px minmax(88px, .35fr) minmax(122px, .45fr) 94px; column-gap: 10px; }
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-column-head,
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-invoice-row { padding-inline: 12px; }
    #routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-collected { white-space: normal; }
    @container (max-width: 360px) {
      #routepilot-invoice-list[data-view="mobile"] .rp-review { grid-column: 1 / -1; }
      #routepilot-invoice-list[data-view="mobile"] .rp-actions { grid-row: 4; grid-column: 1 / -1; }
    }
    @media (pointer: coarse) {
      #routepilot-invoice-list .rp-icon-button, #routepilot-invoice-list[data-view="mobile"] .rp-icon-button { width: 44px; min-width: 44px; height: 44px; }
      #routepilot-invoice-list .rp-button { min-height: 44px; }
      #routepilot-invoice-list[data-view="mobile"] .rp-review { grid-column: 1 / -1; }
      #routepilot-invoice-list[data-view="mobile"] .rp-actions { grid-row: 4; grid-column: 1 / -1; }
      #routepilot-invoice-list[data-view="mobile"] .rp-collect { min-height: 44px; }
    }
/* The application supplies its own navigation. These are the approved list
   surfaces only, shared unchanged with the native iOS web view. */
#routepilot-invoice-list { display: block; min-width: 0; container-type: inline-size; }
#routepilot-invoice-list :is(button,input) { letter-spacing: normal; text-transform: none; }
#routepilot-invoice-list .rp-title-actions { display: flex; gap: 8px; align-items: center; }
#routepilot-invoice-list .rp-main,
#routepilot-invoice-list[data-view="mobile"] .rp-main,
#routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-main { padding: 0; }
#routepilot-invoice-list .rp-list { overflow-x: auto; }
#routepilot-invoice-list .rp-column-head,
#routepilot-invoice-list .rp-row-main,
#routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-column-head,
#routepilot-invoice-list[data-view="desktop"][data-compact="true"] .rp-row-main { grid-template-columns: minmax(166px,1fr) 44px minmax(var(--rp-amount-width,110px),.37fr) minmax(var(--rp-amount-width,110px),.46fr) 106px; gap: 16px; }
#routepilot-invoice-list[data-view="desktop"] .rp-column-head,
#routepilot-invoice-list[data-view="desktop"] .rp-invoice-row { min-width: calc(412px + 2 * var(--rp-amount-width,110px)); }
#routepilot-invoice-list .rp-money strong { display: block; font: inherit; font-variant-numeric: tabular-nums; }
#routepilot-invoice-list .rp-money .rp-due { font-size: 20px; font-weight: 750; }
#routepilot-invoice-list .rp-review { border: 0; background: transparent; padding: 5px 0; min-height: 34px; }
#routepilot-invoice-list .rp-collected { white-space: normal; }
#routepilot-invoice-list .rp-identity { min-width: 0; }
#routepilot-invoice-list .rp-location { overflow-wrap: anywhere; }
#routepilot-invoice-list .rp-neutral { background: var(--rp-selected); color: var(--rp-muted); }
#routepilot-invoice-list .rp-list-menu-layer { position: fixed; inset: 0; z-index: 100; display: grid; align-items: start; justify-items: end; padding: max(16px,env(safe-area-inset-top)) 16px; background: light-dark(#1d304c55,#00000088); }
#routepilot-invoice-list .rp-list-menu { background: var(--rp-paper); border: 1px solid var(--rp-line); border-radius: 12px; width: min(340px,100%); padding: 14px; box-shadow: 0 12px 36px light-dark(#12264426,#00000066); max-height: calc(100dvh - 32px); overflow-y: auto; }
#routepilot-invoice-list .rp-list-menu-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
#routepilot-invoice-list .rp-list-menu-head strong { overflow-wrap: anywhere; }
#routepilot-invoice-list .rp-menu-option { width: 100%; justify-content: flex-start; margin-top: 7px; min-height: 44px; }
#routepilot-invoice-list[data-view="mobile"] .rp-row-main { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
#routepilot-invoice-list[data-view="mobile"] .rp-money .rp-due { font-size: 23px; }
#routepilot-invoice-list[data-view="mobile"] .rp-money strong { overflow-x: auto; }
#routepilot-invoice-list[data-view="mobile"] .rp-large-money .rp-machine-net { grid-column: 1 / -1; }
#routepilot-invoice-list[data-view="mobile"] .rp-large-money .rp-due-cell { grid-row: 3; grid-column: 1 / -1; text-align: left; }
#routepilot-invoice-list[data-view="mobile"] .rp-large-money .rp-due-cell .rp-collected { text-align: left; }
#routepilot-invoice-list[data-view="mobile"] .rp-large-money .rp-review { grid-row: 4; }
#routepilot-invoice-list[data-view="mobile"] .rp-large-money .rp-actions { grid-row: 5; grid-column: 1 / -1; }
body.rp-invoice-list-page > .app-shell > .screen > .topbar { display: none; }
body.rp-invoice-list-page { background: light-dark(#f3f6fb,#111923); color-scheme: light dark; }
body.rp-invoice-list-page .screen { background: transparent; }
body.rp-invoice-list-page .tab-content.active { padding: 0; }
@media (pointer: coarse) { #routepilot-invoice-list .rp-review { min-height: 44px; } }
@media (pointer: coarse) {
  @container (min-width: 360px) {
    #routepilot-invoice-list[data-view="mobile"] .rp-review { grid-column: 1 / -1; grid-row: 3; justify-self: start; }
    #routepilot-invoice-list[data-view="mobile"] .rp-actions { grid-column: 1 / -1; grid-row: 3; justify-self: end; }
    #routepilot-invoice-list[data-view="mobile"] .rp-large-money .rp-review { grid-row: 4; }
    #routepilot-invoice-list[data-view="mobile"] .rp-large-money .rp-actions { grid-row: 5; }
  }
}
@media (prefers-reduced-motion: reduce) { #routepilot-invoice-list * { scroll-behavior: auto; } }

#routepilot-invoice-list .rp-deleted { color: var(--rp-red); background: light-dark(#fef2f2, #481f28); font-weight: 750; }
#routepilot-invoice-list .rp-deleted-row { border-left: 3px solid var(--rp-red); }