/* Sales invoices: OpenDesign's compact receivables workspace, using the existing
   invoice controller, filters, exports, pagination and authorized actions. */
.tv-stitch-invoices[data-stitch-route-screen="invoices"] {
  --invoice-ink:#162f4b;
  --invoice-muted:#5b6b7f;
  --invoice-line:#d7e0e9;
  --invoice-paper:#fff;
  --invoice-accent:#ed5b2a;
  --invoice-brand:#162f4b;
  --invoice-focus:#2d8195;
  min-width:0;
  color:var(--invoice-ink);
  background:#f5f7fa;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] > .tv-route-frame {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  width:100%;
  max-width:1440px;
  box-sizing:border-box;
  min-width:0;
  margin-inline:auto;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero {
  align-items:flex-start;
  gap:16px;
  padding:0 0 16px;
  border:0;
  border-bottom:1px solid var(--invoice-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero h2 {
  margin:0;
  color:var(--invoice-ink);
  font-size:28px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero-copy {
  flex:1 1 auto;
  min-width:0;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero p {
  max-width:82ch;
  margin:6px 0 0;
  color:var(--invoice-muted);
  line-height:1.5;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero-actions .btn {
  min-height:38px;
  border-radius:7px;
  box-shadow:none;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-host {
  display:block;
  min-width:0;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-exposure-stack {
  display:grid;
  gap:10px;
  min-width:0;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-exposure-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-exposure-head :is(.eyebrow,p) {margin:0;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-exposure-head p {color:var(--invoice-muted);font-size:12px;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-filter-shell {
  display:grid;
  gap:10px;
  min-width:0;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-filters {
  display:grid;
  grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;
  align-items:end;
  gap:12px;
  min-width:0;
  margin:0;
  padding:14px;
  border:1px solid var(--invoice-line);
  border-radius:9px;
  background:var(--invoice-paper);
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-filters label {
  display:grid;
  gap:6px;
  min-width:0;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-filters :is(input,select) {
  width:100%;
  min-width:0;
  max-width:100%;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-filters-primary .invoice-search {min-width:0;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-advanced-filters > summary {
  display:flex;
  align-items:center;
  width:max-content;
  gap:8px;
  min-height:40px;
  margin-block:2px;
  padding:4px 10px;
  border:1px solid var(--invoice-line);
  border-radius:7px;
  background:var(--invoice-paper);
  color:var(--invoice-brand);
  font-size:13px;
  font-weight:650;
  list-style:none;
  cursor:pointer;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-advanced-filters > summary::-webkit-details-marker {display:none;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-advanced-filters > summary::after {content:"+";color:var(--invoice-muted);font-size:16px;line-height:1;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-advanced-filters[open] > summary::after {content:"−";}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-advanced-filters > summary small {color:var(--invoice-muted);font-size:11px;font-weight:450;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-advanced-filters .invoice-filters-advanced {margin-top:6px;padding:12px;border:1px solid var(--invoice-line);border-radius:8px;background:var(--invoice-paper);}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-bar {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--invoice-line);
  border-radius:7px;
  background:var(--invoice-paper);
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more {display:contents;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-secondary {display:contents;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card {
  display:grid;
  align-content:start;
  justify-items:start;
  gap:5px;
  width:100%;
  min-width:0;
  min-height:78px;
  padding:13px 16px;
  border:0;
  border-right:1px solid var(--invoice-line);
  border-radius:0;
  background:var(--invoice-paper);
  color:var(--invoice-ink);
  text-align:left;
  box-shadow:none;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card:last-child {border-right:0;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card .money-label {
  color:var(--invoice-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card > strong {
  max-width:100%;
  color:var(--invoice-ink);
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.2;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card > small {
  color:var(--invoice-muted);
  font-size:11px;
  line-height:1.35;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card.tone-red > strong {color:var(--invoice-accent);}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card.tone-green > strong {color:var(--tv-success,#16834b);}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card.tone-orange > strong {color:var(--tv-warning,#b96a00);}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card.active {background:#eef4f7;box-shadow:inset 0 -2px var(--invoice-focus);}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card:focus-visible {outline:3px solid var(--invoice-focus);outline-offset:-3px;position:relative;z-index:1;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more-toggle {
  grid-column:1/-1;
  padding:7px 0;
  border-block:1px solid var(--invoice-line);
  color:var(--invoice-brand);
  cursor:pointer;
  font-size:12px;
}
@media(min-width:601px) {
  /* Keep the native disclosure on mobile. On desktop, the final two metrics
     occupy the last two columns together; <details> is not display:contents
     in Chromium's grid layout, so flattening it would silently stack them. */
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more {
    display:grid;
    grid-column:span 2;
    grid-template-columns:minmax(0,1fr);
    min-width:0;
  }
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more > summary {display:none;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more .invoice-money-secondary {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    min-width:0;
  }
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-secondary .money-card:last-child {border-right:0;}
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-attention-host:empty,
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-host:empty {
  display:none;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table {
  min-width:0;
  max-width:100%;
  overflow:auto;
  border:1px solid var(--invoice-line);
  border-radius:7px;
  background:var(--invoice-paper);
  box-shadow:none;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table {
  width:100%;
  min-width:850px;
  table-layout:fixed;
  border-collapse:collapse;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td)[data-column-key="id"] {width:18%;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td)[data-column-key="customer"] {width:16%;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td)[data-column-key="subject"] {width:22%;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td)[data-column-key="invoiceDate"] {width:10%;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td)[data-column-key="aging"] {width:8%;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td)[data-column-key="amount"],
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td)[data-column-key="balance"] {width:13.5%;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table th {
  height:38px;
  padding:8px 11px;
  border-bottom:1px solid var(--invoice-line);
  background:#f5f8fb;
  color:var(--invoice-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:nowrap;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table :is(th,td):first-child {
  min-width:0;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table td[data-column-key="subject"],
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table td[data-column-key="customer"] {overflow-wrap:anywhere;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table td[data-column-key="invoiceDate"] {white-space:nowrap;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-customer-ledger-cell {display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-customer-ledger-cell .invoice-ledger-link {min-height:0;padding:0;border:0;background:transparent;color:#52677d;font-size:11px;line-height:1.3;text-align:left;white-space:normal;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-table-scroll-hint {display:none;}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .tv-table-row-opener-cell {
  position:relative;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .invoice-open-button {
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--invoice-brand);
  font:inherit;
  font-size:12px;
  font-weight:700;
  text-align:left;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .invoice-open-button:hover {
  text-decoration:underline;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .invoice-open-button:focus-visible {
  outline:2px solid var(--invoice-focus);
  outline-offset:3px;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .tv-table-row-opener {
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:transparent;
  cursor:pointer;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .tv-table-row-opener:focus-visible {
  outline:2px solid var(--invoice-focus);
  outline-offset:-2px;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table td {
  min-height:42px;
  padding:9px 11px;
  border-bottom:1px solid #e4eaf0;
  color:var(--invoice-ink);
  vertical-align:middle;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table tbody tr:hover {
  background:#f5f8fb;
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table :is(.amount,.money,[data-tv-region="amount"]) {
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
}
.tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-views {
  max-width:100%;
  overflow-x:auto;
  scrollbar-width:thin;
}
@media(max-width:900px) {
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero {flex-direction:column;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero-actions {width:100%;justify-content:flex-start;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-filters {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px) {
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] > .tv-route-frame {gap:12px;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .workspace-hero-actions > * {flex:1 1 auto;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-filters {grid-template-columns:minmax(0,1fr);padding:12px;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-bar {grid-template-columns:repeat(2,minmax(0,1fr));}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .money-card:nth-child(2) {border-right:0;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more {border-top:1px solid var(--invoice-line);}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more {display:block;grid-column:1/-1;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-money-more[open] .invoice-money-secondary {display:contents;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-exposure-head {align-items:flex-start;flex-direction:column;gap:5px;}
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-cockpit-table .data-table {min-width:850px;}
}
@media(max-width:900px) {
  .tv-stitch-invoices[data-stitch-route-screen="invoices"] .invoice-table-scroll-hint {display:block;margin:0;padding:7px 10px;color:var(--invoice-muted);font-size:12px;}
}


/* Stitch invoice-detail screen mapped to the existing authorized drawer DOM. */
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"]:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  --invoice-ink:#162f4b;--invoice-muted:#5b6b7f;--invoice-line:#d7e0e9;
  display:grid;gap:14px;min-width:0;padding:16px;background:#f5f7fa;color:var(--invoice-ink);
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-summary:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-summary-card:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  display:grid;align-content:start;gap:8px;min-width:0;padding:14px;border:1px solid var(--invoice-line);border-radius:7px;background:#fff;
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-summary-card > span:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--invoice-muted);}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-summary-card > strong:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--invoice-ink);}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-summary-card.is-due:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){border-color:#edc56b;background:#fffaf0;}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-summary-card.is-due > strong:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){color:#a84a00;}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-main:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:12px;min-width:0;
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-main > .editor-card:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  min-width:0;margin:0;padding:16px;border:1px solid var(--invoice-line);border-radius:7px;background:#fff;box-shadow:none;
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-main > .editor-card:first-child:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)),.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-main > .editor-card:last-child:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){grid-column:1/-1;}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-main > .editor-card h2:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--invoice-line);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--invoice-ink);
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-detail-grid:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-detail-grid .health-line:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){
  display:grid;align-content:start;gap:5px;min-width:0;padding:8px 0;border:0;border-bottom:1px solid #edf1f6;overflow-wrap:anywhere;
}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-detail-grid .health-line > span:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){font-size:11px;color:var(--invoice-muted);}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-detail-grid .health-line-value:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){overflow-wrap:anywhere;color:var(--invoice-ink);}
.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .invoice-line-table:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)),.drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .table-card:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){max-width:100%;overflow:auto;border:1px solid var(--invoice-line);border-radius:8px;}

@media(max-width:900px) {
  .drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-main:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){grid-template-columns:minmax(0,1fr);}
  .drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-detail-grid:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:540px) {
  .drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"]:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){padding:10px;}
  .drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-summary:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){grid-template-columns:repeat(2,minmax(0,1fr));}
  .drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-detail-grid:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){grid-template-columns:minmax(0,1fr);}
  .drawer-invoice-detail.drawer-invoice-detail--cockpit .tv-invoice-drawer[data-stitch-screen="3368c740353a4eceac13a45ed3b8c7d3"] .tv-invoice-drawer-main > .editor-card:where(:not(.tv-stitch-surface):not(.tv-stitch-surface *):not(.tv-home-v1):not(.tv-home-v1 *)){padding:12px;}
}