:root{

  --tv-bg: #f4f7f5;
  --tv-surface: #ffffff;
  --tv-surface-muted: #f8faf9;
  --tv-surface-strong: #edf3ef;
  --tv-text: #15221f;
  --tv-text-muted: #5d6b67;
  --tv-text-subtle: #61706b;
  --tv-border: #d5e0da;
  --tv-border-strong: #b8c9bf;
  --tv-brand: #073b37;
  --tv-brand-hover: #0a514c;
  --tv-brand-soft: #e5f1ed;
  --tv-on-brand: #ffffff;
  --tv-accent: #f45b17;
  --tv-success: #16834b;
  --tv-warning: #b96a00;
  --tv-danger: #bd2f37;
  --tv-info: #2469a8;
  --tv-danger-soft: #fff1f2;
  --tv-danger-border: #fecaca;
  --tv-warning-soft: #fff7ed;
  --tv-info-soft: #dbeafe;
  --tv-info-border: #bfdbfe;
  --tv-surface-subtle: #f8fbf9;
  --tv-surface-cool: #f8fbff;
  --tv-surface-tint: #f3f8f5;
  --tv-surface-brand: #edf5f1;
  --tv-surface-raised: #fbfdfb;
  --tv-border-subtle: #dbe7e1;
  --tv-border-cool: #cfd9e7;
  --tv-border-brand: #cadbd3;
  --tv-text-cool: #172033;
  --tv-text-cool-strong: #0a1c33;
  --tv-text-cool-muted: #788ca6;
  --tv-text-brand: #193c37;
  --tv-brand-deep: #072c2c;
  --tv-statement-navy: #17294d;
  --tv-statement-accent: #f54d1a;
  --tv-statement-header: #edf3fa;
  --tv-statement-total: #fcf2e8;

  --tv-editorial-ink: #07151f;
  --tv-editorial-ink-raised: #102430;
  --tv-editorial-ink-border: #2a3c46;
  --tv-editorial-paper: #ffffff;
  --tv-editorial-canvas: #f4f1ea;
  --tv-editorial-canvas-deep: #ece8df;
  --tv-editorial-surface-muted: #f8f6f1;
  --tv-editorial-surface-strong: #edf1ef;
  --tv-editorial-surface-cool: #f4f6f5;
  --tv-editorial-text: #131a1a;
  --tv-editorial-text-muted: #5b6563;
  --tv-editorial-text-subtle: #7f8986;
  --tv-editorial-border: #d9ddda;
  --tv-editorial-border-strong: #b8c0bc;
  --tv-editorial-petrol: #073f43;
  --tv-editorial-petrol-hover: #052f32;
  --tv-editorial-petrol-soft: #e7f0ee;
  --tv-editorial-orange: #ff4f0a;
  --tv-editorial-orange-hover: #e94400;
  --tv-editorial-orange-soft: #fff0e8;
  --tv-editorial-info: #276b75;
  --tv-editorial-info-soft: #eaf2f3;
  --tv-editorial-info-border: #bdd2d4;
  --tv-editorial-success: #187a54;
  --tv-editorial-success-soft: #e8f4ed;
  --tv-editorial-success-border: #b9dbc7;
  --tv-editorial-warning: #a65a00;
  --tv-editorial-warning-soft: #fff4df;
  --tv-editorial-warning-border: #e8c98e;
  --tv-editorial-danger: #b42318;
  --tv-editorial-danger-soft: #fff0ee;
  --tv-editorial-danger-border: #e8bbb6;
  --tv-editorial-sidebar-text: #d2dadd;
  --tv-editorial-sidebar-muted: #8f9fa6;
  --tv-editorial-sidebar-subtle: #74868f;
  --tv-editorial-disabled-surface: #f0eee9;
  --tv-editorial-disabled-text: #929996;
  --tv-editorial-table-head: #f2efe8;
  --tv-editorial-table-head-text: #25302f;
  --tv-editorial-row-hover: #fff8f2;
  --tv-editorial-toast-success: #4fc08b;
  --tv-editorial-toast-danger: #ff756a;
  --tv-editorial-toast-warning: #ffb44a;

  --tv-v3-canvas: #faf9f6;
  --tv-v3-canvas-deep: #f3f1eb;
  --tv-v3-surface-muted: #f7f6f2;
  --tv-v3-surface-strong: #eeece6;
  --tv-v3-text: #101918;
  --tv-v3-text-muted: #596562;
  --tv-v3-text-subtle: #78827f;
  --tv-v3-border: #d8ddd9;
  --tv-v3-border-strong: #aeb9b4;
  --tv-v3-sidebar-active: #143038;
  --tv-radius-sm: 6px;
  --tv-radius-md: 10px;
  --tv-radius-lg: 14px;
  --tv-space-1: 4px;
  --tv-space-2: 8px;
  --tv-space-3: 12px;
  --tv-space-4: 16px;
  --tv-space-5: 20px;
  --tv-space-6: 24px;
  --tv-space-8: 32px;
  --tv-space-10: 40px;
  --tv-shadow-panel: 0 2px 8px rgba(18, 45, 38, .06);
  --tv-shadow-drawer: -20px 0 56px rgba(12, 33, 28, .20);
  --tv-header-height: 72px;
  --tv-drawer-width: min(760px, 100vw);

  --tv-mobile-dock-height: 72px;
  --bg: var(--tv-bg);
  --surface: var(--tv-surface);
  --surface-soft: var(--tv-surface-muted);
  --surface-strong: var(--tv-surface-strong);
  --text: var(--tv-text);
  --muted: var(--tv-text-muted);
  --border: var(--tv-border);
  --border-strong: var(--tv-border-strong);
  --primary: var(--tv-brand);
  --primary-soft: var(--tv-brand-soft);
  --accent: var(--tv-accent);
  --accent-soft: color-mix(in srgb, var(--tv-accent) 10%, var(--tv-surface));
  --success: var(--tv-success);
  --warning: var(--tv-warning);
  --danger: var(--tv-danger);
  --radius: var(--tv-radius-md);
  --shadow-tight: var(--tv-shadow-panel);
  --shadow: 0 8px 22px rgba(7, 44, 44, .08);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.supplier-payments-workbench .route-context-bar{
  display: flex;
  align-items: center;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.supplier-payments-workbench .route-context-bar .context-label{
  flex: 0 0 auto;
  color: var(--tv-text);
  font-weight: 800;
}

.supplier-payments-workbench .route-context-bar .context-muted{
  flex: 1 1 auto;
  min-width: 0;
  color: var(--tv-text-muted);
  line-height: 1.4;
}

.supplier-payments-workbench .filter-bar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(170px, .35fr) minmax(100px, .2fr) auto;
  gap: var(--tv-space-2);
  align-items: center;
}

.supplier-payments-workbench .filter-bar :is(input, select){
  width: 100%;
  min-width: 0;
  min-height: 44px;
}

@media (max-width: 520px) {
  .supplier-payments-workbench .route-context-bar{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--tv-space-1) var(--tv-space-2);
  }

  .supplier-payments-workbench .route-context-bar .context-muted{
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .supplier-payments-workbench .route-context-bar .btn{
    grid-column: 2;
    grid-row: 1;
  }

  .supplier-payments-workbench .filter-bar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .supplier-payments-workbench .filter-bar input{
    grid-column: 1 / -1;
  }

  .supplier-payments-workbench .filter-bar .btn{
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 520px) {
  body .app-shell .workspace .route-stack.tv-route-frame.tv-receipt-page-frame{
    gap: 8px;
  }

  body .app-shell .workspace .route-stack.tv-route-frame.tv-receipt-page-frame > .workspace-stats{
    display: none;
  }

  body .app-shell .workspace .route-stack.tv-route-frame.tv-receipt-page-frame > .workspace-hero{
    gap: 8px;
    padding: 12px;
  }

  body .app-shell .workspace .route-stack.tv-route-frame.tv-receipt-page-frame > .tv-attention-list .tv-attention-list-head{
    display: none;
  }

  body .app-shell .workspace .route-stack.tv-route-frame.tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-row{
    min-height: 52px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "badge copy action"
      "badge value action";
    padding: 8px 10px 8px 14px;
  }
}

.bank-accounts-server-host,
.bank-accounts-server-host :is(.tv-route-frame, .workspace-body, .workspace-main),
.bank-account-main,
.bank-account-filter-disclosure,
.bank-account-filters,
.bank-account-register,
.bank-account-register :is(.data-table, .table-scroll),
.bank-account-integrity-issues,
.bank-account-issue-register,
.bank-account-issue-register :is(.data-table, .table-scroll){
  min-width: 0;
  max-width: 100%;
}

.bank-accounts-server-host{
  container: bank-accounts-route / inline-size;
}

.bank-accounts-server-host[aria-busy="true"],
.bank-account-issue-results[aria-busy="true"]{
  cursor: progress;
}

.bank-account-main{
  display: grid;
  align-content: start;
  gap: var(--tv-space-3);
}

.bank-accounts-freshness{
  margin: 0 0 var(--tv-space-3);
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--tv-danger) 38%, var(--tv-border));
  border-radius: var(--tv-radius-sm);
  background: color-mix(in srgb, var(--tv-danger) 7%, var(--tv-surface));
  color: var(--tv-text);
  font-size: 13px;
  line-height: 1.45;
}

.bank-accounts-freshness[hidden]{
  display: none;
}

.bank-account-cleared-boundary{
  margin: var(--tv-space-1) 0 0;
  color: var(--tv-text-muted);
  font-size: 13px;
  line-height: 1.5;
}

.bank-account-cleared-boundary{
  padding: 10px 12px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.bank-account-integrity-actions,
.bank-account-filter-actions,
.bank-account-pager-actions{
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tv-space-2);
}

.bank-account-integrity-access-note{
  align-self: center;
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 700;
}

.bank-account-filter-disclosure{
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.bank-account-filter-disclosure > summary{
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  padding: 9px var(--tv-space-3);
  color: var(--tv-text);
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}

.bank-account-filter-disclosure > summary::-webkit-details-marker{
  display: none;
}

.bank-account-filter-disclosure > summary::after{
  flex: 0 0 auto;
  color: var(--tv-brand);
  content: "+";
  font-size: 18px;
}

.bank-account-filter-disclosure[open] > summary::after{
  content: "−";
}

.bank-account-filter-summary{
  min-width: 0;
  margin-inline-start: auto;
  overflow: hidden;
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 600;
  text-align: end;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bank-account-filters,
.bank-account-issue-filters{
  display: grid;
  align-items: end;
  justify-items: stretch;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3);
  background: var(--tv-surface-muted);
}

.bank-account-filters{
  grid-template-columns: minmax(240px, 1fr) repeat(3, minmax(140px, .46fr)) auto;
  border-block-start: 1px solid var(--tv-border);
}

.bank-account-issue-filters{
  grid-template-columns: minmax(220px, 1fr) minmax(160px, .55fr) minmax(190px, .72fr) auto;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
}

.bank-account-filters > *,
.bank-account-issue-filters > *,
.bank-account-filters .field,
.bank-account-issue-filters .field,
.bank-account-filters :is(input, select),
.bank-account-issue-filters :is(input, select){
  width: 100%;
  min-width: 0;
}

.bank-account-filters .field,
.bank-account-issue-filters .field{
  margin-block-end: 0;
}

.bank-account-filters :is(input, select, .btn),
.bank-account-issue-filters :is(input, select, .btn){
  min-height: 42px;
}

.bank-account-register,
.bank-account-issue-register{
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.bank-account-register > .data-table,
.bank-account-register > .table-scroll > .data-table,
.bank-account-issue-register > .data-table,
.bank-account-issue-register > .table-scroll > .data-table{
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.bank-account-register :is(th, td),
.bank-account-issue-register :is(th, td){
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.bank-account-register :is(th, td)[data-column-key="label"]{ width: 23%; }
.bank-account-register :is(th, td)[data-column-key="bank_name"]{ width: 19%; }
.bank-account-register :is(th, td)[data-column-key="mapping"]{ width: 30%; }
.bank-account-register :is(th, td)[data-column-key="readiness"]{ width: 16%; }
.bank-account-register :is(th, td)[data-column-key="status"]{ width: 12%; }

.bank-accounts-workbench .tv-table-row-opener-cell{
  position: relative;
}

.bank-accounts-workbench .tv-table-row-opener{
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  min-width: 0;
  display: block;
  padding: 0;
  border: 0;
  border-radius: var(--tv-radius-xs);
  background: transparent;
  color: transparent;
  cursor: pointer;
}

.bank-accounts-workbench .tv-table-row-opener:focus-visible{
  outline: 2px solid var(--tv-accent);
  outline-offset: 3px;
}

.bank-account-pager{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3);
  border-block-start: 1px solid var(--tv-border);
  color: var(--tv-text-muted);
  font-size: 12px;
}

.bank-account-issue-pager{
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
}

.bank-account-issue-results{
  min-width: 0;
}

.bank-account-issue-reasons{
  display: grid;
  gap: 3px;
  color: var(--tv-text-muted);
  font-size: 12px;
}

.drawer.bank-account-drawer,
.drawer.bank-account-issues-drawer{
  width: min(760px, 100vw);
  max-width: 100vw;
  container: bank-account-drawer / inline-size;
}

.drawer.bank-account-drawer > .drawer-body,
.drawer.bank-account-issues-drawer > .drawer-body{
  min-width: 0;
  overflow-x: hidden;
}

.drawer.bank-account-drawer > .drawer-footer{
  overflow: visible;
}

.bank-account-drawer-more{
  position: relative;
  min-width: 0;
}

.bank-account-drawer-more > summary{
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.bank-account-drawer-more > summary::-webkit-details-marker{
  display: none;
}

.bank-account-drawer-more > summary::after{
  margin-inline-start: 7px;
  content: "▾";
  font-size: 11px;
}

.bank-account-drawer-more[open] > summary::after{
  content: "▴";
}

.bank-account-drawer-more-actions{
  position: absolute;
  z-index: 4;
  inset-inline-end: 0;
  bottom: calc(100% + var(--tv-space-2));
  width: min(280px, calc(100vw - (2 * var(--tv-space-3))));
  display: grid;
  gap: var(--tv-space-2);
  padding: var(--tv-space-2);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-overlay, 0 14px 34px rgb(0 0 0 / 18%));
}

.bank-account-drawer-more-actions > .btn{
  width: 100%;
  min-height: 40px;
  justify-content: flex-start;
  text-align: start;
}

.bank-account-detail .health-line{
  grid-template-columns: minmax(130px, .68fr) minmax(0, 1fr);
}

.bank-account-detail .health-line > :last-child{
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: end;
}

.bank-account-form :is(input, select, textarea)[aria-invalid="true"],
.bank-account-archive-form :is(input, select, textarea)[aria-invalid="true"]{
  border-color: var(--tv-danger);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--tv-danger) 12%, transparent);
}

@container bank-accounts-route (max-width: 980px) {
  .bank-account-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bank-account-filters > .field:first-child{
    grid-column: 1 / -1;
  }

  .bank-account-filter-actions{
    align-self: stretch;
  }
}

@container bank-accounts-route (max-width: 760px) {
  .bank-account-register{
    padding: var(--tv-space-2);
    background: var(--tv-surface-muted);
  }

  .bank-account-register > .data-table,
.bank-account-register > .table-scroll > .data-table{
    display: block;
    border: 0;
  }

  .bank-account-register > .data-table thead,
.bank-account-register > .table-scroll > .data-table thead{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .bank-account-register > .data-table tbody,
.bank-account-register > .table-scroll > .data-table tbody{
    display: grid;
    gap: var(--tv-space-2);
    width: 100%;
  }

  .bank-account-register > .data-table tbody tr,
.bank-account-register > .table-scroll > .data-table tbody tr{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--tv-space-3);
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  .bank-account-register > .data-table tbody td,
.bank-account-register > .table-scroll > .data-table tbody td{
    width: auto;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--tv-space-1);
    align-content: start;
    padding: var(--tv-space-2) var(--tv-space-3);
    border: 0;
    text-align: start;
  }

  .bank-account-register > .data-table tbody td::before,
.bank-account-register > .table-scroll > .data-table tbody td::before{
    color: var(--tv-text-subtle);
    content: attr(data-label);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .bank-account-register > .data-table tbody td[data-column-key="label"],
.bank-account-register > .table-scroll > .data-table tbody td[data-column-key="label"],
.bank-account-register > .data-table tbody td[data-column-key="mapping"],
.bank-account-register > .table-scroll > .data-table tbody td[data-column-key="mapping"]{
    grid-column: 1 / -1;
  }

  .bank-account-register > .data-table tbody td[data-column-key="label"],
.bank-account-register > .table-scroll > .data-table tbody td[data-column-key="label"]{
    padding-block-start: var(--tv-space-3);
    border-block-end: 1px solid var(--tv-border);
  }

  .bank-account-register > .data-table tbody td[data-column-key="status"],
.bank-account-register > .table-scroll > .data-table tbody td[data-column-key="status"]{
    padding-block-end: var(--tv-space-3);
  }

  .bank-account-pager{
    align-items: stretch;
    flex-direction: column;
  }

  .bank-account-pager-actions > .btn{
    flex: 1 1 0;
  }
}

@container bank-accounts-route (max-width: 620px) {
  .workspace .route-stack.tv-route-frame.bank-accounts-workbench .workspace-hero{
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .workspace .route-stack.tv-route-frame.bank-accounts-workbench .workspace-hero-actions{
    width: 100%;
    justify-content: flex-start;
  }
}

@container bank-accounts-route (max-width: 520px) {
  .bank-account-filters{
    grid-template-columns: minmax(0, 1fr);
  }

  .bank-account-filters > *,
.bank-account-filters > .field:first-child,
.bank-account-filter-actions{
    grid-column: 1;
  }

  .bank-account-filter-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bank-account-filter-summary{
    max-width: 520px;
  }

  .bank-account-integrity-actions{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .bank-account-integrity-actions > .btn{
    width: 100%;
  }
}

@container bank-account-drawer (max-width: 620px) {
  .bank-account-issue-filters{
    grid-template-columns: minmax(0, 1fr);
  }

  .bank-account-issue-filters > *,
.bank-account-filter-actions{
    grid-column: 1;
  }

  .bank-account-issue-register{
    overflow-x: auto;
  }

  .bank-account-issue-register .data-table{
    min-width: 680px;
  }
}

@media (max-width: 900px) {
  .drawer.bank-account-drawer,
.drawer.bank-account-issues-drawer{
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border-inline-start: 0;
    border-radius: 0;
  }

  .drawer.bank-account-drawer > .drawer-body,
.drawer.bank-account-issues-drawer > .drawer-body{
    padding: var(--tv-space-3);
  }

  .modal:has(.bank-account-form),
.modal:has(.bank-account-archive-form){
    width: calc(100vw - (2 * var(--tv-space-3)));
    max-width: calc(100vw - (2 * var(--tv-space-3)));
    max-height: calc(100dvh - (2 * var(--tv-space-3)));
  }
}

@media (max-width: 520px) {
  .drawer.bank-account-drawer > .drawer-header,
.drawer.bank-account-issues-drawer > .drawer-header{
    padding: var(--tv-space-3);
  }

  .drawer.bank-account-drawer > .drawer-footer{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    padding: var(--tv-space-3);
  }

  .drawer.bank-account-drawer > .drawer-footer > *{
    min-width: 0;
  }

  .drawer.bank-account-drawer > .drawer-footer > .bank-account-drawer-primary{
    grid-column: 1 / -1;
    order: 1;
    width: 100%;
  }

  .drawer.bank-account-drawer > .drawer-footer > .bank-account-drawer-secondary{
    grid-column: 1 / -1;
    order: 2;
  }

  .drawer.bank-account-drawer > .drawer-footer > .bank-account-drawer-more{
    grid-column: 1 / -1;
    order: 3;
  }

  .drawer.bank-account-drawer > .drawer-footer > .bank-account-drawer-more > summary{
    width: 100%;
  }

  .drawer.bank-account-drawer > .drawer-footer > .btn:last-child{
    grid-column: 1 / -1;
    order: 4;
    width: 100%;
  }

  .drawer.bank-account-issues-drawer > .drawer-footer{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: var(--tv-space-3);
  }

  .drawer.bank-account-issues-drawer > .drawer-footer > *,
.drawer.bank-account-drawer > .drawer-footer > *{
    width: 100%;
  }

  .bank-account-detail .health-line{
    grid-template-columns: minmax(0, 1fr);
  }

  .bank-account-detail .health-line > :last-child{
    text-align: start;
  }

  .bank-account-form .modal-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  .modal:has(.bank-account-form),
.modal:has(.bank-account-archive-form){
    width: 100vw;
    max-width: 100vw;
    max-height: 100dvh;
    border-radius: 0;
  }
}

.inventory-quality-route .quality-evidence-panel{
  display: grid;
  gap: var(--tv-space-2);
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  background: var(--tv-surface);
}

.inventory-quality-route .quality-evidence-panel > h3,
.drawer-body .quality-evidence-panel > h3{
  margin: 0 0 var(--tv-space-1);
  font-size: 15px;
  line-height: 1.3;
}

.quality-evidence-panel{
  display: grid;
  gap: var(--tv-space-2);
  min-width: 0;
  padding: var(--tv-space-4);
}

.quality-evidence-item{
  display: grid;
  grid-template-columns: minmax(96px, .45fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: var(--tv-space-2) 0;
  border-top: 1px solid var(--tv-border);
}

.quality-evidence-item > span{
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 800;
}

.quality-evidence-item > :last-child{
  min-width: 0;
  justify-self: end;
  overflow-wrap: anywhere;
  text-align: right;
}

.quality-evidence-actions{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tv-space-2);
}

.quality-evidence-actions .btn{
  width: 100%;
  min-height: 44px;
  white-space: normal;
}

@media (max-width: 900px) {
  .quality-evidence-item{
    grid-template-columns: 1fr;
    gap: var(--tv-space-1);
  }

  .quality-evidence-item > :last-child{
    justify-self: start;
    text-align: left;
  }

  .quality-evidence-actions{
    grid-template-columns: 1fr;
  }
}

.tv-connectors-root,
.tv-connectors-root *,
.tv-recovery-root,
.tv-recovery-root *{
  min-width: 0;
}

.tv-connector-panel{
  display: grid;
  gap: var(--tv-space-3);
}

.tv-connector-panel > h2{
  margin: 0;
  font-size: 16px;
}

.tv-connector-panel .info-line{
  display: grid;
  grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--tv-space-3);
  padding: var(--tv-space-2) 0;
  border-bottom: 1px solid var(--tv-border);
}

.tv-connector-panel .info-line:last-child{
  border-bottom: 0;
}

.tv-connector-panel .info-line > span:first-child{
  color: var(--tv-text-muted);
}

.tv-connector-panel .info-line > :last-child{
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

.tv-connector-metric{
  display: grid;
  align-content: start;
  gap: var(--tv-space-1);
  min-height: 104px;
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tv-connector-metric > span,
.tv-connector-metric > small{
  color: var(--tv-text-muted);
}

.tv-connector-metric > strong{
  overflow-wrap: anywhere;
  font-size: 24px;
  font-variant-numeric: tabular-nums;
}

.tv-connector-metric.tone-success{
  border-top: 3px solid var(--tv-success);
}

.tv-connector-metric.tone-danger{
  border-top: 3px solid var(--tv-danger);
}

.tv-connector-metric.tone-info{
  border-top: 3px solid var(--tv-info);
}

.tv-connector-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(150px, .65fr)) auto;
  align-items: end;
  gap: var(--tv-space-2);
}

.tv-connector-filters :is(input, select, button),
.tv-connector-event-toolbar :is(select, button){
  min-height: 44px;
}

.tv-connector-status-cell{
  display: flex;
  flex-wrap: wrap;
  gap: var(--tv-space-1);
}

.tv-connector-drawer{
  width: min(940px, 100vw);
}

.tv-connector-drawer-actions,
.tv-connector-event-toolbar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--tv-space-2);
}

.tv-connector-events{
  display: grid;
  gap: var(--tv-space-3);
}

.tv-connector-event-toolbar{
  justify-content: space-between;
}

.tv-connector-pagination{
  margin-top: var(--tv-space-2);
}

.tv-connector-editor .form-grid{
  align-items: start;
}

.tv-recovery-register{
  width: 100%;
  overflow: hidden;
}

.tv-recovery-register > .data-table{
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.tv-recovery-register .tv-entity-cell,
.tv-recovery-cell{
  display: grid;
  align-content: start;
  gap: var(--tv-space-1);
}

.tv-recovery-register .tv-recovery-id,
.tv-recovery-register .tv-recovery-cell :is(strong, span, small){
  overflow-wrap: anywhere;
}

.tv-recovery-register .tv-recovery-id{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.tv-recovery-register .row-actions .btn{
  width: 100%;
  min-width: 0;
  padding-inline: var(--tv-space-2);
}

.tv-ai-root{
  min-width: 0;
}

.tv-ai-register > .data-table{
  table-layout: fixed;
  width: 100%;
}

.tv-ai-confidence,
.tv-ai-sources,
.tv-ai-state{
  display: grid;
  gap: var(--tv-space-1);
  min-width: 0;
}

.tv-ai-confidence strong{
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}

.tv-ai-panel p,
.tv-ai-panel .info-line strong,
.tv-ai-source-link{
  overflow-wrap: anywhere;
}

.tv-ai-source-link{
  justify-content: flex-start;
  text-align: left;
}

@media (max-width: 900px) {
  .tv-connector-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-connector-filters > :first-child{
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .tv-connector-panel .info-line{
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .tv-connector-panel .info-line > :last-child{
    text-align: left;
  }

  .tv-connector-filters{
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-connector-filters > :first-child{
    grid-column: auto;
  }

  .tv-connector-filters .btn,
.tv-connector-event-toolbar > *,
.tv-connector-drawer-actions > *{
    width: 100%;
  }

  .tv-connectors-root .data-table{
    min-width: 0;
  }

  .tv-connectors-root .data-table thead{
    display: none;
  }

  .tv-connectors-root .data-table tbody,
.tv-connectors-root .data-table tr,
.tv-connectors-root .data-table td{
    display: grid;
    width: 100%;
  }

  .tv-connectors-root .data-table tr{
    gap: var(--tv-space-2);
    padding: var(--tv-space-3);
    border-bottom: 1px solid var(--tv-border);
  }

  .tv-connectors-root .data-table td{
    grid-template-columns: minmax(100px, .42fr) minmax(0, 1fr);
    gap: var(--tv-space-2);
    padding: 0;
    border: 0;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .tv-connectors-root .data-table td::before{
    content: attr(data-label);
    color: var(--tv-text-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
    text-align: left;
    text-transform: uppercase;
  }

  .tv-connectors-root .data-table .tv-entity-cell,
.tv-connectors-root .data-table .tv-connector-status-cell{
    justify-items: end;
    justify-content: flex-end;
    text-align: right;
  }

  .tv-recovery-register .tv-entity-cell,
.tv-recovery-register .tv-recovery-cell{
    justify-items: start;
    text-align: left;
  }
}

@media print {
  @page tv-managed-ledger-sheet { size: A4 portrait; margin: 0; }

  body.tv-managed-ledger-printing > *:not(.tv-managed-ledger-print-document){ display: none !important; }
  html:has(body.tv-managed-ledger-printing),
body.tv-managed-ledger-printing{
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: var(--tv-surface) !important;
  }

  body.tv-managed-ledger-printing > .tv-managed-ledger-print-document,
body.tv-managed-ledger-printing > .tv-managed-ledger-print-document *{ visibility: visible !important; }

  body.tv-managed-ledger-printing > .tv-managed-ledger-print-document{
    page: tv-managed-ledger-sheet;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: var(--tv-surface) !important;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .tv-managed-ledger-print-sheet{
    page: tv-managed-ledger-sheet;
    position: relative;
    display: block;
    width: 210mm;
    min-width: 210mm;
    max-width: 210mm;
    height: 297mm;
    min-height: 297mm;
    max-height: 297mm;
    margin: 0;
    padding: 0;
    overflow: hidden;
    break-after: page;
    page-break-after: always;
    background: var(--tv-surface) !important;
    color: var(--tv-text-cool-strong) !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-sheet:last-child{
    break-after: auto;
    page-break-after: auto;
  }

  .tv-managed-ledger-print-page-art{
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 210mm;
    height: 297mm;
    object-fit: fill;
  }

  .tv-managed-ledger-print-page-logo{
    position: absolute;
    z-index: 2;
    top: 6.35mm;
    left: 7.76mm;
    display: block;
    width: 20.46mm;
    height: 20.46mm;
    object-fit: contain;
  }

  .tv-managed-ledger-print-canvas{
    position: absolute;
    z-index: 1;
    top: 102.31mm;
    left: 11.64mm;
    display: flex;
    flex-direction: column;
    width: 186.97mm;
    height: 141.82mm;
    padding: .8mm 0;
    overflow: hidden;

    background: transparent !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-identity{
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(42mm, .95fr) minmax(43mm, .95fr);
    min-height: 18.5mm;
    margin: 0 0 2.2mm;
    padding: 0;
    border: .24mm solid var(--tv-border-cool);
    border-top: .7mm solid var(--tv-info);
    background: var(--tv-surface) !important;
  }

  .tv-managed-ledger-print-identity > section{
    display: grid;
    align-content: center;
    min-width: 0;
    padding: 1.8mm 3.7mm;
    border-right: .24mm solid var(--tv-border-cool);
  }

  .tv-managed-ledger-print-identity > section:last-child{ border-right: 0; }
  .tv-managed-ledger-print-eyebrow,
.tv-managed-ledger-print-details > strong,
.tv-managed-ledger-print-balance > span{
    color: var(--tv-info) !important;
    font-size: 5.2pt;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .tv-managed-ledger-print-title h1{
    margin: 1.1mm 0 .75mm;
    color: var(--tv-text-cool-strong) !important;
    font-size: 12.2pt;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1;
    overflow-wrap: anywhere;
  }

  .tv-managed-ledger-print-title h2{
    display: inline;
    margin: 0;
    color: var(--tv-info) !important;
    font-size: 6pt;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  .tv-managed-ledger-print-title p{
    display: inline;
    margin: 0 0 0 1.4mm;
    color: var(--tv-text-cool-muted) !important;
    font-size: 5.2pt;
    line-height: 1.15;
  }

  .tv-managed-ledger-print-details dl{ display: grid; gap: .6mm; margin: 1mm 0 0; }
  .tv-managed-ledger-print-details dl > div{ display: grid; grid-template-columns: 1fr auto; gap: 2mm; }
  .tv-managed-ledger-print-details dt{ color: var(--tv-text-cool-muted) !important; font-size: 4.8pt; text-transform: uppercase; }
  .tv-managed-ledger-print-details dd{ margin: 0; color: var(--tv-text-cool-strong) !important; font-size: 5.2pt; font-weight: 700; text-align: right; }

  .tv-managed-ledger-print-balance{ background: var(--tv-surface) !important; text-align: right; }
  .tv-managed-ledger-print-balance small{ margin-top: .9mm; color: var(--tv-text-cool-muted) !important; font-size: 4.8pt; text-transform: uppercase; }
  .tv-managed-ledger-print-balance strong{
    margin-top: 1.2mm;
    color: var(--tv-info) !important;
    font-size: 12pt;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    overflow-wrap: anywhere;
  }

  .tv-managed-ledger-print-body{ display: block; flex: 0 0 auto; padding: 0; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-group{
    margin: 0 0 1.35mm;
    border: .24mm solid var(--tv-border-cool);
    background: var(--tv-surface) !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .tv-managed-ledger-print-document .tv-managed-ledger-print-group > header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4mm;
    min-height: 4.3mm;
    padding: .55mm 1.6mm;
    border-top: .65mm solid var(--tv-accent);
    border-bottom: .2mm solid var(--tv-border-cool);
    background: var(--tv-surface) !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-document .tv-managed-ledger-print-group > header > div{ display: flex; align-items: baseline; min-width: 0; gap: 1.4mm; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-group > header span{ flex: none; color: var(--tv-text-cool-muted) !important; font-size: 4.2pt; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-group h2{ min-width: 0; margin: 0; color: var(--tv-text-cool-strong) !important; font-size: 7pt; font-weight: 700; line-height: 1; overflow-wrap: anywhere; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-group > header > strong{ flex: none; color: #586e88 !important; font-size: 4.4pt; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

  .tv-managed-ledger-print-document .tv-managed-ledger-print-table{ display: block; height: auto !important; max-height: none !important; overflow: visible !important; }
  .tv-managed-ledger-print-document table{ width: 100%; border-collapse: collapse; table-layout: fixed; }
  .tv-managed-ledger-print-document thead{ display: table-header-group; }
  .tv-managed-ledger-print-document tr{ break-inside: avoid; page-break-inside: avoid; }
  .tv-managed-ledger-print-document th,
.tv-managed-ledger-print-document td{
    height: 3.25mm;
    padding: .42mm 1mm;
    border-right: .18mm solid #dfe6ef;
    border-bottom: .18mm solid #dfe6ef;
    color: var(--tv-text-cool-strong) !important;
    font-size: 6.1pt;
    line-height: 1.05;
    vertical-align: middle;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-document th{
    height: 3.45mm;
    padding: .4mm 1mm;
    border-color: rgba(255,255,255,.2);
    background: var(--tv-info) !important;
    color: var(--tv-surface) !important;
    font-size: 5pt;
    font-weight: 700;
    letter-spacing: .05em;
    text-align: left;
    text-transform: uppercase;
  }

  .tv-managed-ledger-print-document th:last-child,
.tv-managed-ledger-print-document td:last-child{ border-right: 0; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-row-alternate td{ background: var(--tv-surface-cool) !important; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-invoices .tv-managed-ledger-col-date{ width: 13%; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-invoices .tv-managed-ledger-col-invoice{ width: 18%; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-invoices .tv-managed-ledger-col-reference{ width: 51%; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-invoices .tv-managed-ledger-col-outstanding{ width: 18%; }
  .tv-managed-ledger-print-document .numeric-cell{ text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .tv-managed-ledger-print-document .tv-managed-ledger-print-subtotal td{
    height: 3.35mm;
    border-top: .28mm solid var(--tv-accent);
    background: var(--tv-surface) !important;
    font-weight: 700;
  }

  .tv-managed-ledger-print-grand{
    width: 100%;
    margin: 1.7mm 0 0;
    border-top: .7mm solid var(--tv-accent);
    background: var(--tv-info) !important;
    color: var(--tv-surface) !important;
    break-inside: avoid;
  }

  .tv-managed-ledger-print-grand-row{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 5.4mm;
    padding: .8mm 2mm;
  }

  .tv-managed-ledger-print-grand-row strong{ color: var(--tv-surface) !important; font-size: 7.5pt; }
  .tv-managed-ledger-print-grand-row strong:first-child{ font-size: 5.5pt; letter-spacing: .06em; text-transform: uppercase; }

  .tv-managed-ledger-print-remittance{
    display: grid;
    grid-template-columns: 40mm minmax(0, 100.6mm) 46.37mm;
    flex: 0 0 31.4mm;
    width: 100%;
    height: 31.4mm;
    min-height: 31.4mm;
    max-height: 31.4mm;
    margin-top: auto;
    overflow: hidden;
    border: .24mm solid var(--tv-border-cool);
    border-top: .99mm solid var(--tv-info);
    border-bottom: .42mm solid var(--tv-accent);
    background: var(--tv-surface) !important;
    box-sizing: border-box;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .tv-managed-ledger-print-remittance > section{
    position: relative;
    min-width: 0;
    height: 100%;
    padding: 2.1mm 3.8mm 1.3mm;
    overflow: hidden;
    border-right: .24mm solid var(--tv-border-cool);
    background: var(--tv-surface) !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-remittance > section:last-child{ border-right: 0; }
  .tv-managed-ledger-print-remittance h3{
    margin: 0;
    color: var(--tv-info) !important;
    font-size: 6.2pt;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
  }

  .tv-managed-ledger-print-remittance-payee > strong{
    display: block;
    margin-top: 2.4mm;
    color: var(--tv-text-cool-strong) !important;
    font-size: 8.4pt;
    line-height: 1;
  }

  .tv-managed-ledger-print-remittance-payee > span,
.tv-managed-ledger-print-remittance-payee > small{
    display: block;
    margin-top: 1.2mm;
    color: var(--tv-text-cool-muted) !important;
    font-size: 5.5pt;
    font-style: normal;
    line-height: 1;
    white-space: nowrap;
  }

  .tv-managed-ledger-print-remittance-payee > small{ margin-top: 1.45mm; font-size: 5.1pt; }
  .tv-managed-ledger-print-signature{
    position: absolute;
    bottom: 2.7mm;
    left: 5.9mm;
    display: block;
    width: 13.4mm;
    height: 4.9mm;
    object-fit: contain;
  }

  .tv-managed-ledger-print-remittance-payee > em{
    position: absolute;
    right: 3.8mm;
    bottom: 1.6mm;
    left: 3.8mm;
    padding-top: 1.05mm;
    border-top: .2mm solid var(--tv-border-cool);
    color: var(--tv-text-cool-muted) !important;
    font-size: 4.9pt;
    font-style: normal;
    line-height: 1;
    text-align: center;
  }

  .tv-managed-ledger-print-remittance-banks{ padding: 1.45mm 3.8mm 1mm !important; }
  .tv-managed-ledger-print-remittance-banks > p{
    margin: .9mm 0 .75mm;
    color: var(--tv-text-cool-muted) !important;
    font-size: 5.1pt;
    line-height: 1;
  }

  .tv-managed-ledger-print-bank-row{
    display: grid;
    grid-template-columns: 8.2mm minmax(0, 1fr);
    align-items: center;
    gap: 2.1mm;
    height: 9.55mm;
    min-height: 9.55mm;
    padding: .55mm 2.4mm .45mm 2.1mm;
    overflow: hidden;
    border: .2mm solid #d1deed;
    border-left: 1mm solid var(--tv-info);
    background: var(--tv-surface) !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-bank-row + .tv-managed-ledger-print-bank-row{ margin-top: .7mm; }
  .tv-managed-ledger-print-bank-2{ border-left-color: var(--tv-accent); }
  .tv-managed-ledger-print-bank-row > img{
    display: block;
    width: 6.4mm;
    height: 6.4mm;
    justify-self: center;
    object-fit: contain;
  }

  .tv-managed-ledger-print-bank-row > div{ display: grid; min-width: 0; gap: .3mm; }
  .tv-managed-ledger-print-bank-row strong,
.tv-managed-ledger-print-bank-row span,
.tv-managed-ledger-print-bank-row small{
    display: block;
    color: var(--tv-text-cool-strong) !important;
    font-size: 5.7pt;
    line-height: 1.08;
    white-space: nowrap;
  }

  .tv-managed-ledger-print-bank-row span{ font-size: 6.15pt; font-weight: 700; }
  .tv-managed-ledger-print-bank-row small{ color: #586e88 !important; font-size: 5.6pt; }

  .tv-managed-ledger-print-remittance-summary{ padding: 2.1mm 3.1mm 1.25mm !important; }
  .tv-managed-ledger-print-remittance-summary dl{ display: grid; gap: .9mm; margin: 2mm 0 0; }
  .tv-managed-ledger-print-remittance-summary dl > div{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 1.5mm; }
  .tv-managed-ledger-print-remittance-summary dt,
.tv-managed-ledger-print-remittance-summary dd{
    margin: 0;
    color: var(--tv-text-cool-muted) !important;
    font-size: 5.7pt;
    line-height: 1;
  }

  .tv-managed-ledger-print-remittance-summary dd{ color: var(--tv-text-cool-strong) !important; font-weight: 700; text-align: right; }
  .tv-managed-ledger-print-remittance-due{
    position: absolute;
    right: 2.5mm;
    bottom: 1.35mm;
    left: 2.5mm;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .45mm;
    padding: 1.05mm 1.4mm;
    border: .2mm solid #efc9b8;
    background: #fff5ec !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-remittance-due span{
    color: #c76321 !important;
    font-size: 5.2pt;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
  }

  .tv-managed-ledger-print-remittance-due strong{
    color: var(--tv-info) !important;
    font-size: 8.4pt;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    overflow-wrap: anywhere;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-identity{
    grid-template-columns: minmax(0, 1fr) 49mm;
    min-height: 16.8mm;
    margin-bottom: 1.8mm;
    border: 0;
    border-bottom: .32mm solid #0a2b52;
    background: transparent !important;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-identity > section{
    padding: .6mm 1.4mm 1.3mm;
    border-right: 0;
    background: transparent !important;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-title{
    align-content: end;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-eyebrow{
    color: #ec5a22 !important;
    font-size: 5.7pt;
    letter-spacing: .12em;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-title h2{
    display: block;
    margin: .65mm 0 .45mm;
    color: #0a2b52 !important;
    font-size: 13.4pt;
    font-weight: 800;
    letter-spacing: .035em;
    line-height: .95;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-title h1{
    display: inline;
    margin: 0;
    color: #0a2b52 !important;
    font-size: 10.1pt;
    line-height: 1;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-title p{
    margin-left: 1.6mm;
    color: #526277 !important;
    font-size: 6.4pt;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-details{
    align-content: end;
    padding-right: 0;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-details > strong{
    color: #0a2b52 !important;
    font-size: 5.9pt;
    letter-spacing: .08em;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-details dl{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.2mm;
    row-gap: .45mm;
    margin-top: .7mm;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-details dl > div{
    display: block;
    min-width: 0;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-details dt{
    font-size: 5.8pt;
    letter-spacing: .05em;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-details dd{
    margin-top: .25mm;
    font-size: 6.1pt;
    text-align: left;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-balance{
    display: none;
  }

  .tv-managed-ledger-print-story-summary{
    margin: 0 0 2mm;
    overflow: visible;
    border: .22mm solid #9ba9b8;
    border-radius: 1.6mm;
    background: rgba(255,255,255,.86) !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .tv-managed-ledger-print-story-summary-row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 20.8mm;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-story-summary-row + .tv-managed-ledger-print-story-summary-row{
    border-top: .22mm solid #c7d0da;
  }

  .tv-managed-ledger-print-story-metric{
    display: grid;
    grid-template-columns: 7mm minmax(0, 1fr);
    align-items: center;
    gap: 1.8mm;
    min-width: 0;
    min-height: 8.9mm;
    padding: 1.25mm 2.3mm;
    border-right: .22mm solid #c7d0da;
    border-bottom: .22mm solid #c7d0da;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-story-metric:nth-of-type(even){ border-right: 0; }
  .tv-managed-ledger-print-story-metric:nth-of-type(n + 3){ border-bottom: 0; }
  .tv-managed-ledger-print-story-metric-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6.2mm;
    height: 6.2mm;
    border: .28mm solid currentColor;
    border-radius: 50%;
    color: #0a2b52 !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-story-metric-icon .icon{
    width: 3.5mm;
    height: 3.5mm;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }

  .tv-managed-ledger-print-story-metric.is-payments .tv-managed-ledger-print-story-metric-icon,
.tv-managed-ledger-print-story-metric.is-credit .tv-managed-ledger-print-story-metric-icon,
.tv-managed-ledger-print-story-metric.is-paid .tv-managed-ledger-print-story-metric-icon{ color: #14724f !important; }
  .tv-managed-ledger-print-story-metric.is-adjustments .tv-managed-ledger-print-story-metric-icon{ color: #546a91 !important; }
  .tv-managed-ledger-print-story-metric.is-due .tv-managed-ledger-print-story-metric-icon{ color: #ef4f16 !important; }

  .tv-managed-ledger-print-story-metric-copy{ display: grid; min-width: 0; gap: .8mm; }

  .tv-managed-ledger-print-story-metric-copy > span{
    color: #46576a !important;
    font-size: 5.9pt;
    font-weight: 700;
    letter-spacing: .035em;
    line-height: 1.12;
    text-transform: uppercase;
  }

  .tv-managed-ledger-print-story-metric strong{
    color: #0a2b52 !important;
    font-size: 9.5pt;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1.05;
    white-space: nowrap;
  }

  .tv-managed-ledger-print-story-metric.is-payments strong,
.tv-managed-ledger-print-story-metric.is-credit strong,
.tv-managed-ledger-print-story-metric.is-paid strong{ color: #14724f !important; }
  .tv-managed-ledger-print-story-metric.is-due strong{ color: #ef4f16 !important; }

  .tv-managed-ledger-print-story-equation{
    grid-column: 1 / -1;
    display: block;
    padding: 1mm 2.2mm 1.15mm;
    border-top: .22mm solid #c7d0da;
    color: #69788a !important;
    font-size: 5.8pt;
    line-height: 1.2;
    text-align: right;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-group{
    overflow: hidden;
    border: 0;
    border-radius: .7mm;
    background: transparent !important;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-group > header{
    min-height: 4.15mm;
    padding: .55mm 1.8mm;
    border: 0;
    border-left: 1.1mm solid #f15a24;
    background: #eaf0f6 !important;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-group > header span{
    color: #ef4f16 !important;
  }

  .tv-managed-ledger-print-single-account.tv-managed-ledger-print-transactions .tv-managed-ledger-print-group > header{
    display: none;
  }

  /* Detailed-ledger story layout: keep this print-only table as real text. */
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-date{ width: 10.5%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-transaction{ width: 15%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-details{ width: 32.5%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-invoice{ width: 18%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-payment{ width: 11.75%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-balance{ width: 12.25%; }

  .tv-managed-ledger-print-transaction-story table{
    border-collapse: separate;
    border-spacing: 0;
  }

  .tv-managed-ledger-print-transaction-story th{
    height: 5mm;
    padding: .7mm 1.15mm;
    border: 0;
    border-bottom: 1.1mm solid #fff;
    background: #082d57 !important;
    font-size: 6.4pt;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: none;
  }

  .tv-managed-ledger-print-transaction-story th:nth-last-child(-n+3){ text-align: right; }
  .tv-managed-ledger-print-transaction-story td{
    height: 4.75mm;
    padding: .78mm 1.05mm;
    border: 0;
    background: #fff !important;
    font-size: 6.65pt;
    line-height: 1.16;
  }

  .tv-managed-ledger-print-transaction-story td:nth-last-child(-n+3){ font-size: 6.55pt; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-invoice td{
    height: 5.55mm;
    border: 0;
    background: #082d57 !important;
    color: #fff !important;
    font-weight: 700;
  }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-invoice td:first-child{ border-left: 0; }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-invoice small,
.tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-invoice span,
.tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-invoice strong{
    color: #fff !important;
  }

  .tv-managed-ledger-print-story-transaction-cell strong,
.tv-managed-ledger-print-story-transaction-cell small,
.tv-managed-ledger-print-story-details-cell span,
.tv-managed-ledger-print-story-details-cell small{
    display: block;
  }

  .tv-managed-ledger-print-story-transaction-cell strong{ font-size: 6.4pt; line-height: 1.12; }
  .tv-managed-ledger-print-story-transaction-cell small{
    margin-top: .55mm;
    color: #6b7887 !important;
    font-size: 3.85pt;
    line-height: 1.12;
  }

  .tv-managed-ledger-print-story-details-cell span{ line-height: 1.22; }
  .tv-managed-ledger-print-story-details-cell span.is-due{ color: #ffd4bd !important; }
  .tv-managed-ledger-print-story-details-cell span.is-credit,
.tv-managed-ledger-print-story-details-cell span.is-paid{ color: #bcebd8 !important; }
  .tv-managed-ledger-print-story-details-cell small{
    margin-top: .55mm;
    color: #69788a !important;
    font-size: 3.9pt;
    font-weight: 700;
    line-height: 1.12;
  }

  .tv-managed-ledger-print-story-details-cell small.is-due{ color: #ef4f16 !important; }
  .tv-managed-ledger-print-story-details-cell small.is-credit,
.tv-managed-ledger-print-story-details-cell small.is-paid{ color: #16835b !important; }
  .tv-managed-ledger-story-date-cell > span:last-child{ white-space: nowrap; }
  .tv-managed-ledger-story-date-cell.is-marked{
    display: grid;
    grid-template-columns: 3.15mm minmax(0, 1fr);
    align-items: center;
    gap: .75mm;
  }

  .tv-managed-ledger-story-row-marker{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.15mm;
    height: 3.15mm;
    border: .3mm solid #16835b;
    border-radius: 50%;
    color: #16835b !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-story-row-marker .icon{
    width: 1.65mm;
    height: 1.65mm;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.5;
  }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-payment td:first-child,
.tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-credit td:first-child{ box-shadow: none; }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-payment .tv-managed-ledger-story-transaction-cell strong,
.tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-credit .tv-managed-ledger-story-transaction-cell strong{
    color: #25384a !important;
    font-weight: 500;
  }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-adjustment td:first-child{
    box-shadow: inset .7mm 0 0 #8390a0;
  }

  .tv-managed-ledger-print-transaction-story .is-credit-balance{
    color: #14724f !important;
    font-weight: 700;
  }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-status td{
    height: 6.25mm;
    padding: .85mm 1.1mm 1.3mm !important;
    border: 0;
    background: #fff !important;
    box-shadow: none;
  }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-status + .tv-managed-ledger-print-row-invoice td{
    border-top: 1.25mm solid #fff;
  }

  .tv-managed-ledger-print-status-content{
    display: flex;
    align-items: center;
    gap: 1.05mm;
    min-height: 3mm;
    color: #25384a !important;
    font-size: 6.5pt;
    line-height: 1.15;
  }

  .tv-managed-ledger-print-status-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3.25mm;
    width: 3.25mm;
    height: 3.25mm;
    border: .32mm solid currentColor;
    border-radius: 50%;
    color: #16835b !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-status-icon .icon{
    width: 1.85mm;
    height: 1.85mm;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.35;
  }

  .tv-managed-ledger-print-status-content > span:nth-child(2){ font-weight: 600; }
  .tv-managed-ledger-print-status-content strong{ font-size: 6.6pt; font-variant-numeric: tabular-nums; }
  .tv-managed-ledger-print-status.is-due .tv-managed-ledger-print-status-icon,
.tv-managed-ledger-print-status.is-due .tv-managed-ledger-print-status-content strong{ color: #f15a24 !important; }
  .tv-managed-ledger-print-status.is-paid .tv-managed-ledger-print-status-content,
.tv-managed-ledger-print-status.is-credit .tv-managed-ledger-print-status-content strong{ color: #14724f !important; }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-subtotal td{
    height: 4.8mm;
    border-top: .26mm solid #9aa8b7;
    border-bottom: .26mm solid #9aa8b7;
    background: #eef3f7 !important;
    color: #0a2b52 !important;
    font-size: 6.25pt;
  }

  .tv-managed-ledger-print-story-summary.is-compact{
    margin: 1.65mm 0 0;
    border-width: .3mm 0 0;
    border-color: #0a2b52;
    border-radius: 0;
    background: transparent !important;
  }

  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-summary-row{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 11.8mm;
    padding-bottom: 0;
  }

  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-metric{
    grid-template-columns: 4.4mm minmax(0, 1fr);
    gap: 1mm;
    min-height: 11.2mm;
    padding: 1.15mm 1.5mm;
    border-right: .22mm solid #c7d0da;
    border-bottom: 0;
  }

  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-metric:last-of-type{ border-right: 0; }
  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-metric-icon{
    width: 3.8mm;
    height: 3.8mm;
  }

  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-metric-icon .icon{
    width: 2.15mm;
    height: 2.15mm;
  }

  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-metric-copy{ gap: .45mm; }
  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-metric-copy > span{ font-size: 5.7pt; }
  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-metric strong{ font-size: 7.8pt; }

  .tv-managed-ledger-print-story-summary.is-compact .tv-managed-ledger-print-story-equation{
    display: none;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-identity{
    min-height: 14.8mm;
    margin-bottom: 1.25mm;
  }

  .tv-managed-ledger-print-transactions .tv-managed-ledger-print-identity > section{
    padding-top: .45mm;
    padding-bottom: .85mm;
  }

  .tv-managed-ledger-print-story-summary{
    margin-bottom: 1.45mm;
    border-color: #9aa9b9;
    border-radius: 1.35mm;
    background: rgba(255,255,255,.92) !important;
  }

  .tv-managed-ledger-print-story-summary-row{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 11.8mm;
  }

  .tv-managed-ledger-print-story-metric{
    grid-template-columns: 4.4mm minmax(0, 1fr);
    gap: 1mm;
    min-height: 11.4mm;
    padding: 1.05mm 1.45mm;
    border-right: .22mm solid #c7d0da;
    border-bottom: 0;
  }

  .tv-managed-ledger-print-story-metric:nth-of-type(even){ border-right: .22mm solid #c7d0da; }
  .tv-managed-ledger-print-story-metric:last-of-type{ border-right: 0; }

  .tv-managed-ledger-print-story-metric-icon{
    width: 3.85mm;
    height: 3.85mm;
    border-width: .25mm;
  }

  .tv-managed-ledger-print-story-metric-icon .icon{
    width: 2.2mm;
    height: 2.2mm;
  }

  .tv-managed-ledger-print-story-metric-copy{ gap: .42mm; }
  .tv-managed-ledger-print-story-metric-copy > span{
    font-size: 5.35pt;
    letter-spacing: .025em;
    line-height: 1.08;
  }

  .tv-managed-ledger-print-story-metric strong{
    font-size: 8.1pt;
    line-height: 1;
  }

  .tv-managed-ledger-print-story-equation{ display: none; }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-date{ width: 10.5%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-transaction{ width: 14.5%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-details{ width: 36%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-invoice{ width: 17.5%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-payment{ width: 10%; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-story-balance{ width: 11.5%; }

  .tv-managed-ledger-print-transaction-story th{
    height: 4.65mm;
    padding: .58mm 1.05mm;
    border-bottom-width: .9mm;
    font-size: 6.55pt;
  }

  .tv-managed-ledger-print-transaction-story td{
    height: 4.4mm;
    padding: .62mm .95mm;
    font-size: 6.9pt;
    line-height: 1.14;
  }

  .tv-managed-ledger-print-transaction-story td:nth-last-child(-n+3){ font-size: 6.72pt; }
  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-row-invoice td{ height: 5.25mm; }
  .tv-managed-ledger-print-story-transaction-cell strong{ font-size: 6.72pt; }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-status td{
    height: 5.35mm;
    padding: .7mm 1mm 1.05mm !important;
  }

  .tv-managed-ledger-print-transaction-story .tv-managed-ledger-print-status + .tv-managed-ledger-print-row-invoice td{
    border-top-width: 1mm;
  }

  .tv-managed-ledger-print-status-content{
    gap: .9mm;
    font-size: 6.55pt;
  }

  .tv-managed-ledger-print-status-content strong{ font-size: 6.7pt; }

  .tv-managed-ledger-print-remittance{
    display: flex;
    align-items: center;
    flex: 0 0 10.6mm;
    width: 100%;
    height: 10.6mm;
    min-height: 10.6mm;
    max-height: 10.6mm;
    margin-top: auto;
    padding: 1.35mm 3.2mm 1.2mm;
    overflow: hidden;
    border: .22mm solid #b7c4d2;
    border-top: .78mm solid #0a2b52;
    border-bottom: .42mm solid #f15a24;
    border-radius: 0;
    background: rgba(255,255,255,.94) !important;
    box-sizing: border-box;
  }

  .tv-managed-ledger-print-remittance-text{
    width: 100%;
    margin: 0;
    color: #25384a !important;
    font-size: 6.05pt;
    font-weight: 600;
    line-height: 1.28;
    text-align: left;
  }

  .tv-managed-ledger-print-fit-compact .tv-managed-ledger-print-identity{ min-height: 17mm; margin-bottom: 1.4mm; }
  .tv-managed-ledger-print-fit-compact .tv-managed-ledger-print-title h1{ font-size: 11.2pt; }
  .tv-managed-ledger-print-fit-compact .tv-managed-ledger-print-document .tv-managed-ledger-print-group{ margin-bottom: .9mm; }
  .tv-managed-ledger-print-fit-compact .tv-managed-ledger-print-document th,
.tv-managed-ledger-print-fit-compact .tv-managed-ledger-print-document td{ height: 3mm; padding-top: .32mm; padding-bottom: .32mm; font-size: 5.8pt; }
  .tv-managed-ledger-print-fit-tight .tv-managed-ledger-print-identity{ min-height: 15.5mm; margin-bottom: 1.3mm; }
  .tv-managed-ledger-print-fit-tight .tv-managed-ledger-print-title p{ display: none; }
  .tv-managed-ledger-print-fit-tight .tv-managed-ledger-print-title h1{ font-size: 10.4pt; }
  .tv-managed-ledger-print-fit-tight .tv-managed-ledger-print-document .tv-managed-ledger-print-group{ margin-bottom: .9mm; }
  .tv-managed-ledger-print-fit-tight .tv-managed-ledger-print-document th,
.tv-managed-ledger-print-fit-tight .tv-managed-ledger-print-document td{ height: 2.75mm; padding-top: .25mm; padding-bottom: .25mm; font-size: 5.4pt; }
}

.administration-command-center .workspace-main{
  gap: var(--tv-space-4);
}

.administration-control-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tv-space-4);
}

.administration-panel{
  min-width: 0;
}

.administration-panel .evidence-panel-head{
  align-items: start;
}

.administration-panel .evidence-panel-head p{
  max-width: 62ch;
  margin: 3px 0 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.administration-metrics{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-border);
}

.administration-metric{
  min-width: 0;
  padding: var(--tv-space-3);
  background: var(--tv-surface);
}

.administration-metric span,
.administration-metric small{
  display: block;
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.administration-metric strong{
  display: block;
  margin: 4px 0 2px;
  color: var(--tv-text);
  font-size: 16px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.administration-section-footer,
.administration-section-state{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  margin-top: var(--tv-space-3);
}

.administration-section-state{
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}

.administration-section-state p,
.administration-limitation,
.administration-finding-copy{
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.administration-finding{
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--tv-space-3);
  width: 100%;
  min-height: 58px;
  padding: var(--tv-space-3);
  border: 0;
  border-bottom: 1px solid var(--tv-border);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.administration-finding:last-child{
  border-bottom: 0;
}

.administration-finding:hover,
.administration-finding:focus-visible{
  background: var(--tv-surface-muted);
}

.administration-finding:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-brand) 24%, transparent);
  outline-offset: -3px;
}

.administration-finding-severity{
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.administration-finding.severity-critical .administration-finding-severity,
.administration-finding.severity-high .administration-finding-severity{
  color: var(--tv-danger);
}

.administration-finding-copy{
  display: grid;
  gap: 3px;
}

.administration-finding-copy strong{
  color: var(--tv-text);
  font-size: 13px;
}

.administration-finding-count{
  min-width: 36px;
  color: var(--tv-text);
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  text-align: right;
}

.administration-clear-state{
  display: grid;
  gap: var(--tv-space-2);
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.administration-clear-state .badge{
  justify-self: start;
}

@media (max-width: 900px) {
  .administration-control-grid{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  .administration-command-center .workspace-hero-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .administration-metrics{
    grid-template-columns: minmax(0, 1fr);
  }

  .administration-finding{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .administration-finding-severity{
    grid-column: 1 / -1;
  }

  .administration-finding-copy small{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.scenario-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1.7fr) repeat(3, minmax(138px, .8fr)) auto;
  align-items: end;
  gap: var(--tv-space-2);
}

.scenario-filters .field{
  min-width: 0;
  margin: 0;
}

.scenario-filters .field > span{
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}

.scenario-filters :is(input, select, button){
  width: 100%;
  min-width: 0;
  min-height: 44px;
}

.scenario-form{
  gap: var(--tv-space-5);
}

.scenario-editor-section{
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
  padding: var(--tv-space-4);
}

.scenario-editor-heading{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tv-space-4);
  margin-bottom: var(--tv-space-3);
}

.scenario-editor-heading h3,
.scenario-editor-heading p{
  margin: 0;
}

.scenario-line-editor,
.scenario-assumption-editor{
  display: grid;
  gap: var(--tv-space-2);
}

.scenario-line-row,
.scenario-assumption-row{
  display: grid;
  align-items: end;
  gap: var(--tv-space-2);
  border-top: 1px solid var(--tv-border);
  padding-top: var(--tv-space-2);
}

.scenario-line-row{
  grid-template-columns: minmax(220px, 1.6fr) 150px 140px 150px minmax(180px, 1fr) auto;
}

.scenario-assumption-row{
  grid-template-columns: 150px minmax(180px, 1fr) 120px 90px minmax(180px, 1fr) auto;
}

.scenario-line-row .field,
.scenario-assumption-row .field{
  margin: 0;
}

.scenario-inline-actions{
  display: flex;
  align-items: end;
  min-height: 44px;
}

.scenario-register .data-table :is(th, td)[data-column-key="forecast_total"],
.scenario-register .data-table :is(th, td)[data-column-key="actual_total"],
.scenario-register .data-table :is(th, td)[data-column-key="variance_total"]{
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.scenario-register .project-time-cell > strong,
.scenario-register .badge{
  white-space: nowrap;
}

.scenario-register .badge{
  max-width: none;
  font-size: 11px;
}

@media (max-width: 1180px) {
  .scenario-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .scenario-filters > .field:first-child,
.scenario-filters > .btn{
    grid-column: 1 / -1;
  }

  .scenario-line-row,
.scenario-assumption-row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 900px) {
  .scenario-filters,
.scenario-line-row,
.scenario-assumption-row{
    grid-template-columns: 1fr;
  }

  .scenario-editor-heading{
    align-items: stretch;
    flex-direction: column;
  }

  .scenario-filters > .field:first-child,
.scenario-filters > .btn{
    grid-column: auto;
  }

  .scenario-register .project-time-cell > strong{
    white-space: normal;
  }

  .scenario-register.table-card > .data-table{ min-width: 0; }
  .scenario-register.table-card > .data-table thead{ display: none; }
  .scenario-register.table-card > .data-table :is(tbody, tr, td){ display: grid; width: 100%; min-width: 0; }
  .scenario-register.table-card > .data-table tr{ gap: var(--tv-space-2); padding: var(--tv-space-3); border-bottom: 1px solid var(--tv-border); }
  .scenario-register.table-card > .data-table td{ grid-template-columns: minmax(104px, .46fr) minmax(0, 1fr); border: 0; padding: var(--tv-space-1) 0; text-align: left; }
  .scenario-register.table-card > .data-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
}

.multi-currency-control-host,
.multi-currency-control-host *{ box-sizing: border-box; }
.fx-preview-summary,
.fx-trust-band{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tv-space-3);
}
.fx-trust-band{
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}
.fx-preview-summary .health-line,
.fx-trust-band .health-line{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--tv-space-1);
  margin: 0;
  min-width: 0;
}
.fx-preview-summary .health-line > *,
.fx-trust-band .health-line > *{
  min-width: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
  text-align: left;
}
.fx-form,
.fx-form *{ box-sizing: border-box; }
.fx-form{ width: 100%; min-width: 0; }
.fx-form :is(input, select, textarea){
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
}
.fx-form input[type="checkbox"]{ width: 44px; }
.fx-form textarea{ min-height: 92px; resize: vertical; }
.fx-preview-host{ display: grid; gap: var(--tv-space-3); margin-top: var(--tv-space-3); }
.fx-preview-host .panel{ margin: 0; }
.fx-run-register .data-table,
.currency-register .data-table,
.rate-register .data-table{ table-layout: fixed; width: 100%; }
.fx-run-register .data-table :is(td, th),
.currency-register .data-table :is(td, th),
.rate-register .data-table :is(td, th),
.fx-evidence-table .data-table :is(td, th){ overflow-wrap: anywhere; }
.fx-run-register .data-table [data-column-key="run_name"]{ width: 29%; }
.fx-run-register .data-table [data-column-key="posting_date"]{ width: 15%; }
.fx-run-register .data-table [data-column-key="exposure_count"]{ width: 16%; }
.fx-run-register .data-table [data-column-key="net_adjustment"]{ width: 25%; }
.fx-run-register .data-table [data-column-key="state"]{ width: 15%; }
.fx-registry-details{
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
  overflow: hidden;
}
.fx-registry-details > summary{
  min-height: 48px;
  padding: var(--tv-space-3) var(--tv-space-4);
  cursor: pointer;
  font-weight: 800;
  color: var(--tv-text);
}
.fx-registry-details > :not(summary){ border-top: 1px solid var(--tv-border); }
.fx-detail .health-line{
  display: grid;
  grid-template-columns: minmax(150px, .52fr) minmax(0, 1fr);
}
.fx-detail .health-line > :last-child{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
.fx-detail .panel > .btn{ margin: 0 var(--tv-space-2) var(--tv-space-2) 0; }
@media (max-width: 1180px) {
  .fx-preview-summary,
.fx-trust-band{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .fx-preview-summary,
.fx-trust-band{ grid-template-columns: minmax(0, 1fr); }
  .fx-run-register.table-card > .data-table,
.currency-register.table-card > .data-table,
.rate-register.table-card > .data-table{ min-width: 0; }
  .fx-run-register.table-card > .data-table thead,
.currency-register.table-card > .data-table thead,
.rate-register.table-card > .data-table thead{ display: none; }
  .fx-run-register.table-card > .data-table :is(tbody, tr, td),
.currency-register.table-card > .data-table :is(tbody, tr, td),
.rate-register.table-card > .data-table :is(tbody, tr, td){ display: grid; width: 100%; min-width: 0; }
  .fx-run-register.table-card > .data-table tr,
.currency-register.table-card > .data-table tr,
.rate-register.table-card > .data-table tr{ gap: var(--tv-space-2); padding: var(--tv-space-3); border-bottom: 1px solid var(--tv-border); }
  .fx-run-register.table-card > .data-table td,
.currency-register.table-card > .data-table td,
.rate-register.table-card > .data-table td{ grid-template-columns: minmax(104px, .46fr) minmax(0, 1fr); border: 0; padding: var(--tv-space-1) 0; }
  .fx-run-register.table-card > .data-table td::before,
.currency-register.table-card > .data-table td::before,
.rate-register.table-card > .data-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
  .fx-detail .health-line{ grid-template-columns: minmax(0, 1fr); }
  .fx-detail .health-line > :last-child{ text-align: left; }
}

.lease-filters{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tv-space-3);
}
.lease-filters > :is(input, select, button){ width: 100%; min-width: 0; }
.lease-form,
.lease-form *{ box-sizing: border-box; }
.lease-form{ width: 100%; min-width: 0; }
.lease-form .modal-grid{ align-items: start; }
.lease-form :is(input, select, textarea){
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
}
.lease-form textarea{ min-height: 88px; resize: vertical; }
.lease-form h3{ margin: var(--tv-space-4) 0 var(--tv-space-2); }
.lease-register .data-table{ table-layout: fixed; width: 100%; }
.lease-register .data-table [data-column-key="lease_name"]{ width: 25%; }
.lease-register .data-table [data-column-key="payment_amount"]{ width: 20%; }
.lease-register .data-table [data-column-key="current_liability"]{ width: 20%; }
.lease-register .data-table [data-column-key="next_due_date"]{ width: 20%; }
.lease-register .data-table [data-column-key="state"]{ width: 15%; }
.lease-register .data-table :is(td, th),
.lease-evidence-table .data-table :is(td, th){ overflow-wrap: anywhere; }
.lease-detail .health-line{
  display: grid;
  grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr);
}
.lease-detail .health-line > :last-child{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 1180px) {
  .lease-filters{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .lease-filters{ grid-template-columns: minmax(0, 1fr); }
  .lease-register.table-card > .data-table{ min-width: 0; }
  .lease-register.table-card > .data-table thead{ display: none; }
  .lease-register.table-card > .data-table tbody,
.lease-register.table-card > .data-table tr,
.lease-register.table-card > .data-table td{ display: grid; width: 100%; min-width: 0; }
  .lease-register.table-card > .data-table tr{ gap: var(--tv-space-2); padding: var(--tv-space-3); border-bottom: 1px solid var(--tv-border); }
  .lease-register.table-card > .data-table td{ grid-template-columns: minmax(104px, .46fr) minmax(0, 1fr); border: 0; padding: var(--tv-space-1) 0; }
  .lease-register.table-card > .data-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
  .lease-detail .health-line{ grid-template-columns: minmax(0, 1fr); }
  .lease-detail .health-line > :last-child{ text-align: left; }
}

.project-time-host,
.project-detail-drawer,
.project-time-detail-drawer{ min-width: 0; }
.project-time-host .filter-row{
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(130px, 1fr)) auto;
  gap: var(--tv-space-2);
  align-items: end;
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}
.project-time-host .filter-row > :is(input, select){
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 var(--tv-space-3);
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
}
.project-time-host .filter-row > :is(input, select):focus-visible{ border-color: var(--tv-brand); }
.project-time-register{ overflow-x: auto; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-md); background: var(--tv-surface); }
.project-time-register .data-table{ min-width: 760px; table-layout: fixed; }
.project-time-cell{ display: grid; gap: 2px; min-width: 0; }
.project-time-cell > strong{ color: var(--tv-text); font-size: 13px; overflow-wrap: anywhere; }
.project-time-cell > span{ color: var(--tv-text-muted); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }

.project-detail-drawer .health-line,
.project-time-detail-drawer .health-line{ display: grid; grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr); }
.project-detail-drawer .health-line strong,
.project-time-detail-drawer .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .project-time-host .filter-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-time-host .filter-row > .btn{ width: 100%; }
}
@media (max-width: 520px) {
  .project-time-host .filter-row{ grid-template-columns: 1fr; }
  .project-time-register .data-table{ min-width: 640px; }
  .project-detail-drawer .health-line,
.project-time-detail-drawer .health-line{ grid-template-columns: 1fr; }
  .project-detail-drawer .health-line strong,
.project-time-detail-drawer .health-line strong{ text-align: left; }
}
.inventory-foundation-host,
.inventory-warehouse-drawer,
.stock-ledger-drawer,
.stock-operation-drawer,
.inventory-reservation-drawer{ min-width: 0; }
.inventory-foundation-host .filter-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--tv-space-2);
  margin: var(--tv-space-3) 0 var(--tv-space-4);
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}
.inventory-foundation-host .filter-row > :is(input, select){
  min-height: 44px;
  padding: 0 var(--tv-space-3);
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
}
.inventory-foundation-host .filter-row > :is(input, select):focus-visible{
  border-color: var(--tv-brand);
  outline: 3px solid var(--tv-brand-soft);
  outline-offset: 1px;
}
.inventory-foundation-host .route-context-bar{ display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--tv-space-2); margin-bottom: 0; }
.inventory-foundation-host .route-context-bar .context-label{ flex: 0 0 auto; font-weight: 700; }
.inventory-foundation-host .route-context-bar .context-muted{ min-width: 0; overflow-wrap: anywhere; }
.inventory-stock-aging-register .entity-cell{
  display: grid;
  min-width: 130px;
  gap: 2px;
}
.inventory-stock-aging-register .entity-cell > :is(strong, span){
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.inventory-foundation-host .filter-row > input,
.inventory-foundation-host .filter-row > select{ min-width: 150px; flex: 1 1 170px; }
.inventory-foundation-host .filter-row .check-row{ flex: 0 1 auto; }
.check-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tv-space-2); }
.check-row{ display: flex; align-items: center; gap: var(--tv-space-2); min-height: 44px; min-width: 0; }
.check-row > input[type="checkbox"]{ flex: 0 0 auto; width: 18px; height: 18px; }
.inventory-warehouse-drawer .health-line,
.stock-ledger-drawer .health-line,
.stock-operation-drawer .health-line,
.inventory-reservation-drawer .health-line{ display: grid; grid-template-columns: minmax(150px, .5fr) minmax(0, 1fr); }
.inventory-warehouse-drawer .health-line strong,
.stock-ledger-drawer .health-line strong,
.stock-operation-drawer .health-line strong,
.inventory-reservation-drawer .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
.stock-operation-lines{ display: grid; gap: var(--tv-space-3); }
.stock-operation-line{
  display: grid;
  grid-template-columns: minmax(180px, 1.35fr) minmax(90px, .55fr) minmax(120px, .7fr) minmax(130px, .75fr) minmax(180px, 1fr) auto;
  gap: var(--tv-space-2);
  align-items: end;
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}
.stock-operation-line label{ min-width: 0; }
@media (max-width: 900px) {
  .stock-operation-line{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .check-grid{ grid-template-columns: 1fr; }
  .inventory-foundation-host .filter-row{ display: grid; grid-template-columns: 1fr; }
  .inventory-foundation-host .filter-row > input,
.inventory-foundation-host .filter-row > select{ min-width: 0; width: 100%; }
  .inventory-warehouse-drawer .health-line,
.stock-ledger-drawer .health-line,
.stock-operation-drawer .health-line,
.inventory-reservation-drawer .health-line{ grid-template-columns: 1fr; }
  .inventory-warehouse-drawer .health-line strong,
.stock-ledger-drawer .health-line strong,
.stock-operation-drawer .health-line strong,
.inventory-reservation-drawer .health-line strong{ text-align: left; }
}

.goods-receipt-register{
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

.goods-receipt-register .data-table{
  min-width: 900px;
  table-layout: fixed;
}

.goods-receipt-register .data-table [data-column-key="name"],
.goods-receipt-register .data-table [data-column-key="order"]{ width: 15%; }
.goods-receipt-register .data-table [data-column-key="supplier"]{ width: 18%; }
.goods-receipt-register .data-table [data-column-key="fulfillment_mode"]{ width: 9%; }
.goods-receipt-register .data-table [data-column-key="state"]{ width: 11%; }
.goods-receipt-register .data-table [data-column-key="receiptDate"]{ width: 12%; }
.goods-receipt-register .data-table [data-column-key="line_count"]{ width: 8%; }
.goods-receipt-register .data-table [data-column-key="total"]{ width: 12%; text-align: right; font-variant-numeric: tabular-nums; }

@media (max-width: 900px) {
  .goods-receipt-register{
    padding: var(--tv-space-3);
    overflow: visible;
  }

  .goods-receipt-register .data-table,
.goods-receipt-register .data-table :is(tbody, tr, td){
    display: grid;
    width: 100%;
    min-width: 0;
  }

  .goods-receipt-register .data-table thead{ display: none; }
  .goods-receipt-register .data-table tbody{ gap: var(--tv-space-3); }
  .goods-receipt-register .data-table tr{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  .goods-receipt-register .data-table td{
    grid-template-columns: minmax(104px, .44fr) minmax(0, 1fr);
    gap: var(--tv-space-2);
    padding: var(--tv-space-2) var(--tv-space-3);
    border: 0;
    border-bottom: 1px solid var(--tv-border);
    text-align: left;
    overflow-wrap: anywhere;
  }

  .goods-receipt-register .data-table td:last-child{ border-bottom: 0; }
  .goods-receipt-register .data-table td::before{
    content: attr(data-label);
    color: var(--tv-text-subtle);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
  }
}
@media (max-width: 520px) {
  .stock-operation-line{ grid-template-columns: minmax(0, 1fr); }
}

.delivery-notes-host,
.delivery-note-drawer{ min-width: 0; }
.delivery-notes-host .route-context-bar{
  display: flex;
  align-items: center;
  gap: var(--tv-space-3);
  min-width: 0;
}
.delivery-notes-host .route-context-bar .context-muted{ flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.delivery-notes-host .route-context-bar .context-label{ flex: 0 0 auto; font-weight: 700; }
.delivery-note-form .modal-grid{ align-items: start; }
.delivery-note-form .form-errors[hidden]{ display: none; }
.delivery-note-form label{ display: grid; gap: var(--tv-space-1); min-width: 0; }
.delivery-note-lines{ display: grid; gap: var(--tv-space-2); }
.delivery-note-line{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(110px, 160px);
  align-items: center;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}
.delivery-note-line > div{ display: grid; gap: 2px; min-width: 0; }
.delivery-note-line strong,
.delivery-note-line small{ overflow-wrap: anywhere; }
.delivery-note-line input[type="checkbox"]{ width: 22px; height: 22px; }
.delivery-note-line input:not([type="checkbox"]){ width: 100%; text-align: right; font-variant-numeric: tabular-nums; }
.goods-receipt-line-head,
.goods-receipt-line{
  grid-template-columns: 44px minmax(220px, 1fr) repeat(3, minmax(90px, 120px)) minmax(180px, .8fr);
}
.goods-receipt-line-head{ display: grid; gap: var(--tv-space-3); padding: 0 var(--tv-space-3); color: var(--tv-text-muted); }
.goods-receipt-line-head strong:first-child{ grid-column: 1 / 3; }
.goods-receipt-line input:last-child{ text-align: left; }
@media (max-width: 520px) {
  .delivery-notes-host .route-context-bar{ align-items: flex-start; flex-direction: column; }
  .delivery-note-line{ grid-template-columns: 44px minmax(0, 1fr); }
  .delivery-note-line input:not([type="checkbox"]){ grid-column: 2; }
  .goods-receipt-line-head{ display: none; }
  .goods-receipt-line{ grid-template-columns: 44px minmax(0, 1fr); }
  .delivery-notes-host .tv-trust-band{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.sales-orders-host,
.sales-orders-host > .tv-route-frame{
  min-width: 0;
}

.sales-order-trust{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  overflow: hidden;
  background: var(--tv-surface);
}

.sales-order-trust .sales-order-info{
  min-width: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 0;
  border-right: 1px solid var(--tv-border);
}

.sales-order-trust .sales-order-info:last-child{ border-right: 0; }

.sales-order-filters{
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(160px, 220px) minmax(120px, 180px) auto;
  gap: var(--tv-space-2);
  align-items: end;
}

.sales-order-register{ min-width: 0; }

.sales-order-pagination{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3) var(--tv-space-4);
  border-top: 1px solid var(--tv-border);
}

.sales-order-pagination > div{ display: flex; gap: var(--tv-space-2); }

.sales-order-panel{ min-width: 0; }

.sales-order-info > strong{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

.sales-order-command{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tv-space-4);
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border-strong);
  border-left: 4px solid var(--tv-brand);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.sales-order-command p{ margin: var(--tv-space-1) 0 0; color: var(--tv-text-muted); }
.sales-order-command .drawer-header-actions{ flex-wrap: wrap; justify-content: flex-end; }

.sales-order-command .btn:disabled{
  border-color: var(--tv-border);
  background: var(--tv-surface-muted);
  color: var(--tv-text-subtle);
  opacity: .72;
  cursor: not-allowed;
  box-shadow: none;
}

.sales-order-lines{ display: grid; gap: var(--tv-space-2); }

.sales-order-form .form-errors[hidden]{ display: none; }

.sales-order-line{
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(260px, 2fr) minmax(80px, .45fr) minmax(110px, .65fr) minmax(180px, 1fr) 44px;
  gap: var(--tv-space-2);
  align-items: center;
  padding: var(--tv-space-2);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.sales-order-line input,
.sales-order-line select{ min-width: 0; }

@media (max-width: 900px) {
  .sales-order-trust{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-order-trust .sales-order-info:last-child{ grid-column: 1 / -1; border-top: 1px solid var(--tv-border); }
  .sales-order-filters{ grid-template-columns: 1fr 1fr; }
  .sales-order-line{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

@media (max-width: 520px) {
  .sales-order-trust{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-order-filters{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-order-filters > :first-child,
.sales-order-filters > .btn{ grid-column: 1 / -1; }
  .sales-order-trust .sales-order-info:last-child{ grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .sales-order-pagination,
.sales-order-command{ align-items: stretch; flex-direction: column; }
  .sales-order-pagination > div,
.sales-order-command .drawer-header-actions{ display: grid; grid-template-columns: 1fr; width: 100%; }
  .sales-order-line{ grid-template-columns: 1fr; }
  .sales-order-line .icon-btn{ width: 100%; }
}

.workspace .route-stack.tv-route-frame.sales-orders .route-context-bar{
  display: flex;
  align-items: center;
  gap: var(--tv-space-2);
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.workspace .route-stack.tv-route-frame.sales-orders .route-context-bar .context-label{
  flex: 0 0 auto;
  color: var(--tv-text);
  font-weight: 850;
}

.workspace .route-stack.tv-route-frame.sales-orders .route-context-bar .context-muted{
  min-width: 0;
  color: var(--tv-text-muted);
  line-height: 1.4;
}

.workspace .route-stack.tv-route-frame.sales-orders .route-context-bar .btn{
  flex: 0 0 auto;
  margin-inline-start: auto;
}

.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register{
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table{
  min-width: 820px;
  table-layout: fixed;
}

.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="name"]{ width: 18%; }
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="customer"],
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="supplier"]{ width: 20%; }
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="state"]{ width: 16%; }
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="credit_state"],
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="supplier_state"]{ width: 18%; }
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="deliveryDate"],
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="requiredByDate"]{ width: 13%; }
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table [data-column-key="total"]{ width: 15%; text-align: right; font-variant-numeric: tabular-nums; }

.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .badge{
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.sales-orders .workspace-body{
    grid-template-columns: minmax(0, 1fr);
  }

}

.intercompany-journal-evidence{
  gap: var(--tv-space-4);
}
.intercompany-journal-evidence .intercompany-journal-metrics{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tv-space-2);
}
.intercompany-journal-evidence .workspace-stat{
  display: grid;
  align-content: start;
  gap: var(--tv-space-1);
  min-width: 0;
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}
.intercompany-journal-evidence .workspace-stat span{
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.intercompany-journal-evidence .workspace-stat strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: 16px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.intercompany-journal-evidence .panel{
  min-width: 0;
}
.intercompany-journal-evidence .health-line{
  display: grid;
  grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--tv-space-3);
}
.intercompany-journal-evidence .health-line > span{
  min-width: 0;
  color: var(--tv-text-muted);
  overflow-wrap: normal;
  word-break: normal;
}
.intercompany-journal-evidence .health-line > strong{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
  word-break: normal;
}
.intercompany-journal-evidence .table-card{
  max-width: 100%;
  overflow-x: auto;
}
@media (max-width: 900px) {
  .intercompany-journal-evidence .intercompany-journal-metrics{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .intercompany-journal-evidence .health-line{
    grid-template-columns: minmax(88px, .38fr) minmax(0, 1fr);
    gap: var(--tv-space-2);
  }
}
@media (max-width: 520px) {
  .intercompany-journal-evidence .intercompany-journal-metrics{
    grid-template-columns: 1fr;
  }
  .intercompany-journal-evidence .workspace-stat{
    padding: var(--tv-space-2) var(--tv-space-3);
  }
}

@media (max-width: 900px) {
  .workspace .route-stack.tv-route-frame.sales-orders .route-context-bar{
    align-items: stretch;
    flex-direction: column;
  }

  .workspace .route-stack.tv-route-frame.sales-orders .route-context-bar .btn{
    width: 100%;
    margin-inline-start: 0;
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register{
    padding: var(--tv-space-3);
    overflow: visible;
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table,
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table tbody,
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table tr,
.workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table td{
    display: block;
    width: 100%;
    min-width: 0;
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table thead{
    display: none;
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table tbody{
    display: grid;
    gap: var(--tv-space-3);
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table tr{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table td{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--tv-space-3);
    padding: 9px var(--tv-space-3);
    border-bottom: 1px solid var(--tv-border);
    text-align: end;
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table td:last-child{
    border-bottom: 0;
  }

  .workspace .route-stack.tv-route-frame.sales-orders .sales-order-register .data-table td::before{
    content: attr(data-label);
    flex: 0 0 42%;
    color: var(--tv-text-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-align: start;
    text-transform: uppercase;
  }

  .sales-order-action-readiness .sales-order-info{
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tv-space-1);
  }

  .sales-order-action-readiness .sales-order-info > strong{
    text-align: start;
    overflow-wrap: break-word;
  }
}

.tv-customer-route-host,
.tv-customer-account-host{
  min-width: 0;
  color: var(--tv-text);
}

.tv-customer-register-page,
.tv-customer-account-page{
  display: grid;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: 0 0 var(--tv-space-8);
}

.tv-customer-register-head,
.tv-customer-account-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tv-space-4);
  padding: var(--tv-space-4) var(--tv-space-5);
  border: 1px solid var(--tv-border);
  border-left: 4px solid var(--tv-accent);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tv-customer-register-head h1,
.tv-customer-account-head h1,
.tv-customer-route-state h1{
  margin: 2px 0 var(--tv-space-1);
  color: var(--tv-text);
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.tv-customer-register-head p,
.tv-customer-account-head p,
.tv-customer-route-state p{
  max-width: 76ch;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 13px;
  line-height: 1.55;
}

.tv-customer-kicker{
  color: var(--tv-accent);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.tv-customer-register-summary{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tv-space-3);
}

.tv-customer-register-page[data-route-id="customers"] .tv-customer-register-summary{
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, .75fr);
  gap: 0;
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  overflow: hidden;
}

.tv-customer-summary-tile{
  display: grid;
  gap: var(--tv-space-2);
  min-height: 96px;
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-top: 3px solid var(--tv-brand-hover);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}
.tv-customer-summary-tile.is-danger{ border-top-color: var(--tv-danger); }
.tv-customer-summary-tile.is-warning{ border-top-color: var(--tv-warning); }
.tv-customer-summary-tile.is-success{ border-top-color: var(--tv-success); }
.tv-customer-summary-tile span{ color: var(--tv-text-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tv-customer-summary-tile strong{ color: var(--tv-text); font-size: 26px; font-variant-numeric: tabular-nums; }
.tv-customer-summary-tile small{ color: var(--tv-text-muted); font-size: 11px; }

.tv-customer-exposure{
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: var(--tv-space-4);
  min-width: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-right: 1px solid var(--tv-border);
}
.tv-customer-exposure-copy,
.tv-customer-exposure-list article,
.tv-customer-register-metric{
  display: grid;
  gap: 2px;
  min-width: 0;
}
.tv-customer-exposure-copy > span,
.tv-customer-register-metric > span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.tv-customer-exposure-copy small,
.tv-customer-exposure-list small,
.tv-customer-exposure-empty{ color: var(--tv-text-muted); font-size: 10px; line-height: 1.35; }
.tv-customer-exposure-list{
  display: flex;
  gap: var(--tv-space-5);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
.tv-customer-exposure-list article{ flex: 0 0 auto; padding-left: var(--tv-space-4); border-left: 1px solid var(--tv-border); }
.tv-customer-exposure-list strong{ color: var(--tv-text); font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tv-customer-exposure-list span{ color: var(--tv-danger); font-size: 11px; font-weight: 750; white-space: nowrap; }
.tv-customer-exposure-list .tv-customer-exposure-more{ align-self: center; color: var(--tv-text-muted); font-size: 10px; font-weight: 800; }
.tv-customer-exposure-list .tv-customer-exposure-more.is-desktop-empty{ display: none; }
.tv-customer-exposure-empty{ margin: 0; }
.tv-customer-register-metrics{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; }
.tv-customer-register-metric{ align-content: center; padding: var(--tv-space-3); border-left: 1px solid var(--tv-border); }
.tv-customer-register-metric:first-child{ border-left: 0; }
.tv-customer-register-metric strong{
  color: var(--tv-text);
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}
.tv-customer-register-metric.is-danger strong{ color: var(--tv-danger); }
.tv-customer-register-metric.is-warning strong{ color: var(--tv-warning); }
.tv-customer-register-metric.is-success strong{ color: var(--tv-success); }

.tv-customer-register-card,
.tv-customer-section,
.tv-customer-account-identity{
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}
.tv-customer-register-card{ overflow: hidden; }

.tv-customer-register-filters > summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  min-height: 42px;
  padding: 0 var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
  color: var(--tv-text);
  cursor: pointer;
  list-style: none;
}
.tv-customer-register-filters > summary::-webkit-details-marker{ display: none; }
.tv-customer-register-filters > summary::after{ content: "+"; color: var(--tv-brand); font-size: 18px; font-weight: 800; }
.tv-customer-register-filters[open] > summary::after{ content: "−"; }
.tv-customer-register-filters > summary strong{ font-size: 12px; }
.tv-customer-register-filters > summary span{ margin-left: auto; color: var(--tv-text-muted); font-size: 11px; }

.tv-customer-register-toolbar{
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(160px, .3fr) minmax(180px, .34fr) auto auto;
  gap: var(--tv-space-3);
  align-items: end;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.tv-customer-register-toolbar label{
  display: grid;
  gap: var(--tv-space-2);
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 800;
}

.tv-customer-register-toolbar input,
.tv-customer-register-toolbar select{
  width: 100%;
  min-height: 44px;
  border-color: var(--tv-border-strong);
  background: var(--tv-surface);
}

.tv-customer-register-table{
  min-width: 0;
  overflow-x: auto;
}
.tv-customer-register-table.table-card{
  border: 0;
  border-radius: 0;
  background: var(--tv-surface);
  box-shadow: none;
}

.tv-customer-register-table .data-table{
  width: 100%;
  min-width: 1040px;
  table-layout: fixed;
}

.tv-customer-register-table .data-table :is(th, td):is([data-column-key="customer"], [data-column-key="supplier"]){ width: 19%; }
.tv-customer-register-table .data-table :is(th, td)[data-column-key="contact"]{ width: 18%; }
.tv-customer-register-table .data-table :is(th, td)[data-column-key="currencyTotals"]{ width: 18%; }
.tv-customer-register-table .data-table :is(th, td)[data-column-key="agingSeverity"]{ width: 14%; }
.tv-customer-register-table .data-table :is(th, td)[data-column-key="lastActivity"]{ width: 15%; }
.tv-customer-register-table .data-table :is(th, td)[data-column-key="actionability"]{ width: 16%; }
.tv-customer-register-table .data-table th{
  padding: var(--tv-space-3);
  background: var(--tv-surface-strong);
  color: var(--tv-text-muted);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.tv-customer-register-table .data-table td{
  padding: var(--tv-space-3);
  vertical-align: top;
  overflow-wrap: anywhere;
}
.tv-customer-register-table .data-table tr.is-clickable:hover td,
.tv-customer-register-table .data-table tr.is-clickable:focus td{
  background: var(--tv-brand-soft);
}
.tv-customer-register-table .data-table tr.is-clickable:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-accent) 28%, transparent);
  outline-offset: -3px;
}

.tv-customer-register-identity,
.tv-customer-contact,
.tv-customer-aging-cell,
.tv-customer-activity-cell,
.tv-customer-action-cell,
.tv-customer-money-lines,
.tv-customer-money-lines > div{
  display: grid;
  gap: var(--tv-space-1);
  min-width: 0;
}
.tv-customer-register-identity strong,
.tv-customer-contact strong,
.tv-customer-activity-cell strong,
.tv-customer-action-cell strong,
.tv-customer-money-lines strong{
  color: var(--tv-text);
  font-size: 13px;
  line-height: 1.35;
}
.tv-customer-register-identity span,
.tv-customer-contact span,
.tv-customer-activity-cell span,
.tv-customer-action-cell span,
.tv-customer-register-identity small,
.tv-customer-aging-cell small,
.tv-customer-money-lines small{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.35;
}
.tv-customer-money-lines strong{ font-variant-numeric: tabular-nums; white-space: nowrap; }
.tv-customer-money-lines > div + div{ padding-top: var(--tv-space-1); border-top: 1px solid var(--tv-border); }
.tv-customer-muted{ color: var(--tv-text-subtle); font-size: 12px; }

.tv-customer-pager{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  min-height: 58px;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-top: 1px solid var(--tv-border);
  color: var(--tv-text-muted);
  font-size: 12px;
}
.tv-customer-pager > div{ display: flex; align-items: center; gap: var(--tv-space-3); }
.tv-customer-register-footnote{
  margin: calc(-1 * var(--tv-space-1)) var(--tv-space-1) 0;
  color: var(--tv-text-muted);
  font-size: 11px;
}

.tv-customer-route-state,
.tv-customer-empty{
  display: grid;
  justify-items: start;
  gap: var(--tv-space-3);
  padding: var(--tv-space-8);
  border: 1px dashed var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}
.tv-customer-empty{ padding: var(--tv-space-6); background: var(--tv-surface-muted); }
.tv-customer-empty strong{ color: var(--tv-text); }
.tv-customer-empty p{ margin: 0; color: var(--tv-text-muted); font-size: 12px; }

.tv-customer-account-head{
  padding: var(--tv-space-4) var(--tv-space-5);
  background: var(--tv-surface);
  border-color: var(--tv-border);
  border-left-color: var(--tv-accent);
  color: var(--tv-text);
}
.tv-customer-account-head::after{ display: none; }
.tv-customer-account-head-copy{ display: grid; gap: var(--tv-space-1); min-width: 0; }
.tv-customer-account-head h1{ color: var(--tv-text); }
.tv-customer-account-head p{ color: var(--tv-text-muted); }
.tv-customer-account-head .tv-customer-kicker{ color: var(--tv-accent); }
.tv-customer-back{
  justify-self: start;
  min-height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tv-brand-hover);
  font-weight: 800;
  cursor: pointer;
}
.tv-customer-back:hover,
.tv-customer-back:focus-visible{ color: var(--tv-accent); text-decoration: underline; outline: none; }
.tv-customer-account-actions{ display: flex; flex-wrap: wrap; gap: var(--tv-space-2); justify-content: flex-end; align-items: flex-start; }
.tv-customer-account-actions .btn{ min-height: 40px; }
.tv-customer-account-meta{ display: flex; align-items: center; flex-wrap: wrap; gap: var(--tv-space-2); margin-top: 2px; color: var(--tv-text-muted); font-size: 11px; }
.tv-customer-account-badges{ display: flex; flex-wrap: wrap; gap: var(--tv-space-2); margin-top: var(--tv-space-1); }

.tv-customer-account-command{
  display: grid;
  grid-template-columns: minmax(190px, .55fr) minmax(0, 1.4fr) minmax(190px, .55fr);
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  overflow: hidden;
}
.tv-customer-account-command-state,
.tv-customer-account-command-empty{ display: grid; align-content: center; gap: 2px; min-width: 0; padding: var(--tv-space-3) var(--tv-space-4); }
.tv-customer-account-command-state{ border-right: 1px solid var(--tv-border); }
.tv-customer-account-command-state span,
.tv-customer-account-command-metrics span,
.tv-customer-account-command-currencies span{ color: var(--tv-text-muted); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.tv-customer-account-command-state strong{ color: var(--tv-text); font-size: 15px; }
.tv-customer-account-command-state small,
.tv-customer-account-command-empty small,
.tv-customer-account-command-currencies small{ color: var(--tv-text-muted); font-size: 10px; }
.tv-customer-account-command-currencies{ display: flex; min-width: 0; overflow-x: auto; }
.tv-customer-account-command-currencies > div{ display: grid; align-content: center; gap: 2px; flex: 1 0 165px; min-width: 0; padding: var(--tv-space-3) var(--tv-space-4); border-right: 1px solid var(--tv-border); }
.tv-customer-account-command-currencies strong{ color: var(--tv-text); font-size: 15px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tv-customer-account-command-currencies small{ color: var(--tv-danger); white-space: nowrap; }
.tv-customer-account-command-empty{ border-right: 1px solid var(--tv-border); }
.tv-customer-account-command-empty strong{ color: var(--tv-text); font-size: 12px; }
.tv-customer-account-command-metrics{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; }
.tv-customer-account-command-metrics > div{ display: grid; align-content: center; gap: 2px; min-width: 0; padding: var(--tv-space-3); border-left: 1px solid var(--tv-border); }
.tv-customer-account-command-metrics > div:first-child{ border-left: 0; }
.tv-customer-account-command-metrics strong{ color: var(--tv-text); font-size: 18px; font-variant-numeric: tabular-nums; }

.tabs.tv-customer-account-tabs{
  display: flex;
  gap: 0;
  min-width: 0;
  min-height: 48px;
  padding: 0 var(--tv-space-2);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.tabs.tv-customer-account-tabs .tv-customer-account-tab{
  flex: 0 0 auto;
  min-height: 48px;
  padding: 0 var(--tv-space-4);
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 750;
}
.tabs.tv-customer-account-tabs .tv-customer-account-tab:hover{ background: var(--tv-surface-muted); color: var(--tv-text); }
.tabs.tv-customer-account-tabs .tv-customer-account-tab.active,
.tabs.tv-customer-account-tabs .tv-customer-account-tab[aria-selected="true"]{ border-color: var(--tv-accent); color: var(--tv-brand); }
.tabs.tv-customer-account-tabs .tv-customer-account-tab:focus-visible{ outline: 3px solid color-mix(in srgb, var(--tv-accent) 28%, transparent); outline-offset: -4px; }
.tv-customer-account-tabpanel{ display: grid; gap: var(--tv-space-3); min-width: 0; border-radius: var(--tv-radius-md); outline: none; scroll-margin-top: var(--tv-header-height); }
.tv-customer-account-tabpanel[hidden]{ display: none; }
.tv-customer-account-tabpanel:focus-visible{ box-shadow: 0 0 0 3px color-mix(in srgb, var(--tv-accent) 20%, transparent); }

.tv-customer-account-overview{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tv-space-3);
}
.tv-customer-account-identity{ padding: var(--tv-space-5); }
.tv-customer-account-identity h2,
.tv-customer-section-head h2{
  margin: 0;
  color: var(--tv-text);
  font-size: 17px;
  letter-spacing: -.015em;
}
.tv-customer-account-identity h2{ margin-bottom: var(--tv-space-3); }
.tv-customer-info{
  display: grid;
  grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
  gap: var(--tv-space-3);
  padding: var(--tv-space-2) 0;
  border-bottom: 1px solid var(--tv-border);
  align-items: baseline;
}
.tv-customer-info:last-child{ border-bottom: 0; }
.tv-customer-info > span{ color: var(--tv-text-muted); font-size: 11px; font-weight: 750; text-transform: capitalize; }
.tv-customer-info > strong,
.tv-customer-info > .health-line-value{ min-width: 0; color: var(--tv-text); font-size: 12px; font-weight: 750; overflow-wrap: anywhere; text-align: right; }

.tv-customer-section{ overflow: hidden; break-inside: avoid; }
.tv-customer-section-head{
  padding: var(--tv-space-4) var(--tv-space-5);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}
.tv-customer-section-head p{ margin: var(--tv-space-1) 0 0; color: var(--tv-text-muted); font-size: 11px; line-height: 1.45; }

.tv-customer-currency-grid,
.tv-customer-aging-grid,
.tv-customer-evidence-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--tv-space-3);
  padding: var(--tv-space-4);
}
.tv-customer-currency-card,
.tv-customer-aging-card,
.tv-customer-evidence-grid > div{
  min-width: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}
.tv-customer-currency-card > header,
.tv-customer-aging-card > header{
  display: flex;
  justify-content: space-between;
  gap: var(--tv-space-3);
  align-items: center;
  padding-bottom: var(--tv-space-2);
  margin-bottom: var(--tv-space-1);
  border-bottom: 1px solid var(--tv-border);
}
.tv-customer-currency-card > header > strong,
.tv-customer-aging-card > header > strong{ color: var(--tv-brand); font-size: 17px; }
.tv-customer-aging-card > header > span{ color: var(--tv-text-muted); font-size: 11px; }
.tv-customer-aging-buckets{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: var(--tv-space-3) 0; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-sm); overflow: hidden; }
.tv-customer-aging-buckets > div{ display: grid; gap: var(--tv-space-1); padding: var(--tv-space-2); border-right: 1px solid var(--tv-border); text-align: center; }
.tv-customer-aging-buckets > div:last-child{ border-right: 0; }
.tv-customer-aging-buckets span{ color: var(--tv-text-muted); font-size: 10px; }
.tv-customer-aging-buckets strong{ color: var(--tv-text); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }

.tv-customer-table-wrap{
  max-width: 100%;
  overflow: auto;
  outline: none;
}
.tv-customer-table-wrap:focus-visible{ box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--tv-accent) 20%, transparent); }
.tv-customer-table{ width: 100%; min-width: 850px; border-collapse: collapse; table-layout: auto; }
.tv-customer-table th{
  padding: var(--tv-space-3);
  border-bottom: 1px solid var(--tv-border-strong);
  background: var(--tv-surface-strong);
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .055em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.tv-customer-table td{
  padding: var(--tv-space-3);
  border-bottom: 1px solid var(--tv-border);
  color: var(--tv-text);
  font-size: 11px;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.tv-customer-table td:nth-last-child(-n + 3),
.tv-customer-table th:nth-last-child(-n + 3){ text-align: right; font-variant-numeric: tabular-nums; }
.tv-customer-table td small{ display: block; margin-top: var(--tv-space-1); color: var(--tv-text-muted); }
.tv-customer-table tbody tr:last-child td{ border-bottom: 0; }
.tv-customer-ref{
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tv-brand-hover);
  font: inherit;
  font-weight: 850;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.tv-customer-ref:hover,
.tv-customer-ref:focus-visible{ color: var(--tv-accent); outline: 2px solid color-mix(in srgb, var(--tv-accent) 24%, transparent); outline-offset: 3px; }
.tv-customer-money-due{ color: var(--tv-danger); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tv-customer-section-pager{ border-bottom: 0; }

.tv-customer-equations{
  display: grid;
  gap: var(--tv-space-2);
  padding: var(--tv-space-3) var(--tv-space-4);
  border-top: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}
.tv-customer-equations > div{ display: flex; justify-content: space-between; gap: var(--tv-space-4); color: var(--tv-text); font-size: 11px; font-variant-numeric: tabular-nums; }
.tv-customer-control-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--tv-space-8); padding: var(--tv-space-4) var(--tv-space-5); }
.tv-customer-evidence-grid h3{ margin: 0 0 var(--tv-space-2); color: var(--tv-text); font-size: 13px; }
.tv-customer-evidence-grid .tv-customer-info > strong{ line-height: 1.5; text-align: left; white-space: pre-wrap; }
.tv-customer-subsections{ display: grid; gap: var(--tv-space-4); min-width: 0; }
.tv-customer-action-readiness{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--tv-space-2); padding: var(--tv-space-4); }
.tv-customer-action-readiness > div{ display: flex; align-items: flex-start; justify-content: space-between; gap: var(--tv-space-3); padding: var(--tv-space-3); border: 1px solid var(--tv-border); border-radius: var(--tv-radius-sm); background: var(--tv-surface); }
.tv-customer-action-readiness > div > div{ display: grid; gap: var(--tv-space-1); min-width: 0; }
.tv-customer-action-readiness strong{ color: var(--tv-text); font-size: 12px; }
.tv-customer-action-readiness small{ color: var(--tv-text-muted); font-size: 10px; line-height: 1.4; }
.tv-customer-action-readiness .btn{ min-height: 36px; flex: 0 0 auto; }

.tv-customer-timeline{ display: grid; gap: 0; margin: 0; padding: var(--tv-space-4) var(--tv-space-5) var(--tv-space-5); list-style: none; }
.tv-customer-timeline li{ position: relative; display: grid; grid-template-columns: var(--tv-space-5) minmax(0, 1fr); gap: var(--tv-space-3); min-width: 0; padding: 0 0 var(--tv-space-4); }
.tv-customer-timeline li::before{ content: ""; position: absolute; left: 5px; top: 12px; bottom: -2px; width: 1px; background: var(--tv-border-strong); }
.tv-customer-timeline li:last-child::before{ display: none; }
.tv-customer-timeline-marker{ position: relative; z-index: 1; width: 11px; height: 11px; margin-top: var(--tv-space-1); border: 3px solid var(--tv-brand-soft); border-radius: 50%; background: var(--tv-brand-hover); box-sizing: border-box; }
.tv-customer-timeline header{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--tv-space-2); }
.tv-customer-timeline p{ margin: var(--tv-space-1) 0; color: var(--tv-text-muted); font-size: 11px; line-height: 1.45; }
.tv-customer-timeline small{ color: var(--tv-text-muted); font-size: 10px; }

.tv-customer-account-footer{
  display: flex;
  justify-content: space-between;
  gap: var(--tv-space-5);
  padding: var(--tv-space-4) var(--tv-space-1) 0;
  color: var(--tv-text-muted);
  font-size: 10px;
}

.tv-customer-print-state{
  display: grid;
  gap: var(--tv-space-2);
  padding: var(--tv-space-4) var(--tv-space-5);
  border: 1px solid var(--tv-border-strong);
  border-left: var(--tv-space-1) solid var(--tv-brand-hover);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  color: var(--tv-text);
}
.tv-customer-print-state.is-loading{ background: var(--tv-brand-soft); }
.tv-customer-print-state.is-error{ border-color: var(--tv-danger); border-left-color: var(--tv-danger); background: color-mix(in srgb, var(--tv-danger) 7%, var(--tv-surface)); }
.tv-customer-print-state strong{ font-size: 13px; }
.tv-customer-print-state p{ margin: 0; color: var(--tv-text-muted); font-size: 11px; }
.tv-customer-print-state ul{ display: grid; gap: var(--tv-space-1); margin: 0; padding-inline-start: var(--tv-space-5); color: var(--tv-text-muted); font-size: 11px; }
.tv-customer-print-state li strong{ color: var(--tv-text); text-transform: capitalize; }
.tv-customer-print-coverage{ display: grid; gap: var(--tv-space-3); min-width: 0; }
.tv-customer-print-certification{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--tv-space-3); padding: var(--tv-space-4); border-bottom: 1px solid var(--tv-border); background: var(--tv-surface-muted); }
.tv-customer-print-certification .tv-customer-info{ grid-template-columns: 1fr; gap: var(--tv-space-1); }
.tv-customer-print-certification .tv-customer-info > strong{ text-align: left; }

@media (max-width: 900px) {
  .tv-customer-register-summary{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tv-customer-register-page[data-route-id="customers"] .tv-customer-register-summary{ grid-template-columns: 1fr; }
  .tv-customer-exposure{ border-right: 0; border-bottom: 1px solid var(--tv-border); }
  .tv-customer-register-toolbar{ grid-template-columns: minmax(0, 1fr) minmax(150px, .4fr) minmax(170px, .44fr); }
  .tv-customer-account-command{ grid-template-columns: 1fr; }
  .tv-customer-account-command-state,
.tv-customer-account-command-empty,
.tv-customer-account-command-currencies{ border-right: 0; border-bottom: 1px solid var(--tv-border); }
  .tv-customer-account-overview{ grid-template-columns: 1fr; }
  .tv-customer-control-grid{ grid-template-columns: 1fr; }
  .tv-customer-print-certification{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tv-customer-account-footer{ display: grid; }
}

.tv-gl-command-center-frame .workspace-body{ align-items: start; }
.tv-gl-command-center-frame .workspace-main{ min-width: 0; }

.tv-gl-controls{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--tv-space-3); padding: var(--tv-space-4); border-bottom: 1px solid var(--tv-border); background: var(--tv-surface-muted); }
.tv-gl-field{ display: grid; gap: var(--tv-space-1); min-width: 0; }
.tv-gl-field > span{ color: var(--tv-text-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tv-gl-field input,
.tv-gl-field select{ width: 100%; min-height: 40px; border: 1px solid var(--tv-border-strong); border-radius: var(--tv-radius-sm); background: var(--tv-surface); color: var(--tv-text); padding: 9px 10px; font: inherit; }
.tv-gl-controls > .btn{ align-self: end; min-height: 40px; }
.tv-gl-register,
.tv-gl-rail-panel{ border: 1px solid var(--tv-border); border-radius: var(--tv-radius-md); background: var(--tv-surface); box-shadow: var(--tv-shadow-panel); overflow: hidden; }
.tv-gl-register-head{ display: flex; align-items: center; justify-content: space-between; gap: var(--tv-space-3); padding: var(--tv-space-4); border-bottom: 1px solid var(--tv-border); }
.tv-gl-register-head h3,
.tv-gl-rail-panel h3{ margin: 0; color: var(--tv-text); font-size: 16px; }
.tv-gl-register-head p,
.tv-gl-rail-panel p{ margin: 4px 0 0; color: var(--tv-text-muted); font-size: 12px; line-height: 1.45; }
.tv-gl-count{ border-radius: 999px; background: var(--tv-brand-soft); color: var(--tv-brand); padding: 6px 10px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.tv-gl-register .data-table{ margin: 0; }
.tv-gl-register .data-table td,
.tv-gl-register .data-table th{ vertical-align: top; }
.tv-gl-register .data-table{ table-layout: fixed; }
.tv-gl-register .data-table :is(th, td)[data-column-key="postingDate"]{ width: 112px; }
.tv-gl-register .data-table :is(th, td)[data-column-key="account"]{ width: 24%; }
.tv-gl-register .data-table :is(th, td)[data-column-key="party"]{ width: 17%; }
.tv-gl-register .data-table :is(th, td)[data-column-key="voucher"]{ width: 21%; }
.tv-gl-register .data-table :is(th, td)[data-column-key="debit"],
.tv-gl-register .data-table :is(th, td)[data-column-key="credit"]{ width: 130px; text-align: right; }
.tv-gl-entity,
.tv-gl-source-link{ display: grid; gap: 2px; min-width: 0; text-align: left; }
.tv-gl-entity strong,
.tv-gl-source-link strong{ overflow-wrap: anywhere; }
.tv-gl-entity small,
.tv-gl-source-link small,
.tv-gl-money small{ color: var(--tv-text-subtle); font-size: 11px; }
.tv-gl-money{ display: grid; justify-items: end; gap: 2px; white-space: normal; text-align: right; font-variant-numeric: tabular-nums; }
.tv-gl-money strong{ overflow-wrap: anywhere; }
.tv-gl-source-link{ border: 0; background: transparent; color: var(--tv-brand); cursor: pointer; padding: 0; }
.tv-gl-muted{ color: var(--tv-text-muted); font-size: 12px; line-height: 1.5; }
.tv-gl-pagination{ display: flex; align-items: center; justify-content: space-between; gap: var(--tv-space-3); padding: var(--tv-space-3) var(--tv-space-4); border-top: 1px solid var(--tv-border); color: var(--tv-text-muted); font-size: 12px; }
.tv-gl-pagination > div{ display: flex; gap: var(--tv-space-2); }
.tv-gl-rail-panel{ padding: var(--tv-space-4); }
.tv-gl-currency-row{ display: grid; grid-template-columns: 70px 1fr auto; gap: 6px 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--tv-border); font-size: 12px; }
.tv-gl-currency-row:last-child{ border-bottom: 0; }
.tv-gl-currency-row .tv-gl-currency-entry-count,
.tv-gl-currency-row .tv-gl-currency-debit,
.tv-gl-currency-row .tv-gl-currency-credit{ grid-column: 2 / -1; color: var(--tv-text-muted); }
.tv-gl-currency-row .status-badge{ grid-column: 3; grid-row: 1; }
.tv-gl-rail-action{ display: block; width: 100%; border: 0; border-bottom: 1px solid var(--tv-border); background: transparent; color: var(--tv-brand); padding: 11px 0; text-align: left; font-weight: 800; cursor: pointer; }
.tv-gl-rail-action:last-child{ border-bottom: 0; }
.tv-gl-stale{ margin-bottom: var(--tv-space-3); padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--tv-warning) 45%, var(--tv-border)); border-radius: var(--tv-radius-sm); color: var(--tv-warning); background: var(--tv-surface-muted); font-size: 12px; }
.tv-gl-scope-note{ margin-bottom: var(--tv-space-3); padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--tv-info) 35%, var(--tv-border)); border-radius: var(--tv-radius-sm); color: var(--tv-info); background: var(--tv-brand-soft); font-size: 12px; font-weight: 700; }
.tv-gl-drawer{ display: grid; gap: var(--tv-space-3); }
.tv-gl-drawer-hero{ display: flex; justify-content: space-between; gap: var(--tv-space-4); padding: var(--tv-space-4); border: 1px solid var(--tv-border); border-left: 4px solid var(--tv-brand); border-radius: var(--tv-radius-md); background: var(--tv-surface-muted); }
.tv-gl-kicker{ color: var(--tv-text-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tv-gl-drawer-hero h2{ margin: 4px 0; overflow-wrap: anywhere; }
.tv-gl-drawer-hero p{ margin: 0; color: var(--tv-text-muted); font-size: 12px; }
.tv-gl-drawer-amount{ display: grid; align-content: center; justify-items: end; min-width: 150px; text-align: right; }
.tv-gl-drawer-amount strong{ overflow-wrap: anywhere; font-size: 20px; font-variant-numeric: tabular-nums; }
.tv-gl-drawer-amount span{ color: var(--tv-text-muted); font-size: 11px; }
.tv-gl-evidence-panel{ display: grid; gap: 8px; padding: var(--tv-space-4); border: 1px solid var(--tv-border); border-radius: var(--tv-radius-md); background: var(--tv-surface); }
.tv-gl-evidence-panel h3{ margin: 0; font-size: 15px; }
.tv-gl-evidence-row{ display: flex; justify-content: space-between; gap: var(--tv-space-3); padding: 8px 0; border-bottom: 1px solid var(--tv-border); font-size: 12px; }
.tv-gl-evidence-row:last-child{ border-bottom: 0; }
.tv-gl-evidence-row span{ color: var(--tv-text-muted); }
.tv-gl-evidence-row strong{ max-width: 65%; overflow-wrap: anywhere; text-align: right; }
.tv-gl-currency-total{ display: grid; grid-template-columns: auto 1fr 1fr auto; gap: 8px; align-items: center; padding: 9px; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-sm); font-size: 12px; }
.tv-gl-currency-total span{ color: var(--tv-text-muted); }

@media (max-width: 900px) {
  .tv-gl-controls{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tv-gl-register-head{ align-items: flex-start; flex-direction: column; }
  .tv-gl-register .data-table{ min-width: 760px; }
  .tv-gl-register{ overflow-x: auto; }
}

@media (max-width: 520px) {
  .tv-gl-controls{ grid-template-columns: 1fr; padding: var(--tv-space-3); }
  .tv-gl-controls > .btn{ width: 100%; }
  .tv-gl-register{ overflow: visible; }
  .tv-gl-register .data-table{ min-width: 0; }
  .tv-gl-register .data-table thead{ display: none; }
  .tv-gl-register .data-table,
.tv-gl-register .data-table tbody,
.tv-gl-register .data-table tr,
.tv-gl-register .data-table td{ display: block; width: 100%; }
  .tv-gl-register .data-table tr{ padding: var(--tv-space-3); border-bottom: 1px solid var(--tv-border); }
  .tv-gl-register .data-table td{ display: flex; justify-content: space-between; gap: var(--tv-space-3); padding: 5px 0; border: 0; text-align: right; }
  .tv-gl-register .data-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 11px; font-weight: 800; text-align: left; }
  .tv-gl-register .data-table td > *{ max-width: 68%; }
  .tv-gl-drawer-hero{ flex-direction: column; }
  .tv-gl-drawer-amount{ justify-items: start; min-width: 0; text-align: left; }
  .tv-gl-currency-total{ grid-template-columns: 1fr 1fr; }
  .tv-gl-currency-total .status-badge{ justify-self: start; }
  .tv-gl-pagination{ align-items: stretch; flex-direction: column; }
  .tv-gl-pagination > div{ width: 100%; }
  .tv-gl-pagination > div .btn{ flex: 1; }
}

@media (max-width: 520px) {
  .tv-customer-register-page,
.tv-customer-account-page{ gap: var(--tv-space-3); padding-bottom: calc(3 * var(--tv-space-10) + env(safe-area-inset-bottom)); }
  .tv-customer-register-head,
.tv-customer-account-head{ display: grid; gap: var(--tv-space-3); padding: var(--tv-space-4); }
  .tv-customer-register-head .btn{ width: 100%; min-height: 44px; }
  .tv-customer-account-actions{ width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tv-customer-account-actions .btn{ width: 100%; min-height: 44px; }
  .tv-customer-register-page[data-route-id="customers"] .tv-customer-register-summary{ gap: 0; }
  .tv-customer-summary-tile{ min-height: 88px; padding: var(--tv-space-3); }
  .tv-customer-summary-tile strong{ font-size: 22px; }
  .tv-customer-exposure{ grid-template-columns: 1fr; gap: var(--tv-space-2); padding: var(--tv-space-3); }
  .tv-customer-exposure-copy{ grid-template-columns: max-content minmax(0, 1fr); align-items: baseline; column-gap: var(--tv-space-2); }
  .tv-customer-exposure-list{ gap: var(--tv-space-3); }
  .tv-customer-exposure-list article{ padding-left: var(--tv-space-3); }
  .tv-customer-exposure-list .tv-customer-exposure-row-secondary{ display: none; }
  .tv-customer-exposure-list strong{ font-size: 14px; }
  .tv-customer-exposure-list .tv-customer-exposure-more,
.tv-customer-exposure-list .tv-customer-exposure-more.is-desktop-empty{ display: inline-flex; font-size: 0; }
  .tv-customer-exposure-list .tv-customer-exposure-more::after{ content: attr(data-mobile-label); font-size: 10px; }
  .tv-customer-register-metrics{ grid-template-columns: repeat(4, minmax(74px, 1fr)); overflow-x: auto; }
  .tv-customer-register-metric{ min-height: 56px; padding: var(--tv-space-2) var(--tv-space-3); }
  .tv-customer-register-metric strong{ font-size: 17px; }
  .tv-customer-register-filters > summary{ min-height: 46px; }
  .tv-customer-register-toolbar{ grid-template-columns: 1fr; }
  .tv-customer-register-toolbar .btn{ width: 100%; min-height: 44px; }
  .tv-customer-pager{ align-items: stretch; display: grid; }
  .tv-customer-pager > div{ justify-content: space-between; }
  .tv-customer-pager .btn{ min-height: 44px; }
  .tv-customer-currency-grid,
.tv-customer-aging-grid,
.tv-customer-evidence-grid{ grid-template-columns: 1fr; padding: var(--tv-space-3); }
  .tv-customer-aging-buckets{ overflow-x: auto; }
  .tv-customer-aging-buckets > div{ min-width: 76px; }
  .tv-customer-info{ grid-template-columns: minmax(105px, .42fr) minmax(0, 1fr); }
  .tv-customer-section-head{ padding: var(--tv-space-4); }
  .tv-customer-print-certification{ grid-template-columns: 1fr; }
  .tabs.tv-customer-account-tabs{ min-height: 46px; padding-inline: var(--tv-space-1); }
  .tabs.tv-customer-account-tabs .tv-customer-account-tab{ min-height: 46px; padding-inline: var(--tv-space-3); }
  .tv-customer-account-command-currencies > div{ flex-basis: 150px; }
}

.workforce-time-cockpit > .workspace-hero{
  min-height: 0;
}

.workforce-time-cockpit > .workspace-hero .workspace-hero-actions{
  width: 100%;
  justify-content: flex-start;
}

@media (max-width: 520px) {
  .workforce-time-cockpit > .workspace-hero{
    margin-top: 40px;
  }
}

.tv-customer-managed-ledger-action{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-4);
  padding: var(--tv-space-3) var(--tv-space-4);
  margin-bottom: var(--tv-space-4);
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-brand-soft);
}
.tv-customer-managed-ledger-action > div{ display: grid; gap: var(--tv-space-1); }
.tv-customer-managed-ledger-action .tv-customer-managed-ledger-buttons{
  display: flex;
  flex: none;
  flex-wrap: wrap;
  gap: var(--tv-space-2);
}
.tv-customer-managed-ledger-action span{ color: var(--tv-text-muted); font-size: 12px; }
@media (max-width: 520px) {
  .tv-customer-managed-ledger-action{ align-items: stretch; flex-direction: column; }
  .tv-customer-managed-ledger-action .tv-customer-managed-ledger-buttons{ display: grid; grid-template-columns: 1fr; }
  .tv-customer-managed-ledger-action .btn{ width: 100%; }
}
.tv-managed-ledger-context{
  display: grid;
  grid-template-columns: minmax(150px, .7fr) minmax(150px, .7fr) minmax(190px, .8fr) auto minmax(260px, 1.5fr);
  align-items: end;
  gap: var(--tv-space-3);
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}
.tv-managed-ledger-context .field{ margin: 0; }
.tv-managed-ledger-context > input[type="search"]{ min-height: 44px; }
.tv-managed-ledger-tabs,
.tv-customer-ledger-tabs{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tv-space-2);
  padding: var(--tv-space-1);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}
.tv-managed-ledger-tabs{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tv-managed-ledger-tab,
.tv-customer-ledger-tab{
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 52px;
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid transparent;
  border-radius: var(--tv-radius-sm);
  background: transparent;
  color: var(--tv-text-muted);
  text-align: left;
  cursor: pointer;
}
.tv-managed-ledger-tab strong,
.tv-customer-ledger-tab strong{ color: var(--tv-text); font-size: 13px; }
.tv-managed-ledger-tab small,
.tv-customer-ledger-tab small{ overflow-wrap: anywhere; }
.tv-managed-ledger-tab.active,
.tv-customer-ledger-tab.active{
  border-color: var(--tv-border-strong);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}
.tv-managed-ledger-tab.active strong,
.tv-customer-ledger-tab.active strong{ color: var(--tv-brand); }
.tv-managed-ledger-tab:focus-visible,
.tv-customer-ledger-tab:focus-visible{ outline: 3px solid color-mix(in srgb, var(--tv-accent) 28%, transparent); outline-offset: 1px; }
.tv-managed-ledger-equations{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--tv-space-2); padding: var(--tv-space-3) var(--tv-space-4); background: var(--tv-surface-muted); }
.tv-managed-ledger-equations > div{ display: grid; gap: 2px; min-width: 0; }
.tv-managed-ledger-equations span{ color: var(--tv-text-muted); font-size: 12px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tv-managed-ledger-transactions{ min-width: 900px; }
.tv-managed-ledger-profit{ min-width: 1180px; }
.tv-managed-ledger-print-table,
.tv-managed-ledger-print-document{ display: none; }
.tv-managed-ledger-total-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--tv-space-3);
  min-width: 0;
}
.tv-managed-ledger-total{
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}
.tv-managed-ledger-total strong{
  color: var(--tv-brand);
  font-size: 22px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.tv-managed-ledger-total span{ color: var(--tv-text); font-weight: 750; }
.tv-managed-ledger-total small{ color: var(--tv-text-muted); overflow-wrap: anywhere; }
.tv-managed-ledger-groups{ display: grid; gap: var(--tv-space-5); min-width: 0; }
.tv-managed-ledger-group{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}
.tv-managed-ledger-group-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-4);
  padding: var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}
.tv-managed-ledger-group-head h3{ margin: 2px 0; font-size: 18px; }
.tv-managed-ledger-group-head h2{ margin: 2px 0; font-size: 20px; }
.tv-managed-ledger-open-queue{ border-color: color-mix(in srgb, var(--tv-warning) 48%, var(--tv-border-strong)); }
.tv-managed-ledger-open-queue > .tv-managed-ledger-group-head{ background: color-mix(in srgb, var(--tv-warning) 7%, var(--tv-surface)); }
.tv-managed-ledger-open-count{ color: var(--tv-warning); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tv-managed-ledger-outstanding{ color: var(--tv-danger); font-weight: 850; }
.tv-managed-ledger-credit-panel{
  display: grid;
  gap: var(--tv-space-3);
  padding: var(--tv-space-4);
  border: 1px solid color-mix(in srgb, var(--tv-success) 45%, var(--tv-border-strong));
  border-radius: var(--tv-radius-md);
  background: color-mix(in srgb, var(--tv-success) 6%, var(--tv-surface));
  box-shadow: var(--tv-shadow-panel);
}
.tv-managed-ledger-credit-panel-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: var(--tv-space-4); }
.tv-managed-ledger-credit-panel-head h2{ margin: 2px 0; font-size: 20px; }
.tv-managed-ledger-credit-panel-head small{ display: block; color: var(--tv-text-muted); max-width: 760px; }
.tv-managed-ledger-credit-list{ display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--tv-space-2); }
.tv-managed-ledger-credit-row{ display: flex; justify-content: space-between; gap: var(--tv-space-3); padding: var(--tv-space-3); border: 1px solid var(--tv-border); border-radius: var(--tv-radius-sm); background: var(--tv-surface); }
.tv-managed-ledger-credit-row strong:last-child{ color: var(--tv-success); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tv-managed-ledger-history-title{ margin: var(--tv-space-2) 0 0; font-size: 18px; }
.tv-managed-ledger-group > .tv-managed-ledger-total-grid{ padding: var(--tv-space-3) var(--tv-space-4); }
.tv-managed-ledger-group > .tv-managed-ledger-total-grid .tv-managed-ledger-total{ padding: var(--tv-space-3); background: var(--tv-surface-muted); box-shadow: none; }
.tv-managed-ledger-group > .tv-managed-ledger-total-grid .tv-managed-ledger-total strong{ font-size: 17px; }
.tv-managed-ledger-table-wrap{ min-width: 0; overflow-x: auto; border-top: 1px solid var(--tv-border); }
.tv-managed-ledger-table{ width: 100%; min-width: 1040px; border-collapse: collapse; table-layout: fixed; }
.tv-managed-ledger-table th,
.tv-managed-ledger-table td{ padding: 10px 12px; border-bottom: 1px solid var(--tv-border); text-align: left; vertical-align: top; }
.tv-managed-ledger-table th{ background: var(--tv-brand); color: var(--tv-on-brand); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.tv-managed-ledger-table .numeric-cell{ text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tv-managed-ledger-table td small{ display: block; margin-top: 3px; color: var(--tv-text-muted); }
.tv-text-link{ appearance: none; padding: 0; border: 0; background: transparent; color: var(--tv-brand); font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; }

@media (max-width: 900px) {
  .tv-managed-ledger-context{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tv-managed-ledger-context > input[type="search"]{ grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  .tv-managed-ledger-tabs,
.tv-customer-ledger-tabs{ grid-template-columns: 1fr; }
  .tv-managed-ledger-context{ grid-template-columns: 1fr; }
  .tv-managed-ledger-context > input[type="search"]{ grid-column: auto; }
  .tv-managed-ledger-group-head{ align-items: flex-start; }
  .tv-managed-ledger-table{ min-width: 0; }
  .tv-managed-ledger-table thead{ display: none; }
  .tv-managed-ledger-table tbody,
.tv-managed-ledger-table tr,
.tv-managed-ledger-table td{ display: grid; width: 100%; min-width: 0; }
  .tv-managed-ledger-table tr{ gap: var(--tv-space-2); padding: var(--tv-space-3); border-bottom: 1px solid var(--tv-border); }
  .tv-managed-ledger-table td{ grid-template-columns: minmax(108px, .42fr) minmax(0, 1fr); gap: var(--tv-space-2); padding: 2px 0; border: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; }
  .tv-managed-ledger-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
}

@media print {
  @page { size: A4 portrait; margin: 11mm 10mm 12mm; }
  html,
body{ background: var(--tv-surface) !important; }
  body *{ visibility: hidden; }
  .travel-voucher-print.is-printing,
.travel-voucher-print.is-printing *{ visibility: visible; }
  .travel-voucher-print.is-printing{
    position: absolute;
    inset: 0;
    width: 100%;
    padding: 10mm;
    background: var(--tv-surface) !important;
    color: #101817;
  }
  .travel-voucher-print.is-printing .panel,
.travel-voucher-print.is-printing .health-line{ break-inside: avoid; }
  .tv-customer-account-host,
.tv-customer-account-host *{ visibility: visible; }
  .tv-customer-account-host{
    position: absolute;
    inset: 0;
    width: 100%;
    background: var(--tv-surface) !important;
  }
  .tv-customer-account-page{
    display: block;
    padding: 0;
    color: #101817;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .tv-customer-account-page > *{ margin-bottom: 6mm; }
  .tv-customer-account-head{
    display: block;
    padding: 8mm;
    border: 1px solid #1f3f39;
    border-left: 3mm solid var(--tv-accent);
    background: var(--tv-brand) !important;
    color: var(--tv-surface) !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    break-after: avoid;
  }
  .tv-customer-account-head::after,
.no-print{ display: none !important; }
  .tv-customer-account-meta{ margin-top: 3mm; color: #e4efeb; }
  .tv-customer-account-overview{ display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; break-inside: avoid; }
  .tv-customer-section,
.tv-customer-account-identity,
.tv-customer-currency-card,
.tv-customer-aging-card,
.tv-customer-evidence-grid > div{ border-color: #b7c2bd !important; border-radius: 2mm; box-shadow: none !important; }
  .tv-customer-section-head,
.tv-customer-table th{ background: #edf2ef !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .tv-customer-section{ break-inside: auto; }
  .tv-customer-section-head{ padding: 3mm 4mm; break-after: avoid; }
  .tv-customer-print-declaration{ break-before: page; }
  .tv-customer-print-certification{ grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 3mm; }
  .tv-customer-currency-grid,
.tv-customer-evidence-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3mm; padding: 3mm; }
  .tv-customer-aging-grid{ grid-template-columns: 1fr; gap: 3mm; padding: 3mm; }
  .tv-customer-aging-buckets strong{ white-space: normal; overflow-wrap: anywhere; }
  .tv-customer-table-wrap{ overflow: visible; }
  .tv-customer-table{ min-width: 0; font-size: 7.5pt; table-layout: fixed; }
  .tv-customer-table thead{ display: table-header-group; }
  .tv-customer-table th,
.tv-customer-table td{ padding: 2mm 1.7mm; font-size: 7.5pt; overflow-wrap: anywhere; }
  .tv-customer-table tr{ break-inside: avoid; }
  .tv-customer-timeline{ padding: 3mm 4mm; }
  .tv-customer-account-footer{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 1mm; border-top: 1px solid #b7c2bd; padding-top: 3mm; overflow-wrap: anywhere; }
  .tv-customer-account-footer > *{ display: block; min-width: 0; }
  a{ color: #10201c !important; text-decoration: none !important; }
}

.app-shell .workspace .tv-invoice-editor{
  width: min(100%, 1480px);
  min-width: 0;
  margin: 0 auto;
  padding: 18px 18px 32px;
  gap: 14px;
  color: var(--tv-text);
  scroll-padding-bottom: 32px;
}

.app-shell .workspace .tv-invoice-editor > .workspace-hero,
.app-shell .workspace .tv-invoice-editor > .tv-document-strip,
.app-shell .workspace .tv-invoice-editor > .editor-grid,
.app-shell .workspace .tv-invoice-editor > .editor-table,
.app-shell .workspace .tv-invoice-editor > .invoice-totals-panel,
.app-shell .workspace .tv-invoice-editor > .advanced-invoice-fields,
.app-shell .workspace .tv-invoice-editor > .sticky-save,
.app-shell .workspace .tv-invoice-editor > .form-errors,
.app-shell .workspace .tv-invoice-editor > .draft-recovery,
.app-shell .workspace .tv-invoice-editor > [data-invoice-edit-scope],
.app-shell .workspace .tv-invoice-editor .invoice-revision-guard{
  min-width: 0;
  margin: 0;
  border-radius: var(--tv-radius-md);
  border: 1px solid var(--tv-border);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.app-shell .workspace .tv-invoice-editor > .workspace-hero{
  min-height: 82px;
  padding: 16px 18px;
  border-inline-start: 4px solid var(--tv-brand);
}

.app-shell .workspace .tv-invoice-editor > .workspace-hero h1,
.app-shell .workspace .tv-invoice-editor > .workspace-hero h2{
  margin: 0;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.app-shell .workspace .tv-invoice-editor > .workspace-hero p{
  margin: 5px 0 0;
  color: var(--tv-text-muted);
  font-size: 13px;
  font-weight: 650;
}

.app-shell .workspace .tv-invoice-editor > .workspace-hero h1[tabindex="-1"]:focus,
.app-shell .workspace .tv-invoice-editor > .workspace-hero h2[tabindex="-1"]:focus{
  outline: none;
}

.app-shell .workspace .tv-invoice-editor > .tv-document-strip{
  display: grid;
  grid-template-columns: minmax(210px, 1.35fr) repeat(5, minmax(120px, 1fr));
  overflow: hidden;
  border-inline-start: 4px solid var(--tv-brand);
}

.app-shell .workspace .tv-invoice-editor > .tv-document-strip > div{
  min-width: 0;
  min-height: 68px;
  align-content: center;
  gap: 4px;
  padding: 12px 14px;
  border: 0;
  border-inline-end: 1px solid var(--tv-border);
}

.app-shell .workspace .tv-invoice-editor > .tv-document-strip > div:last-child{
  border-inline-end: 0;
}

.app-shell .workspace .tv-invoice-editor > .tv-document-strip span,
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-cell::before{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.app-shell .workspace .tv-invoice-editor > .tv-document-strip strong{
  min-width: 0;
  overflow: visible;
  color: var(--tv-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-invoice-editor > .form-errors[hidden],
.app-shell .workspace .tv-invoice-editor > .draft-recovery[hidden],
.app-shell .workspace .tv-invoice-editor [hidden]{
  display: none;
}

.app-shell .workspace .tv-invoice-editor > .form-errors{
  padding: 12px 14px;
  border-color: color-mix(in srgb, var(--tv-danger) 34%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-danger) 7%, white);
  color: var(--tv-danger);
}

.app-shell .workspace .tv-invoice-editor > [data-invoice-edit-scope],
.app-shell .workspace .tv-invoice-editor .invoice-revision-guard{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-inline-start: 4px solid var(--tv-warning);
  background: color-mix(in srgb, var(--tv-warning) 7%, white);
}

.app-shell .workspace .tv-invoice-editor > [data-invoice-edit-scope] strong,
.app-shell .workspace .tv-invoice-editor .invoice-revision-guard strong{
  color: var(--tv-text);
}

.app-shell .workspace .tv-invoice-editor > [data-invoice-edit-scope] p,
.app-shell .workspace .tv-invoice-editor .invoice-revision-guard p{
  margin: 2px 0 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.app-shell .workspace .tv-invoice-editor .invoice-revision-guard{
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.app-shell .workspace .tv-invoice-editor .invoice-revision-guard .field{
  width: min(100%, 680px);
}

.app-shell .workspace .tv-invoice-editor > .editor-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0;
  border-inline-start: 4px solid var(--tv-brand);
}

.app-shell .workspace .tv-invoice-editor > .editor-grid > .editor-card{
  min-width: 0;
  padding: 16px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell .workspace .tv-invoice-editor .editor-card h2,
.app-shell .workspace .tv-invoice-editor .section-head h2,
.app-shell .workspace .tv-invoice-editor .invoice-totals-panel h2{
  margin: 0;
  color: var(--tv-text);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.app-shell .workspace .tv-invoice-editor .customer-picker-fieldset{
  display: grid;
  grid-template-columns: minmax(260px, 1.1fr) minmax(240px, .9fr);
  gap: 12px;
  margin-bottom: 12px;
}

.app-shell .workspace .tv-invoice-editor .invoice-meta-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(145px, 1fr));
  gap: 12px;
}

.app-shell .workspace .tv-invoice-editor .invoice-meta-grid > .invoice-subject-field{
  grid-column: 1 / -1;
}

.app-shell .workspace .tv-invoice-editor .field,
.app-shell .workspace .tv-invoice-editor .customer-picker{
  min-width: 0;
  gap: 6px;
}

.app-shell .workspace .tv-invoice-editor .combo-field,
.app-shell .workspace .tv-invoice-editor .edit-lines .combo-field{
  position: relative;
  display: block;
  grid-template-columns: minmax(0, 1fr);
  overflow: visible;
}

.app-shell .workspace .tv-invoice-editor .combo-field > input{
  width: 100%;
  padding-inline-end: 10px;
  border: 0;
  border-radius: inherit;
  background: transparent;
}

.app-shell .workspace .tv-invoice-editor .inline-lookup-panel{
  z-index: 70;
}

.app-shell .workspace .tv-invoice-editor .field > span,
.app-shell .workspace .tv-invoice-editor .customer-picker > span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.app-shell .workspace .tv-invoice-editor input,
.app-shell .workspace .tv-invoice-editor select,
.app-shell .workspace .tv-invoice-editor textarea{
  min-width: 0;
  width: 100%;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
}

.app-shell .workspace .tv-invoice-editor input,
.app-shell .workspace .tv-invoice-editor select{
  min-height: 42px;
  padding: 0 10px;
}

.app-shell .workspace .tv-invoice-editor textarea{
  min-height: 42px;
  padding: 9px 10px;
  resize: vertical;
}

.app-shell .workspace .tv-invoice-editor input:focus-visible,
.app-shell .workspace .tv-invoice-editor select:focus-visible,
.app-shell .workspace .tv-invoice-editor textarea:focus-visible,
.app-shell .workspace .tv-invoice-editor button:focus-visible,
.app-shell .workspace .tv-invoice-editor summary:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-brand) 28%, transparent);
  outline-offset: 2px;
}

.app-shell .workspace .tv-invoice-editor input:disabled,
.app-shell .workspace .tv-invoice-editor select:disabled,
.app-shell .workspace .tv-invoice-editor textarea:disabled{
  border-color: var(--tv-border);
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  cursor: not-allowed;
  opacity: 1;
}

.app-shell .workspace .tv-invoice-editor .selected-customer{
  min-width: 0;
  padding: 10px 12px;
  border-color: var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-brand-soft);
}

.app-shell .workspace .tv-invoice-editor .customer-picker > .field-help{
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
}

.app-shell .workspace .tv-invoice-editor > .editor-table{
  overflow: hidden;
  padding: 0;
  container-name: invoice-lines;
  container-type: inline-size;
}

.app-shell .workspace .tv-invoice-editor .editor-table > .section-head{
  min-height: 56px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface);
}

.app-shell .workspace .tv-invoice-editor .editor-table > .section-head .helper-copy{
  max-width: 88ch;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.35;
}

.app-shell .workspace .tv-invoice-editor .editor-table > .table-scroll{
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
  padding: 8px;
}

.app-shell .workspace .tv-invoice-editor .edit-lines{
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 8px;
  border: 0;
  table-layout: auto;
}

.app-shell .workspace .tv-invoice-editor .edit-lines tbody{
  width: 100%;
  min-width: 100%;
  display: grid;
  gap: 8px;
  border: 0;
  table-layout: auto;
}

.app-shell .workspace .tv-invoice-editor .edit-lines thead{
  display: none;
}

.app-shell .workspace .tv-invoice-editor .edit-lines tbody tr{
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr) 50px minmax(0, .66fr) minmax(0, .95fr) minmax(0, .9fr) minmax(0, .66fr) minmax(88px, .78fr) 144px;
  grid-template-areas: "item description qty rate tax vendor cost amount actions";
  gap: 6px;
  align-items: stretch;
  padding: 8px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: none;
}

.app-shell .workspace .tv-invoice-editor .edit-lines td.line-cell{
  min-width: 0;
  width: auto;
  display: grid;
  gap: 5px;
  align-content: end;
  padding: 0;
  border: 0;
  overflow: visible;
}

.app-shell .workspace .tv-invoice-editor .edit-lines td.line-item-main{ grid-area: item; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-description{ grid-area: description; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-qty{ grid-area: qty; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-rate{ grid-area: rate; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-tax{ grid-area: tax; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-vendor{ grid-area: vendor; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-cost{ grid-area: cost; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-amount{ grid-area: amount; }
.app-shell .workspace .tv-invoice-editor .edit-lines td.line-action{ grid-area: actions; }

.app-shell .workspace .tv-invoice-editor .edit-lines td.line-cell::before{
  content: attr(data-label);
  display: block;
}

.app-shell .workspace .tv-invoice-editor .edit-lines td.line-action::before{
  display: none;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .combo-field{
  min-width: 0;
  width: 100%;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .invoice-tax-select{
  width: 100%;
  min-width: 0;
  padding-inline: 8px 24px;
  overflow: hidden;
  color: var(--tv-text);
  background-color: var(--tv-surface);
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-shell .workspace .tv-invoice-editor .edit-lines input,
.app-shell .workspace .tv-invoice-editor .edit-lines select,
.app-shell .workspace .tv-invoice-editor .edit-lines textarea{
  min-height: 44px;
  padding-inline: 8px;
  font-size: 12px;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-qty input,
.app-shell .workspace .tv-invoice-editor .edit-lines .line-rate input,
.app-shell .workspace .tv-invoice-editor .edit-lines .line-cost input{
  width: 100%;
  text-align: end;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-description textarea{
  min-height: 44px;
  resize: none;
  overflow-y: auto;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-amount{
  min-height: 44px;
  align-content: center;
  padding: 8px 10px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
  color: var(--tv-text);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  text-align: end;
  white-space: normal;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-action{
  min-height: 40px;
  justify-content: end;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-action-group{
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-action .icon-btn{
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text-muted);
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-action .icon-btn:last-child{
  color: var(--tv-danger);
}

.app-shell .workspace .tv-invoice-editor .invoice-line-reorder-help{
  margin-top: 2px;
  color: var(--tv-text-muted);
}

.app-shell .workspace .tv-invoice-editor .edit-lines .line-action .invoice-line-reorder-handle{
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  color: var(--tv-brand);
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.app-shell .workspace .tv-invoice-editor .edit-lines .invoice-line-reorder-handle:active,
.app-shell .workspace .tv-invoice-editor .edit-lines tr.is-dragging .invoice-line-reorder-handle{
  cursor: grabbing;
}

.app-shell .workspace .tv-invoice-editor .invoice-line-reorder-glyph{
  display: inline-block;
  color: currentColor;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -4px;
}

.app-shell .workspace .tv-invoice-editor .edit-lines tbody tr.is-reorder-armed{
  border-color: color-mix(in srgb, var(--tv-brand) 48%, var(--tv-border));
}

.app-shell .workspace .tv-invoice-editor .edit-lines tbody tr.is-dragging{
  position: relative;
  z-index: 4;
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  box-shadow: 0 12px 26px rgba(7, 59, 55, .16);
  opacity: .88;
}

body.invoice-line-reordering,
body.invoice-line-reordering *{
  cursor: grabbing;
}

@container invoice-lines (max-width: 999px) {
  .app-shell .workspace .tv-invoice-editor .edit-lines tbody tr{
    grid-template-columns: minmax(150px, 1fr) minmax(220px, 1.5fr) 56px minmax(92px, .7fr) 144px;
    grid-template-areas:
      "item description qty rate actions"
      "tax vendor cost amount actions";
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell .workspace .tv-invoice-editor .edit-lines tbody tr{
    transition: none;
  }
}

@media (max-width: 900px) {
  .workspace .route-stack.tv-route-frame .workspace-hero{
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
  }

  .workspace .route-stack.tv-route-frame .workspace-hero-copy,
.workspace .route-stack.tv-route-frame .workspace-hero h2,
.workspace .route-stack.tv-route-frame .workspace-hero p,
.workspace .route-stack.tv-route-frame .workspace-hero-actions{
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .workspace .route-stack.tv-route-frame .workspace-hero-actions{
    width: 100%;
    justify-content: flex-start;
  }
}

.app-shell .workspace .tv-invoice-editor > .invoice-totals-panel{
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(360px, 1.2fr);
  gap: 18px;
  align-items: start;
  padding: 16px 18px;
  border-inline-start: 4px solid var(--tv-brand);
}

.app-shell .workspace .tv-invoice-editor .invoice-totals-head{
  min-width: 0;
  display: grid;
  gap: 14px;
}

.app-shell .workspace .tv-invoice-editor .invoice-discount-compact{
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(160px, .7fr) minmax(150px, 1fr);
  gap: 10px;
}

.app-shell .workspace .tv-invoice-editor .discount-mode-toggle{
  margin: 0;
}

.app-shell .workspace .tv-invoice-editor .discount-mode-option{
  min-height: 42px;
  border-color: var(--tv-border);
  border-radius: var(--tv-radius-sm);
}

.app-shell .workspace .tv-invoice-editor .discount-mode-option:has(input:checked){
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
}

.app-shell .workspace .tv-invoice-editor .invoice-total-metrics{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.app-shell .workspace .tv-invoice-editor .invoice-total-metrics .total-line{
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.app-shell .workspace .tv-invoice-editor .invoice-total-metrics .total-line strong{
  min-width: 0;
  text-align: end;
  white-space: normal;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-invoice-editor .invoice-total-metrics .total-line.major{
  border-color: color-mix(in srgb, var(--tv-brand) 30%, var(--tv-border));
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
}

.app-shell .workspace .tv-invoice-editor > .advanced-invoice-fields{
  overflow: hidden;
}

.app-shell .workspace .tv-invoice-editor > .advanced-invoice-fields > summary{
  position: static;
  min-height: 52px;
  padding: 0 16px;
  border: 0;
  background: var(--tv-surface);
  color: var(--tv-text);
}

.app-shell .workspace .tv-invoice-editor > .advanced-invoice-fields[open] > summary{
  border-bottom: 1px solid var(--tv-border);
}

.app-shell .workspace .tv-invoice-editor .advanced-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.app-shell .workspace .tv-invoice-editor .advanced-grid > .editor-card{
  min-width: 0;
  padding: 14px 16px;
  border: 0;
  border-inline-end: 1px solid var(--tv-border);
  border-radius: 0;
  box-shadow: none;
}

.app-shell .workspace .tv-invoice-editor .advanced-grid > .editor-card:last-child{
  border-inline-end: 0;
}

.app-shell .workspace .tv-invoice-editor > .sticky-save{
  position: static;
  z-index: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding: 11px 12px;
  background: color-mix(in srgb, var(--tv-surface) 96%, transparent);
  backdrop-filter: none;
  box-shadow: var(--tv-shadow-panel);
}

.app-shell .workspace .tv-invoice-editor > .sticky-save .save-note{
  min-width: 220px;
  flex: 1 1 320px;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.35;
}

.app-shell .workspace .tv-invoice-editor > .sticky-save .btn{
  min-height: 42px;
  padding-inline: 16px;
  border-radius: var(--tv-radius-sm);
}

.app-shell .workspace .tv-invoice-editor > .sticky-save .btn-primary{
  min-width: 132px;
  background: var(--tv-brand);
  color: white;
}

@media (max-width: 1180px) {
  .app-shell .workspace .tv-invoice-editor > .tv-document-strip{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .app-shell .workspace .tv-invoice-editor .invoice-meta-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .tv-invoice-editor > .invoice-totals-panel{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .app-shell .workspace .tv-invoice-editor{
    padding: 12px 12px 100px;
  }

  .app-shell .workspace .tv-invoice-editor .customer-picker-fieldset,
.app-shell .workspace .tv-invoice-editor .invoice-meta-grid,
.app-shell .workspace .tv-invoice-editor .advanced-grid{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .tv-invoice-editor .advanced-grid > .editor-card{
    border-inline-end: 0;
    border-bottom: 1px solid var(--tv-border);
  }

  .app-shell .workspace .tv-invoice-editor .advanced-grid > .editor-card:last-child{
    border-bottom: 0;
  }

  .app-shell .workspace .tv-invoice-editor .editor-table > .table-scroll{
    overflow-x: visible;
  }

  .app-shell .workspace .tv-invoice-editor .edit-lines,
.app-shell .workspace .tv-invoice-editor .edit-lines tbody{
    min-width: 0;
  }

  .app-shell .workspace .tv-invoice-editor .edit-lines tbody tr{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "item item"
      "description description"
      "qty rate"
      "tax vendor"
      "cost amount"
      "actions actions";
  }

  .app-shell .workspace .tv-invoice-editor > .sticky-save{
    position: static;
    bottom: auto;
    z-index: auto;
    backdrop-filter: none;
  }
}

@media (max-width: 520px) {
  .app-shell .workspace .tv-invoice-editor{
    padding: 8px 8px calc(96px + env(safe-area-inset-bottom));
    gap: 10px;
  }

  .app-shell .workspace .tv-invoice-editor > .workspace-hero,
.app-shell .workspace .tv-invoice-editor > .editor-grid > .editor-card,
.app-shell .workspace .tv-invoice-editor > .invoice-totals-panel{
    padding: 13px;
  }

  .app-shell .workspace .tv-invoice-editor > .tv-document-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .tv-invoice-editor > .tv-document-strip > div:nth-last-child(-n + 2){
    border-bottom: 0;
  }

  .app-shell .workspace .tv-invoice-editor .editor-table > .section-head{
    align-items: flex-start;
    flex-direction: column;
  }

  .app-shell .workspace .tv-invoice-editor .editor-table > .section-head .btn{
    width: 100%;
  }

  .app-shell .workspace .tv-invoice-editor .edit-lines tbody tr{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "line-title line-title"
      "item item"
      "description description"
      "qty rate"
      "tax vendor"
      "cost amount"
      "actions actions";
  }

  .app-shell .workspace .tv-invoice-editor .edit-lines tbody tr::before{
    grid-area: line-title;
    content: "Line item";
    color: var(--tv-text-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .app-shell .workspace .tv-invoice-editor .invoice-discount-compact,
.app-shell .workspace .tv-invoice-editor .invoice-total-metrics{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .tv-invoice-editor > .sticky-save{
    align-items: stretch;
  }

  .app-shell .workspace .tv-invoice-editor > .sticky-save .save-note{
    min-width: 0;
    flex-basis: 100%;
  }

  .app-shell .workspace .tv-invoice-editor > .sticky-save .btn{
    flex: 1 1 calc(50% - 5px);
  }

  .app-shell .workspace .tv-invoice-editor > .sticky-save .btn-primary{
    flex-basis: 100%;
  }
}

.revenue-recognition-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(145px, .7fr)) auto;
  gap: var(--tv-space-2);
  align-items: center;
}

.revenue-recognition-filters > :is(input, select, button),
.revenue-milestone-row :is(input, button){
  width: 100%;
  min-width: 0;
  min-height: 42px;
}

.revenue-route-loading,
.revenue-dependency-state,
.revenue-connection-state{
  display: grid;
  gap: var(--tv-space-2);
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}

.revenue-route-loading p,
.revenue-dependency-state ul,
.revenue-connection-state p{
  margin: 0;
  color: var(--tv-text-muted);
}

.revenue-dependency-state[role="alert"],
.revenue-connection-state--unavailable{
  border-color: color-mix(in srgb, var(--tv-danger) 34%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-danger) 6%, var(--tv-surface));
}

.revenue-milestone-editor{
  display: grid;
  gap: var(--tv-space-3);
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}

.revenue-milestone-editor[hidden]{
  display: none;
}

.revenue-milestone-list{
  display: grid;
  gap: var(--tv-space-2);
}

.revenue-milestone-row{
  display: grid;
  grid-template-columns: minmax(145px, .65fr) minmax(220px, 1.35fr) minmax(130px, .55fr) 44px;
  gap: var(--tv-space-2);
  align-items: end;
}

.revenue-milestone-remove{
  align-self: end;
}

.workspace .route-stack.tv-route-frame.revenue-recognition .revenue-recognition-register{
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.workspace .route-stack.tv-route-frame.revenue-recognition .revenue-recognition-register .data-table{
  width: 100%;
  min-width: 760px;
  table-layout: fixed;
}

.revenue-recognition-register .data-table [data-column-key="contract_name"]{ width: 21%; }
.revenue-recognition-register .data-table [data-column-key="customer_id"]{ width: 15%; }
.revenue-recognition-register .data-table [data-column-key="consideration_amount"]{ width: 18%; }
.revenue-recognition-register .data-table [data-column-key="recognition_method"]{ width: 18%; }
.revenue-recognition-register .data-table [data-column-key="next_recognition_date"]{ width: 16%; }
.revenue-recognition-register .data-table [data-column-key="state"]{ width: 12%; }

.revenue-recognition-register .data-table td[data-label="State"] .badge{
  max-width: 100%;
  white-space: nowrap;
}

.revenue-recognition-register .data-table td::before{
  overflow-wrap: normal;
  word-break: normal;
}

.revenue-recognition-form,
.revenue-recognition-form *{
  box-sizing: border-box;
}

.revenue-recognition-form{
  width: 100%;
  min-width: 0;
}

.revenue-recognition-form .modal-grid{
  align-items: start;
}

.revenue-recognition-form label{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  min-width: 0;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.revenue-recognition-form label > span{
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.revenue-recognition-form :is(input, select, textarea){
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
  font-weight: 600;
}

.revenue-recognition-form textarea{
  min-height: 88px;
  resize: vertical;
}

.revenue-recognition-form .helper-copy{
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.revenue-field-error{
  display: block;
  min-height: 0;
  color: var(--tv-danger);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.revenue-field-error[hidden]{
  display: none;
}

.revenue-recognition-form [aria-invalid="true"]{
  border-color: var(--tv-danger);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--tv-danger) 14%, transparent);
}

.revenue-command-readiness{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--tv-space-3);
  align-items: start;
  padding: var(--tv-space-3) 0;
  border-bottom: 1px solid var(--tv-border);
}

.revenue-command-readiness:last-child{
  border-bottom: 0;
}

.revenue-command-readiness > div{
  display: grid;
  gap: 3px;
  min-width: 0;
}

.revenue-command-readiness small,
.revenue-action-reason small{
  color: var(--tv-text-muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.revenue-action-reason{
  display: grid;
  gap: 5px;
  min-width: 0;
}

.revenue-action-reason .badge{
  justify-self: start;
}

.revenue-evidence-list{
  display: grid;
  gap: var(--tv-space-2);
}

.revenue-evidence-table{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.revenue-evidence-table > .data-table{
  width: 100%;
  min-width: 760px;
}

.revenue-recognition-detail-drawer .health-line{
  display: grid;
  grid-template-columns: minmax(150px, .42fr) minmax(0, 1fr);
  gap: var(--tv-space-3);
  align-items: start;
}

.revenue-recognition-detail-drawer .health-line > span{
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.revenue-recognition-detail-drawer .health-line > :last-child{
  min-width: 0;
  max-width: 100%;
  justify-self: end;
  overflow-wrap: anywhere;
  text-align: right;
  white-space: normal;
}

@media (max-width: 900px) {
  .revenue-recognition-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .revenue-recognition-filters > :first-child,
.revenue-recognition-filters > .btn{
    grid-column: 1 / -1;
  }

  .revenue-milestone-row{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  }
}

@media (max-width: 520px) {
  .revenue-recognition-form .modal-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  .revenue-recognition-detail-drawer .health-line{
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  .revenue-recognition-detail-drawer .health-line > :last-child{
    justify-self: start;
    text-align: left;
  }

  .revenue-recognition-register.table-card > .data-table td{
    grid-template-columns: minmax(104px, .46fr) minmax(0, 1fr);
    gap: var(--tv-space-2);
  }

  .revenue-recognition-register.table-card > .data-table td::before{
    font-size: 10px;
    line-height: 1.2;
  }

  .revenue-milestone-row{
    grid-template-columns: 1fr;
    padding-bottom: var(--tv-space-3);
    border-bottom: 1px solid var(--tv-border);
  }

  .revenue-command-readiness{
    grid-template-columns: minmax(0, 1fr);
  }

  .revenue-command-readiness .badge{
    justify-self: start;
  }

  .revenue-milestone-remove{
    width: 44px;
    justify-self: end;
  }
}

.tv-receipt-page{
  display: grid;
  gap: var(--tv-space-4);
  min-width: 0;
  padding: 0 0 var(--tv-space-8);
  color: var(--tv-text);
}

.tv-receipt-page *,
.tv-receipt-drawer *{ box-sizing: border-box; }

.tv-receipt-route-state h1{
  margin: var(--tv-space-1) 0 var(--tv-space-2);
  color: var(--tv-text);
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1.04;
  letter-spacing: -.035em;
}

.tv-receipt-route-state p{
  max-width: 78ch;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 13px;
  line-height: 1.55;
}

.tv-receipt-kicker{
  color: var(--tv-accent);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.tv-receipt-decision-metric > span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.tv-receipt-decision-metric > small{ color: var(--tv-text-muted); font-size: 9px; line-height: 1.35; }
.tv-receipt-detail-command{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; }
.tv-receipt-decision-metric{
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 0;
  padding: var(--tv-space-3);
  border-left: 1px solid var(--tv-border);
}
.tv-receipt-decision-metric:first-child{ border-left: 0; }
.tv-receipt-decision-metric > strong{ min-width: 0; color: var(--tv-text); font-size: 16px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tv-receipt-decision-metric.is-warning > strong{ color: var(--tv-warning); }
.tv-receipt-decision-metric.is-danger > strong{ color: var(--tv-danger); }
.tv-receipt-decision-metric.is-success > strong{ color: var(--tv-success); }

.tv-receipt-section,
.tv-receipt-register-card{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tv-receipt-section-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tv-space-4);
  padding: var(--tv-space-4) var(--tv-space-5);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}
.tv-receipt-section-head h3{ margin: 0; color: var(--tv-text); font-size: 15px; line-height: 1.2; }
.tv-receipt-section-head p{ max-width: 94ch; margin: var(--tv-space-1) 0 0; color: var(--tv-text-muted); font-size: 11px; line-height: 1.5; }

.tv-receipt-info{ display: grid; grid-template-columns: minmax(105px, .42fr) minmax(0, 1fr); gap: var(--tv-space-3); align-items: start; min-width: 0; }
.tv-receipt-info > span{ color: var(--tv-text-muted); font-size: 10px; line-height: 1.4; }
.tv-receipt-info > strong{ min-width: 0; color: var(--tv-text); font-size: 11px; line-height: 1.4; text-align: right; overflow-wrap: anywhere; }
.tv-receipt-info.is-major > strong{ color: var(--tv-brand); font-size: 14px; }
.tv-receipt-info.is-danger > strong{ color: var(--tv-danger); }
.tv-receipt-info.is-hash > strong{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; word-break: break-all; }

.tv-receipt-toolbar{
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(0, 2.2fr);
  gap: var(--tv-space-3);
  align-items: end;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}
.tv-receipt-filter-disclosure{ min-width: 0; }
.tv-receipt-filter-disclosure > summary{
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  min-height: 40px;
  color: var(--tv-brand-hover);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.tv-receipt-filter-disclosure > summary small{ color: var(--tv-text-muted); font-size: 10px; font-weight: 700; }
.tv-receipt-advanced-filters{ display: grid; grid-template-columns: repeat(5, minmax(115px, 1fr)) auto; gap: var(--tv-space-2); align-items: end; min-width: 0; }
.tv-receipt-filter{ display: grid; gap: var(--tv-space-1); min-width: 0; }
.tv-receipt-filter > span{ color: var(--tv-text-muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.tv-receipt-filter input,
.tv-receipt-filter select{ width: 100%; min-width: 0; min-height: 40px; border: 1px solid var(--tv-border-strong); border-radius: var(--tv-radius-sm); background: var(--tv-surface); color: var(--tv-text); }
.tv-receipt-filter input:focus,
.tv-receipt-filter select:focus{ border-color: var(--tv-brand-hover); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tv-brand-soft) 76%, transparent); outline: none; }
.tv-receipt-context{ display: flex; align-items: center; gap: var(--tv-space-2); min-width: 0; padding: var(--tv-space-2) var(--tv-space-4); border-bottom: 1px solid var(--tv-border); background: var(--tv-brand-soft); font-size: 11px; }
.tv-receipt-context span{ color: var(--tv-text-muted); }
.tv-receipt-context strong{ min-width: 0; overflow-wrap: anywhere; }
.tv-receipt-context .btn{ margin-left: auto; min-height: 32px; padding-block: 4px; }

.tv-receipt-register-meta,
.tv-receipt-pager{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-4);
  padding: var(--tv-space-3) var(--tv-space-4);
  color: var(--tv-text-muted);
  font-size: 11px;
}
.tv-receipt-register-meta{ border-bottom: 1px solid var(--tv-border); }
.tv-receipt-register-meta .invoice-register-count{ color: var(--tv-text); font-weight: 800; }
.tv-receipt-register-table{ min-width: 0; overflow-x: auto; }
.tv-receipt-register-table .data-table{ width: 100%; min-width: 1040px; table-layout: fixed; }
.tv-receipt-register-table .data-table [data-column-key="id"]{ width: 160px; }
.tv-receipt-register-table .data-table [data-column-key="customerName"]{ width: 150px; }
.tv-receipt-register-table .data-table [data-column-key="mode"]{ width: 145px; }
.tv-receipt-register-table .data-table [data-column-key="postingState"]{ width: 150px; }
.tv-receipt-register-table .data-table [data-column-key="allocatedAmount"]{ width: 210px; }
.tv-receipt-register-table .data-table [data-column-key="amount"]{ width: 145px; }
.tv-receipt-register-table .data-table th.actions-head{ width: 80px; }
.tv-receipt-register-table .data-table td.row-actions{ width: 80px; }
.tv-receipt-register-table .data-table td.row-actions .btn{ width: 100%; min-width: 0; padding-inline: var(--tv-space-2); }
.tv-receipt-register-table .data-table th,
.tv-receipt-register-table .data-table td{ vertical-align: top; }
.tv-receipt-register-table .data-table tr.is-clickable:hover td,
.tv-receipt-register-table .data-table tr.is-clickable:focus td{ background: var(--tv-brand-soft); }
.tv-receipt-register-table .data-table tr.is-clickable:focus-visible{ outline: 3px solid var(--tv-accent); outline-offset: -3px; }
.tv-receipt-identity{ display: grid; gap: 3px; min-width: 0; }
.tv-receipt-identity strong,
.tv-receipt-identity span,
.tv-receipt-identity small{ min-width: 0; overflow-wrap: anywhere; }
.tv-receipt-identity strong{ color: var(--tv-text); font-size: 11px; line-height: 1.35; }
.tv-receipt-identity span{ color: var(--tv-text-muted); font-size: 10px; line-height: 1.35; }
.tv-receipt-identity small{ color: var(--tv-text-subtle); font-size: 9px; line-height: 1.35; }
.tv-receipt-status-stack{ display: grid; justify-items: start; gap: var(--tv-space-1); }
.tv-receipt-status-stack small{ color: var(--tv-text-muted); font-size: 9px; }
.tv-receipt-pager{ border-top: 1px solid var(--tv-border); }
.tv-receipt-pager > div{ display: flex; gap: var(--tv-space-2); }

.tv-receipt-page.is-loading{ opacity: .72; }

.tv-receipt-drawer{ width: min(900px, 100vw); max-width: 100vw; }
.tv-receipt-detail-host,
.tv-receipt-detail{ min-width: 0; }
.tv-receipt-detail{ display: grid; gap: var(--tv-space-4); }
.tv-receipt-retry-banner{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--tv-space-4); align-items: center; padding: var(--tv-space-4); border: 1px solid color-mix(in srgb, var(--tv-warning) 45%, var(--tv-border)); border-left: 4px solid var(--tv-warning); border-radius: var(--tv-radius-md); background: color-mix(in srgb, var(--tv-warning) 8%, var(--tv-surface)); }
.tv-receipt-retry-banner strong{ color: var(--tv-text); }
.tv-receipt-retry-banner p{ margin: var(--tv-space-1) 0 0; color: var(--tv-text-muted); line-height: 1.45; overflow-wrap: anywhere; }
.tv-receipt-drawer-loading,
.tv-receipt-route-state,
.tv-receipt-empty{ display: grid; gap: var(--tv-space-2); padding: var(--tv-space-5); border: 1px solid var(--tv-border); border-radius: var(--tv-radius-md); background: var(--tv-surface-muted); }
.tv-receipt-route-state{ border-left: 4px solid var(--tv-danger); }
.tv-receipt-empty{ border: 0; border-radius: 0; }
.tv-receipt-drawer-loading p,
.tv-receipt-empty p{ margin: 0; color: var(--tv-text-muted); font-size: 11px; line-height: 1.5; }
.tv-receipt-detail-head{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .4fr); gap: var(--tv-space-4); align-items: center; padding: var(--tv-space-4); border: 1px solid var(--tv-border); border-left: 4px solid var(--tv-brand-hover); border-radius: var(--tv-radius-md); background: var(--tv-surface); }
.tv-receipt-detail-head .tv-receipt-detail-copy h2{ margin: var(--tv-space-1) 0 var(--tv-space-2); color: var(--tv-text); font-size: clamp(20px, 2.5vw, 26px); line-height: 1.1; overflow-wrap: anywhere; }
.tv-receipt-detail-head .tv-receipt-detail-copy p{ margin: 0; color: var(--tv-text-muted); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.tv-receipt-detail-head .tv-receipt-detail-amount{ border-color: var(--tv-border); background: var(--tv-surface-muted); }
.tv-receipt-detail-head .tv-receipt-detail-amount span,
.tv-receipt-detail-head .tv-receipt-detail-amount small{ color: var(--tv-text-muted); }
.tv-receipt-detail-head .tv-receipt-detail-amount strong{ color: var(--tv-text); }
.tv-receipt-detail-actions{ display: flex; flex-wrap: wrap; gap: var(--tv-space-2); margin-top: var(--tv-space-3); }
.tv-receipt-detail-actions .btn{ min-height: 38px; }
.tv-receipt-detail-command{ grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-md); background: var(--tv-surface); }
.tv-receipt-detail-command .tv-receipt-decision-metric{ min-height: 76px; }
.tv-receipt-exceptions{ display: grid; gap: var(--tv-space-2); padding: var(--tv-space-3) var(--tv-space-4); border: 1px solid color-mix(in srgb, var(--tv-danger) 36%, var(--tv-border)); border-left: 4px solid var(--tv-danger); border-radius: var(--tv-radius-md); background: color-mix(in srgb, var(--tv-danger) 5%, var(--tv-surface)); }
.tv-receipt-exceptions > strong{ color: var(--tv-danger); font-size: 12px; }
.tv-receipt-exceptions ul{ display: grid; gap: 3px; margin: 0; padding-left: var(--tv-space-5); color: var(--tv-text); font-size: 10px; }
.tv-receipt-detail-hero{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .44fr); gap: var(--tv-space-5); align-items: center; padding: var(--tv-space-5); border-radius: var(--tv-radius-md); background: var(--tv-ink); color: white; }
.tv-receipt-detail-copy h2{ margin: var(--tv-space-1) 0 var(--tv-space-2); color: white; font-size: clamp(22px, 3vw, 30px); line-height: 1.08; overflow-wrap: anywhere; }
.tv-receipt-detail-copy p{ margin: 0; color: color-mix(in srgb, white 80%, var(--tv-brand-soft)); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.tv-receipt-badges{ display: flex; flex-wrap: wrap; gap: var(--tv-space-2); margin-top: var(--tv-space-3); }
.tv-receipt-detail-amount{ display: grid; gap: var(--tv-space-1); min-width: 0; padding: var(--tv-space-4); border: 1px solid color-mix(in srgb, white 20%, transparent); border-radius: var(--tv-radius-md); background: color-mix(in srgb, var(--tv-brand) 65%, transparent); }
.tv-receipt-detail-amount span,
.tv-receipt-detail-amount small{ color: color-mix(in srgb, white 72%, var(--tv-brand-soft)); font-size: 10px; }
.tv-receipt-detail-amount strong{ color: white; font-size: clamp(20px, 3vw, 28px); line-height: 1.15; overflow-wrap: anywhere; }
.tv-receipt-evidence-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tv-space-3) var(--tv-space-5); padding: var(--tv-space-4) var(--tv-space-5); }
.tv-receipt-evidence-grid .tv-receipt-info{ padding-bottom: var(--tv-space-2); border-bottom: 1px solid var(--tv-border); }
.tv-receipt-subsections{ display: grid; gap: var(--tv-space-3); min-width: 0; }
.tv-receipt-evidence-table{ min-width: 0; overflow-x: auto; }
.tv-receipt-evidence-table .data-table{ width: 100%; min-width: 650px; }
.tv-receipt-verification-list{ display: grid; gap: var(--tv-space-1); margin: 0; padding: var(--tv-space-4) var(--tv-space-8); border-top: 1px solid var(--tv-border); background: color-mix(in srgb, var(--tv-danger) 6%, var(--tv-surface)); color: var(--tv-danger); font-size: 11px; text-transform: none; }
.tv-receipt-clean-state{ margin: 0; padding: var(--tv-space-4) var(--tv-space-5); border-top: 1px solid var(--tv-border); color: var(--tv-success); font-size: 11px; font-weight: 750; }
.tv-receipt-timeline{ display: grid; gap: 0; margin: 0; padding: var(--tv-space-4) var(--tv-space-5); border-top: 1px solid var(--tv-border); list-style: none; }
.tv-receipt-timeline li{ position: relative; display: grid; grid-template-columns: var(--tv-space-5) minmax(0, 1fr); gap: var(--tv-space-3); padding-bottom: var(--tv-space-4); }
.tv-receipt-timeline li::before{ content: ""; position: absolute; left: 5px; top: 12px; bottom: -2px; width: 1px; background: var(--tv-border-strong); }
.tv-receipt-timeline li:last-child::before{ display: none; }
.tv-receipt-timeline-marker{ position: relative; z-index: 1; width: 11px; height: 11px; margin-top: var(--tv-space-1); border: 3px solid var(--tv-brand-soft); border-radius: 50%; background: var(--tv-brand-hover); }
.tv-receipt-timeline header{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--tv-space-2); }
.tv-receipt-timeline p{ margin: var(--tv-space-1) 0 0; color: var(--tv-text-muted); font-size: 10px; }

@media (max-width: 1180px) {
  .tv-receipt-toolbar{ grid-template-columns: 1fr; }
  .tv-receipt-detail-command{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .tv-receipt-filter-disclosure > summary{ display: flex; }
  .tv-receipt-advanced-filters{ grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: var(--tv-space-2); }
  .tv-receipt-advanced-filters .btn{ min-height: 40px; }
  .tv-receipt-register-table.table-card{ padding: var(--tv-space-3); }
  .tv-receipt-register-table.table-card > .data-table tbody{ gap: var(--tv-space-3); }
  .tv-receipt-register-table.table-card > .data-table tr{ border-color: var(--tv-border); border-radius: var(--tv-radius-md); }
  .tv-receipt-register-table.table-card > .data-table td{ border-color: var(--tv-border); }
  .tv-receipt-register-table.table-card > .data-table td[data-label="Receipt"]{ background: var(--tv-surface-muted); }
  .tv-receipt-register-table.table-card > .data-table td[data-label="Received"] strong{ font-size: 14px; }
}

@media (max-width: 520px) {
  .tv-receipt-page{ gap: var(--tv-space-3); padding-bottom: calc(3 * var(--tv-space-10) + env(safe-area-inset-bottom)); }
  .tv-receipt-page-frame{ gap: 8px; }
  .tv-receipt-page-frame > .workspace-hero{ gap: 8px; padding: 12px; }
  .tv-receipt-page-frame > .workspace-hero p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .tv-receipt-page-frame > .workspace-hero .workspace-hero-actions{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  .tv-receipt-page-frame > .workspace-hero .workspace-hero-actions .btn{
    width: 100%;
    min-height: 36px;
    padding: 6px 8px;
  }
  .tv-receipt-page-frame > .tv-attention-list .tv-attention-list-head{ display: none; }
  .tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-row{
    min-height: 52px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "badge copy action"
      "badge value action";
    align-items: center;
    gap: 6px 8px;
    padding: 8px 10px 8px 14px;
  }
  .tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-row > .btn{
    width: auto;
    min-height: 34px;
    padding-inline: 10px;
  }
  .tv-receipt-page-frame > .workspace-stats .workspace-stat{
    min-height: 54px;
    padding: 7px 9px;
    gap: 3px;
  }
  .tv-receipt-page-frame > .workspace-stats .workspace-stat small{ display: none; }
  .tv-receipt-page-frame > .workspace-stats{ display: none; }
  .tv-receipt-decision-metric{ padding: var(--tv-space-2); }
  .tv-receipt-decision-metric > strong{ font-size: 14px; }
  .tv-receipt-toolbar{ grid-template-columns: 1fr; }
  .tv-receipt-advanced-filters{ grid-template-columns: 1fr; }
  .tv-receipt-toolbar .btn{ width: 100%; min-height: 44px; }
  .tv-receipt-register-meta,
.tv-receipt-pager{ display: grid; align-items: stretch; }
  .tv-receipt-register-meta > span:last-child{ display: none; }
  .tv-receipt-register-table [data-column-priority="secondary"]{ display: none; }
  .tv-receipt-pager > div{ justify-content: space-between; }
  .tv-receipt-pager .btn{ min-height: 44px; }
  .tv-receipt-detail-head,
.tv-receipt-detail-hero,
.tv-receipt-retry-banner,
.tv-receipt-evidence-grid{ grid-template-columns: 1fr; }
  .tv-receipt-detail-head{ padding: var(--tv-space-3); }
  .tv-receipt-detail-head .tv-receipt-detail-amount{ padding: var(--tv-space-3); }
  .tv-receipt-detail-actions .btn{ flex: 1 1 140px; min-height: 44px; }
  .tv-receipt-detail-command .tv-receipt-decision-metric{ min-height: 68px; }
  .tv-receipt-info{ grid-template-columns: minmax(105px, .42fr) minmax(0, 1fr); }
  .tv-receipt-section-head,
.tv-receipt-evidence-grid{ padding: var(--tv-space-4); }
  .tv-receipt-drawer{ width: 100vw; }
}

.app-shell .workspace .tv-business-cockpit-route{
  display: block;
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin: 0 auto;
  padding: 12px 16px 32px;
  background: var(--tv-canvas);
}

.app-shell .workspace .tv-business-cockpit{
  container-type: inline-size;
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin: 0 auto;
  color: var(--tv-text);
}

.app-shell .workspace .tv-business-cockpit *{
  box-sizing: border-box;
}

.app-shell .workspace .tv-business-cockpit button,
.app-shell .workspace .tv-business-cockpit summary{
  font: inherit;
}

.app-shell .workspace .tv-business-cockpit button:focus-visible,
.app-shell .workspace .tv-business-cockpit summary:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-accent) 72%, white);
  outline-offset: 2px;
}

.app-shell .workspace .tv-business-cockpit-masthead{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(500px, .85fr);
  gap: 24px;
  align-items: center;
  min-height: 124px;
  padding: 18px 20px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--tv-brand) 70%, white);
  border-radius: var(--tv-radius-lg);
  background: var(--tv-ink);
  color: white;
  box-shadow: 0 16px 38px color-mix(in srgb, var(--tv-brand) 24%, transparent);
}

.app-shell .workspace .tv-business-cockpit-masthead::after{
  content: "";
  position: absolute;
  inset: auto -58px -112px auto;
  width: 260px;
  height: 260px;
  border: 42px solid color-mix(in srgb, white 5%, transparent);
  border-radius: 50%;
  pointer-events: none;
}

.app-shell .workspace .tv-business-cockpit-intro,
.app-shell .workspace .tv-business-cockpit-context{
  position: relative;
  z-index: 1;
  min-width: 0;
}

.app-shell .workspace .tv-business-cockpit-kicker,
.app-shell .workspace .tv-business-cockpit-panel-head > span{
  color: color-mix(in srgb, white 70%, var(--tv-brand-soft));
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.app-shell .workspace .tv-business-cockpit-intro h2{
  max-width: 900px;
  margin: 5px 0 4px;
  color: white;
  font-size: clamp(20px, 2.1vw, 27px);
  font-weight: 780;
  line-height: 1.12;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-intro p{
  max-width: 84ch;
  margin: 0;
  color: color-mix(in srgb, white 80%, var(--tv-brand-soft));
  font-size: 12px;
  line-height: 1.45;
}

.app-shell .workspace .tv-business-cockpit-context{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.app-shell .workspace .tv-business-cockpit-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.app-shell .workspace .tv-business-cockpit-context dl{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, white 18%, transparent);
  border-radius: var(--tv-radius-md);
  background: color-mix(in srgb, var(--tv-brand) 68%, transparent);
}

.app-shell .workspace .tv-business-cockpit-context dl > div{
  min-width: 0;
  padding: 10px;
  border-inline-start: 1px solid color-mix(in srgb, white 14%, transparent);
}

.app-shell .workspace .tv-business-cockpit-context dl > div:first-child{
  border-inline-start: 0;
}

.app-shell .workspace .tv-business-cockpit-context dt{
  margin: 0 0 3px;
  color: color-mix(in srgb, white 62%, var(--tv-brand-soft));
  font-size: 12px;
  font-weight: 700;
}

.app-shell .workspace .tv-business-cockpit-context dd{
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-refresh,
.app-shell .workspace .tv-business-cockpit-stale button,
.app-shell .workspace .tv-business-cockpit-state button,
.app-shell .workspace .tv-business-cockpit-receivables footer button,
.app-shell .workspace .tv-business-cockpit-supplier-exposure > button{
  min-height: 44px;
  padding: 8px 13px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-brand-hover);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.app-shell .workspace .tv-business-cockpit-refresh{
  border-color: color-mix(in srgb, white 24%, transparent);
  background: color-mix(in srgb, white 10%, transparent);
  color: white;
}

.app-shell .workspace .tv-business-cockpit-refresh:hover,
.app-shell .workspace .tv-business-cockpit-refresh:focus-visible{
  background: color-mix(in srgb, white 17%, transparent);
}

.app-shell .workspace .tv-business-cockpit-stale{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--tv-warning) 42%, var(--tv-border));
  border-radius: var(--tv-radius-md);
  background: color-mix(in srgb, var(--tv-warning) 8%, white);
  color: var(--tv-text-muted);
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-stale strong{
  color: var(--tv-text);
}

.app-shell .workspace .tv-business-cockpit-stale button{
  margin-inline-start: auto;
}

.app-shell .workspace .tv-business-cockpit-metrics{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.app-shell .workspace .tv-business-cockpit-metric{
  position: relative;
  display: grid;
  gap: 5px;
  align-content: start;
  min-width: 0;
  min-height: 112px;
  padding: 14px 15px;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-top: 3px solid var(--tv-info);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.app-shell .workspace .tv-business-cockpit-metric.tone-risk{ border-top-color: var(--tv-danger); }
.app-shell .workspace .tv-business-cockpit-metric.tone-warning{ border-top-color: var(--tv-warning); }
.app-shell .workspace .tv-business-cockpit-metric.tone-success{ border-top-color: var(--tv-success); }
.app-shell .workspace .tv-business-cockpit-metric.tone-neutral{ border-top-color: var(--tv-border-strong); }

.app-shell .workspace .tv-business-cockpit-metric > span{
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.app-shell .workspace .tv-business-cockpit-metric > strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: clamp(20px, 2vw, 29px);
  font-variant-numeric: tabular-nums;
  line-height: 1.05;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-metric > small{
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-board{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(340px, 1fr);
  grid-template-areas:
    "trend readout"
    "receivables exposure";
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.app-shell .workspace .tv-business-cockpit-trend{ grid-area: trend; }
.app-shell .workspace .tv-business-cockpit-readout{ grid-area: readout; }
.app-shell .workspace .tv-business-cockpit-receivables{ grid-area: receivables; }
.app-shell .workspace .tv-business-cockpit-exposure{ grid-area: exposure; }

.app-shell .workspace .tv-business-cockpit-panel{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.app-shell .workspace .tv-business-cockpit-panel-head{
  padding: 14px 16px 12px;
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-editorial-table-head);
}

.app-shell .workspace .tv-business-cockpit-panel-head > span{
  color: var(--tv-brand-hover);
}

.app-shell .workspace .tv-business-cockpit-panel-head h2{
  margin: 3px 0;
  color: var(--tv-text);
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -.012em;
}

.app-shell .workspace .tv-business-cockpit-panel-head p{
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.app-shell .workspace .tv-business-cockpit-readout ol{
  margin: 0;
  padding: 0;
  list-style: none;
}

.app-shell .workspace .tv-business-cockpit-readout li{
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 13px 15px;
  border-bottom: 1px solid var(--tv-border);
  border-inline-start: 3px solid var(--tv-info);
}

.app-shell .workspace .tv-business-cockpit-readout li:last-child{ border-bottom: 0; }
.app-shell .workspace .tv-business-cockpit-readout li.tone-risk{ border-inline-start-color: var(--tv-danger); }
.app-shell .workspace .tv-business-cockpit-readout li.tone-warning{ border-inline-start-color: var(--tv-warning); }
.app-shell .workspace .tv-business-cockpit-readout li.tone-success{ border-inline-start-color: var(--tv-success); }

.app-shell .workspace .tv-business-cockpit-insight-rank{
  color: var(--tv-text-subtle);
  font-size: 12px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-business-cockpit-insight-copy{
  min-width: 0;
}

.app-shell .workspace .tv-business-cockpit-insight-copy > div{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px;
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 800;
}

.app-shell .workspace .tv-business-cockpit-insight-copy h3{
  margin: 5px 0 3px;
  color: var(--tv-text);
  font-size: 14px;
  line-height: 1.3;
}

.app-shell .workspace .tv-business-cockpit-insight-copy p,
.app-shell .workspace .tv-business-cockpit-insight-copy small{
  display: block;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.42;
}

.app-shell .workspace .tv-business-cockpit-insight-copy small{
  margin-top: 5px;
  color: var(--tv-text-subtle);
}

.app-shell .workspace .tv-business-cockpit-trend figure{
  margin: 0;
  padding: 12px 16px 0;
}

.app-shell .workspace .tv-business-cockpit-legend{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 750;
}

.app-shell .workspace .tv-business-cockpit-legend span::before{
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-inline-end: 6px;
  border-radius: 2px;
  background: var(--tv-brand-hover);
}

.app-shell .workspace .tv-business-cockpit-legend .is-receipts::before{
  background: var(--tv-accent);
}

.app-shell .workspace .tv-business-cockpit-chart{
  display: grid;
  grid-template-columns: repeat(6, minmax(44px, 1fr));
  gap: 7px;
  height: 245px;
  margin-top: 9px;
  background: transparent;
}

.app-shell .workspace .tv-business-cockpit-chart-month{
  display: grid;
  grid-template-rows: minmax(0, 1fr) 22px 17px;
  gap: 2px;
  min-width: 0;
  min-height: 44px;
  padding: 0 2px;
  border: 0;
  border-radius: var(--tv-radius-sm);
  background: transparent;
  color: var(--tv-text-muted);
  cursor: pointer;
}

.app-shell .workspace .tv-business-cockpit-chart-month:hover{
  background: color-mix(in srgb, var(--tv-brand-soft) 55%, transparent);
}

.app-shell .workspace .tv-business-cockpit-chart-month[aria-pressed="true"]{
  background: var(--tv-brand-soft);
  box-shadow: inset 0 0 0 1px var(--tv-border-strong);
}

.app-shell .workspace .tv-business-cockpit-chart-bars{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 0;
}

.app-shell .workspace .tv-business-cockpit-chart-bars i{
  display: block;
  width: min(21px, 38%);
  min-width: 3px;
  border-radius: 4px 4px 1px 1px;
  background: var(--tv-petrol);
}

.app-shell .workspace .tv-business-cockpit-chart-bars .is-receipts{
  background: var(--tv-orange);
}

.app-shell .workspace .tv-business-cockpit-chart-month strong,
.app-shell .workspace .tv-business-cockpit-chart-month small{
  min-width: 0;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-chart-month small{
  color: var(--tv-warning);
  font-weight: 800;
}

.app-shell .workspace .tv-business-cockpit-trend figcaption{
  padding: 8px 0 10px;
  color: var(--tv-text-subtle);
  font-size: 12px;
  line-height: 1.42;
}

.app-shell .workspace .tv-business-cockpit-chart-detail{
  min-height: 34px;
  margin: 7px 0 0;
  padding: 8px 10px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-values{
  margin: 0 -16px;
  border-top: 1px solid var(--tv-border);
}

.app-shell .workspace .tv-business-cockpit-values summary{
  min-height: 44px;
  padding: 12px 16px;
  color: var(--tv-brand-hover);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.app-shell .workspace .tv-business-cockpit-table-wrap{
  max-width: 100%;
  overflow-x: auto;
}

.app-shell .workspace .tv-business-cockpit-table-wrap table{
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-table-wrap th,
.app-shell .workspace .tv-business-cockpit-table-wrap td{
  padding: 9px 12px;
  border-top: 1px solid var(--tv-border);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-business-cockpit-table-wrap th:first-child{
  text-align: left;
}

.app-shell .workspace .tv-business-cockpit-receivable-total{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 14px;
  padding: 14px 16px 8px;
}

.app-shell .workspace .tv-business-cockpit-receivable-total strong{
  font-size: 23px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-receivable-total span{
  color: var(--tv-text-muted);
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-aging{
  display: grid;
  gap: 9px;
  padding: 7px 16px 15px;
}

.app-shell .workspace .tv-business-cockpit-aging-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 10px;
  min-width: 0;
}

.app-shell .workspace .tv-business-cockpit-aging-row > div:first-child{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  grid-column: 1 / -1;
  min-width: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-aging-row strong{
  color: var(--tv-text);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-aging-row small{
  color: var(--tv-text-subtle);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-business-cockpit-aging-track,
.app-shell .workspace .tv-business-cockpit-customer-track{
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--tv-surface-strong);
}

.app-shell .workspace .tv-business-cockpit-aging-track i,
.app-shell .workspace .tv-business-cockpit-customer-track i{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--tv-brand-hover);
}

.app-shell .workspace .tv-business-cockpit-aging-row.tone-warning .tv-business-cockpit-aging-track i{ background: var(--tv-warning); }
.app-shell .workspace .tv-business-cockpit-aging-row.tone-risk .tv-business-cockpit-aging-track i{ background: var(--tv-danger); }

.app-shell .workspace .tv-business-cockpit-receivables footer{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 16px;
  border-top: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-exposure-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  min-width: 0;
}

.app-shell .workspace .tv-business-cockpit-customer-exposure,
.app-shell .workspace .tv-business-cockpit-supplier-exposure{
  min-width: 0;
  padding: 14px 16px;
}

.app-shell .workspace .tv-business-cockpit-supplier-exposure{
  border-inline-start: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.app-shell .workspace .tv-business-cockpit-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.app-shell .workspace .tv-business-cockpit-section-head h3{
  margin: 0;
  font-size: 14px;
}

.app-shell .workspace .tv-business-cockpit-section-head span{
  color: var(--tv-text-subtle);
  font-size: 12px;
  font-weight: 800;
}

.app-shell .workspace .tv-business-cockpit-customer-lead{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 10px;
  margin-bottom: 11px;
}

.app-shell .workspace .tv-business-cockpit-customer-lead > span{
  grid-column: 1 / -1;
  color: var(--tv-text-subtle);
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-customer-lead > strong{
  font-size: 15px;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-customer-lead > b{
  color: var(--tv-brand-hover);
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-business-cockpit-customer-bars{
  display: grid;
  gap: 8px;
}

.app-shell .workspace .tv-business-cockpit-customer-bars > div > div{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  color: var(--tv-text-muted);
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-customer-bars span{
  min-width: 0;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-customer-bars strong{
  color: var(--tv-text);
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .tv-business-cockpit-exposure-note{
  margin: 10px 0 0;
  color: var(--tv-text-subtle);
  font-size: 12px;
  line-height: 1.4;
}

.app-shell .workspace .tv-business-cockpit-supplier-exposure dl{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 12px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
}

.app-shell .workspace .tv-business-cockpit-supplier-exposure dl > div{
  min-width: 0;
  padding: 9px;
  border-top: 1px solid var(--tv-border);
  border-inline-start: 1px solid var(--tv-border);
}

.app-shell .workspace .tv-business-cockpit-supplier-exposure dt,
.app-shell .workspace .tv-business-cockpit-supplier-exposure small{
  color: var(--tv-text-subtle);
  font-size: 12px;
}

.app-shell .workspace .tv-business-cockpit-supplier-exposure dd{
  margin: 3px 0 0;
  font-size: 13px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.app-shell .workspace .tv-business-cockpit-supplier-exposure small{
  display: block;
  margin-top: 2px;
}

.app-shell .workspace .tv-business-cockpit-empty,
.app-shell .workspace .tv-business-cockpit-empty-copy{
  margin: 0;
  padding: 22px 16px;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.5;
}

.app-shell .workspace .tv-business-cockpit-empty strong{
  color: var(--tv-text);
  font-size: 14px;
}

.app-shell .workspace .tv-business-cockpit-empty p{ margin: 4px 0 0; }

.app-shell .workspace .tv-business-cockpit-state{
  max-width: 900px;
  margin: 42px auto;
  padding: 28px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-lg);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.app-shell .workspace .tv-business-cockpit-state .tv-business-cockpit-kicker{ color: var(--tv-brand-hover); }
.app-shell .workspace .tv-business-cockpit-state h2{ margin: 6px 0; font-size: 22px; }
.app-shell .workspace .tv-business-cockpit-state p{ margin: 0 0 14px; color: var(--tv-text-muted); font-size: 13px; line-height: 1.5; }

.app-shell .workspace .tv-business-cockpit-loading-masthead,
.app-shell .workspace .tv-business-cockpit-loading-metrics > div,
.app-shell .workspace .tv-business-cockpit-loading-board > div{
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-editorial-surface-muted);
  animation: tv-business-cockpit-shimmer 1.4s ease-in-out infinite;
}

.app-shell .workspace .tv-business-cockpit-loading-masthead{ min-height: 124px; }
.app-shell .workspace .tv-business-cockpit-loading-metrics{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.app-shell .workspace .tv-business-cockpit-loading-metrics > div{ min-height: 112px; }
.app-shell .workspace .tv-business-cockpit-loading-board{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(340px, 1fr);
  grid-template-areas:
    "trend readout"
    "receivables exposure";
  gap: 12px;
  align-items: start;
  min-width: 0;
}
.app-shell .workspace .tv-business-cockpit-loading-board > div{ min-height: 280px; }
.app-shell .workspace .tv-business-cockpit-loading-board .is-trend{ grid-area: trend; }
.app-shell .workspace .tv-business-cockpit-loading-board .is-readout{ grid-area: readout; }
.app-shell .workspace .tv-business-cockpit-loading-board .is-receivables{ grid-area: receivables; min-height: 220px; }
.app-shell .workspace .tv-business-cockpit-loading-board .is-exposure{ grid-area: exposure; min-height: 220px; }

@keyframes tv-business-cockpit-shimmer {
  to { background-position: -220% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell .workspace .tv-business-cockpit-loading-masthead,
.app-shell .workspace .tv-business-cockpit-loading-metrics > div,
.app-shell .workspace .tv-business-cockpit-loading-board > div{ animation: none; }
}

@container (max-width: 900px) {
  .app-shell .workspace .tv-business-cockpit-masthead{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .app-shell .workspace .tv-business-cockpit-board{
    grid-template-columns: minmax(0, 1.5fr) minmax(310px, 1fr);
  }

  .app-shell .workspace .tv-business-cockpit-exposure-grid{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .tv-business-cockpit-supplier-exposure{
    border-block-start: 1px solid var(--tv-border);
    border-inline-start: 0;
  }
}

@container (max-width: 900px) {
  .app-shell .workspace .tv-business-cockpit-metrics{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .tv-business-cockpit-board{
    grid-template-columns: 1fr;
    grid-template-areas:
      "readout"
      "trend"
      "receivables"
      "exposure";
  }

}

@media (max-width: 900px) {
  .app-shell .workspace .tv-business-cockpit-route{
    padding: 8px 8px calc(112px + env(safe-area-inset-bottom));
  }

  .app-shell .workspace .tv-business-cockpit{
    gap: 8px;
  }

  .app-shell .workspace .tv-business-cockpit-masthead{
    grid-template-columns: 1fr;
    gap: 9px;
    min-height: 0;
    padding: 14px;
  }

  .app-shell .workspace .tv-business-cockpit-context{
    grid-template-columns: 1fr auto;
  }

  .app-shell .workspace .tv-business-cockpit-actions{
    grid-column: 1 / -1;
  }

  .app-shell .workspace .tv-business-cockpit-context dl{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .tv-business-cockpit-metric{
    min-height: 106px;
    padding: 11px;
  }

  .app-shell .workspace .tv-business-cockpit-metric > strong{
    font-size: clamp(18px, 5vw, 23px);
  }

  .app-shell .workspace .tv-business-cockpit-chart{
    height: 218px;
    gap: 3px;
  }

  .app-shell .workspace .tv-business-cockpit-chart-bars{
    gap: 2px;
  }

}

@media (max-width: 520px) {
  .app-shell .workspace .tv-business-cockpit-kicker{
    display: none;
  }

  .app-shell .workspace .tv-business-cockpit-intro h2{
    font-size: 19px;
  }

  .app-shell .workspace .tv-business-cockpit-intro p{
    display: none;
  }

  .app-shell .workspace .tv-business-cockpit-context dl > div{
    padding: 7px;
  }

  .app-shell .workspace .tv-business-cockpit-metrics{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .app-shell .workspace .tv-business-cockpit-metric{
    min-height: 128px;
    padding: 10px;
  }

  .app-shell .workspace .tv-business-cockpit-metric > strong{
    font-size: 16px;
    line-height: 1.08;
    overflow-wrap: normal;
    word-break: normal;
  }

  .app-shell .workspace .tv-business-cockpit-metric > small{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .app-shell .workspace .tv-business-cockpit-panel-head,
.app-shell .workspace .tv-business-cockpit-receivable-total,
.app-shell .workspace .tv-business-cockpit-aging,
.app-shell .workspace .tv-business-cockpit-customer-exposure,
.app-shell .workspace .tv-business-cockpit-supplier-exposure{
    padding-inline: 12px;
  }

  .app-shell .workspace .tv-business-cockpit-trend figure{
    padding-inline: 12px;
  }

  .app-shell .workspace .tv-business-cockpit-values{
    margin-inline: -12px;
  }

  .app-shell .workspace .tv-business-cockpit-chart{
    height: 206px;
  }

  .app-shell .workspace .tv-business-cockpit-exposure-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .workspace .tv-business-cockpit-supplier-exposure dl{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .tv-business-cockpit-supplier-exposure dl > div:first-child{ border-block-start: 0; }
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

[data-tv-surface="route-frame"]{
  color: var(--tv-text);
}

[data-tv-surface="register"]{
  min-width: 0;
}

[data-tv-overlay]:focus-visible,
[data-tv-overlay] :is(button, a, input, select, textarea, [tabindex]):focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-accent) 72%, white);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
*::before,
*::after{ scroll-behavior: auto; transition-duration: 0.01ms; animation-duration: 0.01ms; }
}

.data-table th,
.data-table td{ overflow-wrap: anywhere; }
.data-table th[scope="col"]{ white-space: nowrap; }
.data-table td[data-label]{ min-width: 0; }
.drawer,
.modal{ max-width: var(--tv-drawer-width); }
.drawer-footer,
.modal-footer{ position: sticky; bottom: 0; z-index: 2; padding-bottom: max(var(--tv-space-4), env(safe-area-inset-bottom)); }
.drawer-body,
.modal-body{ min-width: 0; overflow-wrap: anywhere; }
.drawer :is(code, pre),
.modal :is(code, pre){ overflow-wrap: anywhere; white-space: pre-wrap; }

@media (max-width: 900px) {
  .drawer-host.is-open .drawer{ width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .drawer-header,
.modal-header{ min-height: 64px; }
  .drawer-header-actions{ max-width: calc(100vw - 96px); overflow-x: auto; }
  .drawer-footer,
.modal-footer{ flex-wrap: wrap; gap: var(--tv-space-2); }
  .drawer-footer > *,
.modal-footer > *{ min-height: 44px; }
  .data-table{ min-width: 640px; }
  .table-card{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .tv-route-frame .workspace-hero{ padding: var(--tv-space-4); }
  .tv-route-frame .workspace-hero h2{ font-size: 20px; }
}

.record-collaboration{
  width: 100%;
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
  background: var(--tv-surface-muted);
  overflow: hidden;
}

.record-collaboration-summary{
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px 14px;
  color: var(--tv-text);
  cursor: pointer;
  list-style: none;
  letter-spacing: 0;
}

.record-collaboration-summary::-webkit-details-marker{
  display: none;
}

.record-collaboration-summary:hover,
.record-collaboration-summary:focus-visible{
  background: var(--tv-surface-muted);
}

.record-collaboration-summary:focus-visible{
  outline: 2px solid var(--tv-accent);
  outline-offset: -2px;
}

.record-collaboration[open] > .record-collaboration-summary{
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.record-collaboration-summary-icon{
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: var(--tv-brand);
}

.record-collaboration-summary-icon svg{
  width: 20px;
  height: 20px;
}

.record-collaboration-summary-copy{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.record-collaboration-summary-copy strong{
  color: var(--tv-text);
  font-size: 14px;
  line-height: 1.3;
}

.record-collaboration-summary-copy small,
.record-collaboration-count{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.record-collaboration-count{
  text-align: right;
  white-space: nowrap;
}

.record-collaboration-host{
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 14px;
}

.record-collaboration-head{
  display: flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}

.record-collaboration-head h3,
.record-collaboration-section-title h4{
  margin: 0;
  color: var(--tv-text);
  letter-spacing: 0;
}

.record-collaboration-head h3{
  font-size: 16px;
  line-height: 1.25;
}

.record-collaboration-head p{
  max-width: 900px;
  margin: 3px 0 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.record-collaboration-head-actions,
.record-comment-actions,
.record-comment-state,
.record-comment-composer-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.record-collaboration-head-actions{
  justify-content: flex-end;
}

.record-comment-composer{
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(220px, 0.7fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--tv-border);
  border-radius: 6px;
  background: var(--tv-surface-muted);
}

.record-comment-composer > .form-errors{
  grid-column: 1 / -1;
}

.record-comment-composer .field,
.record-comment-composer textarea,
.record-comment-composer select{
  min-width: 0;
  width: 100%;
}

.record-comment-composer textarea{
  min-height: 82px;
  resize: vertical;
}

.record-comment-composer select[multiple]{
  min-height: 82px;
}

.record-comment-composer-actions{
  justify-content: flex-end;
  padding-bottom: 1px;
}

.record-collaboration-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.record-collaboration-notes,
.record-collaboration-tasks,
.record-collaboration-evidence,
.record-collaboration-evidence > section{
  display: grid;
  gap: 9px;
  min-width: 0;
}

.record-collaboration-evidence{
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--tv-border);
}

.record-collaboration-section-title{
  display: flex;
  gap: 10px;
  align-items: baseline;
  justify-content: space-between;
  min-width: 0;
}

.record-collaboration-section-title > div{
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: baseline;
  min-width: 0;
}

.record-collaboration-section-title h4{
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-transform: uppercase;
}

.record-collaboration-section-title span{
  color: var(--tv-text-muted);
  font-size: 11px;
  white-space: nowrap;
}

.record-comment-list{
  display: grid;
  gap: 8px;
}

.record-task-list{
  display: grid;
  min-width: 0;
  border-top: 1px solid var(--tv-border);
}

.record-task{
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 11px 10px;
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface);
}

.record-task.is-overdue{
  box-shadow: inset 3px 0 0 var(--tv-danger);
  background: var(--tv-danger-soft);
}

.record-task.is-closed{
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
}

.record-task-head,
.record-task-meta,
.record-task-actions,
.record-task-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
  align-items: center;
}

.record-task-head{
  justify-content: space-between;
  align-items: flex-start;
}

.record-task-head > div:first-child{
  display: grid;
  gap: 1px;
  min-width: 0;
}

.record-task-head strong{
  color: var(--tv-text);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.record-task-head > div:first-child span,
.record-task-meta,
.record-task-closure{
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.45;
}

.record-task-description,
.record-task-closure{
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.record-task-description{
  color: var(--tv-text);
  font-size: 12px;
  line-height: 1.5;
}

.record-task-closure{
  padding-left: 8px;
  border-left: 2px solid var(--tv-text-subtle);
}

.record-task-actions{
  justify-content: flex-end;
}

.record-task-actions .btn-sm{
  min-height: 28px;
  padding: 4px 8px;
  font-size: 10px;
}

.record-task-actions .is-danger{
  color: var(--tv-danger);
}

.record-comment{
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--tv-border);
  border-left: 3px solid var(--tv-brand);
  border-radius: 6px;
  background: var(--tv-surface);
}

.record-comment.is-deleted{
  border-left-color: var(--tv-text-subtle);
  background: var(--tv-surface-muted);
}

.record-comment-head,
.record-comment-foot{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}

.record-comment-head > div:first-child{
  display: grid;
  gap: 1px;
  min-width: 0;
}

.record-comment-head strong{
  color: var(--tv-text);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.record-comment-head span,
.record-comment-foot small,
.record-attachment-row span,
.record-activity-row span{
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.4;
}

.record-comment-body,
.record-comment-deleted{
  margin: 0;
  color: var(--tv-text);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.record-comment-deleted{
  color: var(--tv-text-muted);
  font-style: italic;
}

.record-comment-mentions,
.record-watcher-list{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.record-comment-mentions span,
.record-watcher-list span{
  max-width: 100%;
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
  font-size: 10px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.record-comment-actions .btn-sm{
  min-height: 28px;
  padding: 4px 8px;
  font-size: 10px;
}

.record-comment-actions .is-danger{
  color: var(--tv-danger);
}

.record-attachment-list,
.record-activity-list{
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.record-attachment-row{
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--tv-border);
}

.record-attachment-row > div,
.record-activity-row > div{
  display: grid;
  gap: 1px;
  min-width: 0;
}

.record-attachment-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: flex-end;
}

.record-attachment-actions .btn-sm,
.record-attachment-section .btn-sm{
  min-height: 28px;
  padding: 4px 8px;
  font-size: 10px;
}

.record-attachment-row strong,
.record-activity-row strong{
  color: var(--tv-text);
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.record-activity-row{
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-width: 0;
}

.record-activity-marker{
  width: 7px;
  height: 7px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--tv-accent);
}

.record-collaboration-error{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 900px) {
  .record-comment-composer,
.record-collaboration-grid{
    grid-template-columns: 1fr;
  }

  .record-comment-composer-actions{
    justify-content: stretch;
  }

  .record-comment-composer-actions .btn{
    width: 100%;
  }
}

@media (max-width: 520px) {
  .record-collaboration-summary{
    grid-template-columns: 28px minmax(0, 1fr);
    padding-inline: 11px;
  }

  .record-collaboration-count{
    grid-column: 2;
    text-align: left;
    white-space: normal;
  }

  .record-collaboration-host{
    padding: 11px;
  }

  .record-collaboration-head,
.record-task-head,
.record-comment-head,
.record-comment-foot{
    align-items: stretch;
    flex-direction: column;
  }

  .record-collaboration-head-actions{
    justify-content: flex-start;
  }

  .record-task-actions{
    justify-content: flex-start;
  }

  .record-attachment-row{
    align-items: stretch;
    flex-direction: column;
  }

  .record-attachment-actions{
    justify-content: flex-start;
  }
}

*{ box-sizing: border-box; }
html,
body,
#tv-app{ height: 100dvh; margin: 0; }
html,
body{ min-height: 100dvh; }
body{
  width: 100%;
  min-width: 0;
  overflow: hidden;
  background: var(--tv-bg);
  color: var(--tv-text);
}
#tv-app{
  width: 100%;
  min-width: 0;
}
button,
input,
select,
textarea{ font: inherit; touch-action: manipulation; }
button{ min-height: 44px; cursor: pointer; }
button:disabled{ cursor: wait; opacity: .68; transform: none; }
button.is-busy{ position: relative; }
.workspace h1[tabindex="-1"]:focus,
.workspace h2[tabindex="-1"]:focus{
  outline: none;
}
.sr-only{ position: fixed; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.icon{ width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.app-shell{
  display: grid;

  grid-template-rows: var(--tv-header-height) minmax(0, 1fr);
  height: 100dvh;
  min-height: 100dvh;
  min-width: 0;
  transition: grid-template-columns 160ms ease;
}
.app-shell,
.main,
.content-frame,
.workspace,
.route-stack{
  width: 100%;
  min-width: 0;
}
.main{
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  height: calc(100dvh - var(--tv-header-height));
  display: grid;
  grid-template-rows: minmax(0, 1fr);
}

.tv-command-header{
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  height: var(--tv-header-height);
  display: grid;
  grid-template-columns: 44px minmax(142px, 162px) minmax(170px, 220px) minmax(260px, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  background: var(--tv-surface);
  border-bottom: 1px solid var(--tv-border);
  z-index: 30;
}

.tv-command-brand,
.tv-command-sidebar-toggle,
.tv-command-search,
.tv-command-create__trigger,
.tv-command-icon,
.tv-command-profile__trigger{
  min-height: 42px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--tv-text);
}

.tv-command-brand{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 8px 0 0;
  text-align: left;
}

.tv-command-brand img{
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  object-fit: contain;
}

.tv-command-brand span,
.tv-command-brand strong,
.tv-command-brand small{
  display: block;
  min-width: 0;
}

.tv-command-brand strong{
  overflow: hidden;
  color: var(--tv-text);
  font-size: 17px;
  font-weight: 850;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tv-command-brand small{
  margin-top: 3px;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
}

.tv-command-sidebar-toggle{
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
}

.tv-command-sidebar-toggle:hover{
  background: var(--tv-surface-muted);
}

.tv-command-sidebar-toggle .icon{
  width: 20px;
  height: 20px;
}

.tv-command-scope{
  min-width: 0;
  min-height: 42px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
  background: var(--tv-surface-muted);
}

.tv-command-scope__icon{
  display: inline-grid;
  place-items: center;
  color: var(--tv-text-muted);
}

.tv-command-scope__icon .icon{
  width: 17px;
  height: 17px;
}

.tv-command-scope__select{
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0 24px 0 0;
  border: 0;
  border-radius: 6px;
  background-color: transparent;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 750;
  text-overflow: ellipsis;
}

.tv-command-scope__select:focus-visible,
.tv-command-brand:focus-visible,
.tv-command-sidebar-toggle:focus-visible,
.tv-command-search:focus-visible,
.tv-command-create__trigger:focus-visible,
.tv-command-icon:focus-visible,
.tv-command-profile__trigger:focus-visible,
.tv-command-menu button:focus-visible{
  outline: 2px solid var(--tv-info);
  outline-offset: 2px;
}

.tv-command-scope__select:disabled{
  cursor: default;
  opacity: .82;
}

.tv-command-scope[aria-busy="true"]{
  opacity: .72;
}

.tv-command-search{
  position: relative;
  min-width: 0;
  height: 42px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border-color: var(--tv-border);
  border-left: 2px solid var(--tv-accent);
  border-radius: 8px;
  background: var(--tv-surface);
  color: var(--tv-text-muted);
  text-align: left;
  transition: border-color 140ms ease, background 140ms ease;
}

.tv-command-search:hover{
  border-color: var(--tv-border-strong);
  background: var(--tv-surface-muted);
}

.tv-command-search span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tv-command-search kbd{
  flex: 0 0 auto;
}

.tv-command-header__actions{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.tv-command-create,
.tv-command-profile{
  position: relative;
  flex: 0 0 auto;
}

.tv-command-create{
  margin-right: 4px;
  padding-right: 12px;
  border-right: 1px solid var(--tv-border);
}

.tv-command-create__trigger{
  min-width: 108px;
  display: inline-grid;
  grid-template-columns: 18px auto 16px;
  place-items: center;
  gap: 8px;
  padding: 0 12px;
  border-color: var(--tv-brand);
  border-radius: 8px;
  background: var(--tv-brand);
  color: var(--tv-on-brand);
  font-weight: 800;
}

.tv-command-create__trigger:hover{
  background: var(--tv-brand-hover);
  border-color: var(--tv-brand-hover);
}

.tv-command-icon,
.tv-command-profile__trigger{
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-color: transparent;
  border-radius: 8px;
  background: var(--tv-surface);
}

.tv-command-icon:hover{
  border-color: var(--tv-border-strong);
  background: var(--tv-surface-muted);
}

.tv-command-profile__trigger{
  width: 62px;
  gap: 5px;
  border-color: transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--tv-brand);
}

.tv-command-profile__avatar{
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: var(--tv-brand);
  color: var(--tv-on-brand);
  font-size: 12px;
  font-weight: 900;
}

.tv-command-profile__trigger .icon{
  width: 13px;
  height: 13px;
}

.tv-command-notifications{
  position: relative;
}

.tv-command-notifications__badge{
  position: absolute;
  inset: -6px -7px auto auto;
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border: 2px solid var(--tv-surface);
  border-radius: 999px;
  background: var(--tv-accent);
  color: var(--tv-on-brand);
  font-size: 0;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.tv-command-notifications__badge[hidden]{
  display: none;
}

.tv-command-status{
  min-width: 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  border: 0;
  color: var(--tv-text-muted);
  font-size: 0;
  font-weight: 800;
  white-space: nowrap;
}

.tv-command-status .icon{
  width: 19px;
  height: 19px;
}

.tv-command-status[data-state="verified"]{ color: var(--tv-success); }
.tv-command-status[data-state="verifying"]{ color: var(--tv-info); }
.tv-command-status[data-state="offline"]{ color: var(--tv-warning); }

.tv-command-menu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 60;
  width: 236px;
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--tv-border);
  border-radius: 10px;
  background: var(--tv-surface);
  box-shadow: 0 18px 40px rgba(12, 33, 28, .16);
}

.tv-command-menu[hidden]{
  display: none;
}

.tv-command-menu--profile{
  width: 220px;
}

.tv-command-menu.tv-command-menu--profile button{
  grid-template-columns: minmax(0, 1fr);
}

.tv-command-menu strong,
.tv-command-menu > span{
  display: block;
  padding: 4px 8px;
}

.tv-command-menu > span{
  color: var(--tv-text-muted);
  font-size: 12px;
}

.tv-command-menu button{
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 0 9px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--tv-text);
  font-weight: 750;
  text-align: left;
}

.tv-command-menu button:hover{
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
}

.tv-command-menu button.danger{ color: var(--tv-danger); }
.tv-command-menu .icon{ width: 16px; height: 16px; }

.tv-command-menu__group{
  padding: 8px 9px 3px;
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 1180px) {
  .tv-command-header{
    grid-template-columns: 44px 44px minmax(150px, 190px) minmax(190px, 1fr) auto;
  }

  .tv-command-brand{
    width: 44px;
    padding: 0;
  }

  .tv-command-brand > span{
    display: none;
  }

  .tv-command-create__trigger{
    min-width: 44px;
    width: 44px;
    grid-template-columns: 18px;
    padding: 0;
  }

  .tv-command-create__trigger > span,
.tv-command-create__trigger .icon:last-child{
    display: none;
  }
}

@media (max-width: 900px) and (min-width: 521px) {
  .tv-command-header{
    grid-template-columns: 44px 44px minmax(130px, 170px) minmax(44px, 1fr) auto;
    gap: 8px;
    padding-inline: 12px;
  }

}

@media (max-width: 900px) {
  .tv-command-header{
    grid-template-columns: 42px 42px minmax(96px, 130px) 42px auto;
  }

  .tv-command-scope{
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-command-scope__icon,
.tv-command-scope__label,
.tv-command-search > span,
.tv-command-search kbd{
    display: none;
  }

  .tv-command-search{
    width: 42px;
    grid-template-columns: 1fr;
    place-items: center;
    padding: 0;
  }
}

@media (max-width: 520px) {
  .tv-command-header{
    height: 60px;
    grid-template-columns: 38px minmax(86px, 106px) 40px auto;
    gap: 6px;
    padding: 0 10px;
  }

  .tv-command-sidebar-toggle{
    display: none;
  }

  .tv-command-brand,
.tv-command-brand img{
    width: 32px;
    height: 32px;
  }

  .tv-command-scope{
    min-height: 40px;
    height: 40px;
    padding: 0 7px;
  }

  .tv-command-scope__select{
    height: 30px;
    padding-right: 19px;
    font-size: 10px;
  }

  .tv-command-search,
.tv-command-icon,
.tv-command-profile__trigger,
.tv-command-create__trigger{
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .tv-command-header__actions{
    gap: 5px;
  }

  .tv-command-status{
    display: none;
  }

  .tv-command-profile__trigger .icon{
    display: none;
  }

  .tv-command-menu{
    position: fixed;
    top: 66px;
    right: 10px;
    width: min(280px, calc(100vw - 20px));
    max-height: calc(100dvh - 148px);
    overflow-y: auto;
  }

}

@media (max-width: 520px) {
  .tv-command-header{
    grid-template-columns: 36px minmax(76px, 96px) 38px auto;
    gap: 4px;
    padding-inline: 8px;
  }

  .tv-command-notifications{
    display: none;
  }
}
kbd{ padding: 2px 7px; border: 1px solid var(--border); border-radius: 7px; background: var(--tv-surface-muted); color: var(--tv-text-muted); font-size: 12px; }
.btn,
.icon-btn{ min-height: 44px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text); font-weight: 750; box-shadow: 0 2px 8px rgba(15,23,42,.03); }
.btn{ min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; }
.btn-primary{ background: var(--primary); border-color: var(--primary); color: var(--tv-surface); }
.btn-danger{ background: var(--tv-danger-soft); border-color: var(--tv-danger-border); color: var(--tv-danger); }
.btn-danger:hover,
.btn-danger:focus-visible{ background: var(--tv-danger-border); border-color: var(--tv-danger-border); outline: none; }
.btn-warning{ background: var(--tv-warning-soft); border-color: var(--tv-warning); color: var(--tv-warning); }
.btn-warning:hover,
.btn-warning:focus-visible{ background: var(--tv-warning-soft); border-color: var(--tv-warning); outline: none; }
.btn-ghost{ background: var(--tv-surface-muted); }
.icon-btn{ width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; display: inline-grid; place-items: center; }
.btn:hover,
.icon-btn:hover{ transform: translateY(-1px); }

.content-frame{ min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 18px 18px 18px 20px; overflow: hidden; overflow-anchor: none; }
.workspace{ min-width: 0; overflow: auto; padding-right: 2px; scrollbar-gutter: stable both-edges; overflow-anchor: none; }
.workspace::-webkit-scrollbar{ width: 10px; }
.workspace::-webkit-scrollbar-thumb{ background: var(--tv-info-border); border-radius: 999px; border: 3px solid var(--bg); }
.route-stack{ display: flex; flex-direction: column; gap: 16px; padding-bottom: 28px; }
.kpi{ min-height: 132px; padding: 16px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); box-shadow: 0 8px 22px rgba(15,23,42,.04); overflow: hidden; }
.kpi-top{ display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.kpi-icon{ width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--primary-soft); color: var(--primary); }
.kpi strong{ display: block; margin-top: 10px; font-size: 25px; font-variant-numeric: tabular-nums; letter-spacing: 0; }
.kpi small{ display: block; margin-top: 4px; color: var(--muted); font-weight: 700; }
.spark{ width: 100%; height: 34px; margin-top: 12px; overflow: visible; }
.spark path{ fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; }
.tone-green{ color: var(--success); } .tone-red{ color: var(--danger); } .tone-blue{ color: var(--primary); }
.panel,
.table-card,
.editor-card{ background: var(--surface); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 8px 24px rgba(15,23,42,.04); }
.panel{ padding: 18px; }
.panel h2,
.editor-card h2{ margin: 0 0 14px; font-size: 20px; }
.command-row{ min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid var(--tv-info-soft); border-radius: 8px; background: var(--tv-surface-muted); margin-bottom: 10px; }
.command-row strong,
.command-row span{ display: block; }
.command-row span{ color: var(--muted); margin-top: 3px; }
.command-row > div{ min-width: 0; }
.command-row .btn{ flex: 0 0 auto; min-width: 68px; white-space: nowrap; }

.tabs{ display: flex; gap: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); overflow-x: auto; }
.tabs button{ min-height: 44px; padding: 0 16px; border: 1px solid transparent; border-radius: 12px; background: transparent; font-weight: 800; white-space: nowrap; }
.tabs button.active{ color: var(--primary); background: var(--primary-soft); border-color: var(--tv-info-border); }
.tabs span{ margin-left: 6px; padding: 2px 7px; border-radius: 999px; background: var(--tv-surface-strong); color: var(--tv-text); }
.table-card{ overflow: hidden; }
.table-scroll{ width: 100%; overflow-x: auto; }.item-register .data-table{ table-layout: fixed; }
.item-register .data-table th,
.item-register .data-table td{ overflow: hidden; text-overflow: ellipsis; }
.item-register .data-table :is(th, td)[data-column-key="name"]{ width: 22%; }
.item-register .data-table :is(th, td)[data-column-key="rate"],
.item-register .data-table :is(th, td)[data-column-key="qty"]{ width: 12%; }
.item-register .data-table :is(th, td)[data-column-key="status"]{ width: 12%; }
.item-register .data-table :is(th, td).row-actions,
.item-register .data-table .actions-head{ width: 150px; }
.filters{ display: flex; align-items: end; gap: 10px; padding: 14px; border-bottom: 1px solid var(--border); overflow-x: auto; }
.searchbox{ min-width: 320px; flex: 1; display: grid; gap: 5px; color: var(--muted); font-size: 12px; font-weight: 850; }
.searchbox input,
.field input,
.field select,
.field textarea,
.editor-card textarea{ width: 100%; min-height: 44px; border: 1px solid var(--border); border-radius: 9px; padding: 0 10px; background: var(--tv-surface); color: var(--text); }
.combo-field{
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(92px, auto);
  align-items: stretch;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .02);
}
.combo-field:focus-within{
  border-color: rgba(37, 99, 235, .35);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.combo-field input{
  border: 0;
  border-radius: 0;
  background: transparent;
}

.customer-picker-fieldset{
  display: grid;
  grid-template-columns: minmax(280px, 1.15fr) minmax(240px, .85fr);
  gap: 10px;
  align-items: start;
  margin-bottom: 10px;
}
.customer-picker{ display: grid; gap: 6px; }
.customer-combo{ width: 100%; }
.discount-mode-toggle{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 10px;
}
.discount-mode-option{
  position: relative;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--tv-surface);
  color: var(--tv-text);
  font-weight: 850;
  cursor: pointer;
}
.discount-mode-option input{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.discount-mode-option span{ position: relative; z-index: 1; }
.discount-mode-option:has(input:checked){
  background: var(--primary-soft);
  color: var(--primary);
  border-color: var(--tv-info-border);
}
.discount-mode-wrap{ display: grid; gap: 6px; }
.discount-mode-wrap[hidden]{ display: none; }
.selected-customer{ display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--tv-info-soft); border-radius: 8px; background: var(--tv-surface-cool); }
.selected-customer strong{ color: var(--tv-text); font-size: 13px; font-weight: 900; }
.selected-customer span{ color: var(--tv-text-muted); font-size: 12px; font-weight: 750; line-height: 1.35; }
.compact-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.compact-grid > .field{ margin-bottom: 0; }
.data-table{ width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.data-table th{ position: sticky; top: 0; z-index: 1; background: var(--tv-surface-cool); color: var(--tv-text-muted); text-align: left; border-bottom: 1px solid var(--border); }
.data-table td{ border-bottom: 1px solid var(--tv-info-soft); color: var(--tv-text); }
.data-table th,
.data-table td{ padding: 12px 14px; vertical-align: top; }
.data-table th.not-sortable{ min-height: 44px; color: var(--tv-text-muted); font-weight: 900; white-space: nowrap; }
.th-button{ width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 0; background: transparent; color: inherit; font-weight: 900; text-align: left; }
.actions-head{ font-weight: 900; }
.sort-mark{ color: var(--muted); }
.data-table tr:hover td{ background: var(--tv-surface-muted); }
.data-table tr.is-clickable{ cursor: pointer; }
.data-table tr.is-clickable{ scroll-margin-block: 140px; scroll-margin-bottom: 140px; }
.data-table tr.is-clickable:focus-visible td{ outline: 2px solid var(--tv-info-border); outline-offset: -2px; background: var(--tv-surface-cool); }
.data-table tr.is-clickable:hover td{ background: var(--tv-surface-cool); }
.empty-row td{ padding: 28px 14px; text-align: center; color: var(--muted); font-weight: 800; }
.row-actions{ display: flex; gap: 7px; white-space: nowrap; }
.row-actions .btn{ min-height: 46px; transform: none; }
.money-cell,
.data-table td:nth-last-child(2){ font-variant-numeric: tabular-nums; text-align: right; }
.badge{ display: inline-flex; align-items: center; min-height: 24px; padding: 3px 8px; border-radius: 7px; font-size: 12px; font-weight: 850; }
.badge-success{ color: var(--tv-success); background: var(--tv-surface-strong); } .badge-danger{ color: var(--tv-danger); background: var(--tv-danger-border); } .badge-warning{ color: var(--tv-warning); background: var(--tv-warning-soft); } .badge-info{ color: var(--tv-info); background: var(--tv-info-soft); }
.form-errors,
.form-error,
.route-warning,
.helper-copy.is-warning,
.inline-lookup-empty{
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  background: var(--tv-warning-soft);
  color: var(--tv-warning);
}

.form-errors{
  padding: 14px 16px;
  display: grid;
  gap: 8px;
  box-shadow: 0 8px 20px rgba(7, 44, 44, .04);
}

.form-errors[hidden]{ display: none; }

.form-errors strong{
  color: var(--tv-warning);
}

.form-errors ul{
  margin: 0;
  padding-left: 20px;
}

.form-error{
  padding: 11px 12px;
  font-weight: 800;
}

.route-warning,
.helper-copy.is-warning,
.inline-lookup-empty{
  padding: 10px 12px;
  font-weight: 750;
}

.route-warning{
  background: var(--tv-warning-soft);
}

.helper-copy.is-warning{
  display: block;
}

.invoice-editor{ display: flex; flex-direction: column; gap: 16px; padding-bottom: 78px; }
.tv-document-strip{ display: grid; grid-template-columns: 1.45fr 1fr .7fr 1fr 1fr 1fr; gap: 0; overflow: hidden; border: 1px solid var(--tv-info-soft); border-radius: 0 0 8px 8px; background: var(--tv-surface); }
.tv-document-strip > div{ min-height: 64px; display: grid; align-content: center; gap: 4px; padding: 12px 14px; border-right: 1px solid var(--tv-info-soft); }
.tv-document-strip > div:last-child{ border-right: 0; }
.tv-document-strip span{ color: var(--tv-text-muted); font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.tv-document-strip strong{ overflow: hidden; color: var(--tv-text); font-size: 14px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.editor-grid{ display: grid; grid-template-columns: 1fr 1.15fr .9fr; gap: 12px; }
.tv-primary-grid{ grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) minmax(0, 1fr); align-items: start; }
.editor-grid.three{ grid-template-columns: repeat(3, 1fr); }
.editor-grid.two{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.editor-card{ padding: 16px; }
.advanced-invoice-fields{ order: 3; border: 1px solid var(--tv-info-soft); border-radius: 6px; background: var(--tv-surface); }
.advanced-invoice-fields > summary{ position: sticky; top: 0; z-index: 1; background: var(--tv-surface); }
.advanced-invoice-fields summary{ min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px; cursor: pointer; color: var(--tv-text); font-size: 13px; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }
.advanced-invoice-fields summary::-webkit-details-marker{ color: var(--tv-text-muted); }
.advanced-invoice-fields summary strong{ min-height: 26px; display: inline-flex; align-items: center; padding: 0 9px; border-radius: 999px; background: var(--tv-surface-muted); color: var(--tv-text-muted); font-size: 11px; letter-spacing: 0; text-transform: none; }
.advanced-invoice-fields[open] summary{ border-bottom: 1px solid var(--tv-info-soft); }
.advanced-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.advanced-grid .editor-card{ border: 0; border-radius: 0; border-right: 1px solid var(--tv-info-soft); }
.advanced-grid .editor-card:last-child{ border-right: 0; }
.autosave-note{ display: block; margin-top: 4px; color: var(--tv-text-muted); font-size: 12px; font-weight: 750; }
.draft-recovery{ display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid var(--tv-warning); border-radius: 8px; padding: 12px 14px; background: var(--tv-warning-soft); color: var(--tv-warning); }
.draft-recovery[hidden]{ display: none; }
.draft-recovery strong{ display: block; color: var(--tv-warning); font-size: 14px; }
.draft-recovery p{ margin: 3px 0 0; color: var(--tv-warning); font-size: 13px; line-height: 1.45; }
.draft-recovery-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.field{ display: grid; gap: 7px; margin-bottom: 12px; color: var(--muted); font-size: 12px; font-weight: 850; }
.field-help{ color: var(--tv-text-muted); font-size: 12px; font-weight: 750; line-height: 1.35; }
.helper-copy.is-warning{ color: var(--tv-warning); background: var(--tv-warning-soft); border: 1px solid var(--tv-warning); border-radius: 8px; padding: 10px; }
.form-errors{ padding: 14px 16px; border: 1px solid var(--tv-danger-border); border-radius: 8px; background: var(--tv-danger-soft); color: var(--tv-danger); }
.form-errors strong{ display: block; margin-bottom: 6px; }
.field-error{ margin: 2px 0 0; color: var(--tv-danger); font-size: 12px; font-weight: 850; line-height: 1.35; }
.form-error{ padding: 11px 12px; border: 1px solid var(--tv-danger-border); border-radius: 8px; background: var(--tv-danger-soft); color: var(--tv-danger); font-weight: 800; }
.payment-drawer-stack .form-error{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3, 12px);
  flex-wrap: wrap;
}
.payment-drawer-stack .form-error[hidden]{ display: none; }
.payment-drawer-stack .form-error .btn{
  flex: 0 0 auto;
  min-height: 40px;
  color: var(--tv-brand, var(--tv-brand));
  background: var(--tv-surface, var(--tv-surface));
  border-color: currentColor;
}
.payment-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.payment-context{ display: grid; gap: 8px; padding: 14px 16px; border: 1px solid var(--tv-info-soft); border-radius: 8px; background: var(--tv-surface-cool); }
.payment-context strong{ color: var(--tv-text); font-size: 13px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.payment-quick-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.payment-quick-actions .btn{ min-width: 140px; }
.allocation-preview{ display: grid; gap: 8px; padding: 12px; border: 1px solid var(--tv-info-soft); border-radius: 8px; background: var(--tv-surface-cool); }
.allocation-preview .health-line{ margin: 0; background: var(--tv-surface); }
.writeoff-impact-grid{
  display: grid;
  gap: 8px;
}
.writeoff-impact-grid .health-line{
  margin: 0;
  background: rgba(255, 255, 255, .86);
}
.section-head{ display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--border); }
.section-head > div{ min-width: 0; }
.section-head h2{ margin: 0; font-size: 20px; }
.section-head-inline{ align-items: flex-start; }
.section-head-inline .helper-copy.compact{ margin: 0; }
.section-head-inline .btn{ white-space: nowrap; }
.helper-copy{ color: var(--muted); font-weight: 700; line-height: 1.5; }
.helper-copy.compact{ margin: 4px 0 0; font-size: 12px; }
.total-line{ display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 8px; background: var(--tv-surface-muted); margin-bottom: 8px; }
.total-line.major{ background: var(--primary-soft); color: var(--primary); font-size: 18px; }
.sticky-save{ position: sticky; bottom: 0; z-index: 4; display: flex; justify-content: flex-end; gap: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 16px; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); box-shadow: 0 -8px 24px rgba(15,23,42,.06); }
.save-note{ margin-right: auto; align-self: center; color: var(--muted); font-size: 13px; font-weight: 800; }
.value-pill{ min-height: 32px; display: inline-flex; align-items: center; padding: 0 10px; border-radius: 999px; background: var(--tv-info-soft); color: var(--tv-info); font-weight: 850; white-space: nowrap; }
.health-line{ display: flex; justify-content: space-between; align-items: center; padding: 12px; border: 1px solid var(--border); border-radius: 12px; margin-bottom: 8px; }
.credit-note-detail .health-line,
.debit-note-detail .health-line{
  display: grid;
  grid-template-columns: minmax(150px, .48fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.credit-note-detail .health-line > strong,
.credit-note-detail .health-line-value,
.debit-note-detail .health-line > strong,
.debit-note-detail .health-line-value{
  min-width: 0;
  max-width: 100%;
  justify-self: end;
  overflow-wrap: anywhere;
  text-align: right;
}
.credit-note-detail .table-scroll,
.debit-note-detail .table-scroll{
  max-width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.mini-table{ width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.mini-table th{ background: var(--tv-surface-cool); color: var(--tv-text-muted); text-align: left; font-weight: 900; }
.mini-table th,
.mini-table td{ padding: 10px 12px; border-bottom: 1px solid var(--tv-info-soft); vertical-align: top; }
.mini-table .number-cell{ text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.invoice-lines-detail td:first-child{ font-weight: 850; color: var(--text); }

.drawer-host{ position: fixed; inset: 0; display: none; background: rgba(15, 23, 42, .44); z-index: 80; }
.drawer-host.is-open{ display: flex; justify-content: flex-end; }
.drawer{ width: min(1040px, calc(100vw - 24px)); max-width: 100vw; height: 100%; display: grid; grid-template-rows: auto minmax(0,1fr) auto; background: var(--tv-surface); box-shadow: -20px 0 50px rgba(15,23,42,.22); overflow-x: hidden; }
.drawer.is-stacked{ position: absolute; inset-block: 0; inset-inline-end: 0; z-index: 1; }
.drawer-header,
.drawer-footer{ display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--border); }
.drawer-title{ min-width: 0; }
.drawer-title h2,
.drawer-title p{ overflow-wrap: anywhere; }
.drawer-header-actions{ display: flex; align-items: center; gap: 10px; margin-left: auto; flex-wrap: wrap; }
.drawer-header-actions .btn{
  min-height: 40px;
  padding: 0 12px;
  border-radius: 999px;
}
.drawer-header-actions .btn-primary{
  background: var(--primary);
  color: var(--tv-surface);
}
.drawer-header-actions .btn-warning{
  background: var(--accent-soft);
  border-color: var(--tv-warning);
  color: var(--tv-warning);
}
.drawer-header-actions .btn-danger{
  background: var(--tv-danger-soft);
  border-color: var(--tv-danger-border);
  color: var(--tv-danger);
}
.drawer-footer{ border-top: 1px solid var(--border); border-bottom: 0; justify-content: flex-end; position: sticky; bottom: 0; background: var(--tv-surface); }
.drawer-header h2{ margin: 0; }
.drawer-header p{ margin: 4px 0 0; color: var(--muted); }
.drawer-body{ min-height: 0; overflow: auto; overflow-x: hidden; padding: 18px; }
.drawer-stack{ display: flex; flex-direction: column; gap: 16px; }
.modal-host{ position: fixed; inset: 0; display: none; z-index: 90; }
.modal-host.is-open{ display: flex; align-items: center; justify-content: center; }
.modal-backdrop{ position: absolute; inset: 0; background: rgba(15, 23, 42, .44); }
.modal{ position: relative; width: min(760px, calc(100vw - 24px)); max-height: calc(100vh - 24px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; background: var(--tv-surface); border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 24px 64px rgba(15,23,42,.22); overflow: hidden; }
.modal.is-stacked{ position: absolute; z-index: 2; }
.modal-backdrop.is-stacked{ z-index: 1; }
.modal-lg{ width: min(960px, calc(100vw - 24px)); }
.modal-xl{ width: min(1180px, calc(100vw - 24px)); }
.modal-header,
.modal-footer{ display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--border); }
.modal-footer{ border-top: 1px solid var(--border); border-bottom: 0; justify-content: flex-end; position: sticky; bottom: 0; background: var(--tv-surface); }
.modal-header h2{ margin: 0; }
.modal-header p{ margin: 4px 0 0; color: var(--muted); }
.modal-header > div{ min-width: 0; }
.modal-header :is(h2, p){ overflow-wrap: anywhere; }
.modal-body{ min-height: 0; overflow: auto; padding: 18px; }
.modal-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.modal-form{ display: grid; gap: 12px; }.customer-cell{ display: grid; gap: 4px; min-width: 0; }.customer-cell > span,
.muted-cell{ color: var(--muted); font-size: 12px; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail-shell{ gap: 16px; }
.detail-hero{ display: grid; gap: 4px; padding: 18px; border-radius: 16px; background: var(--tv-paper); border: 1px solid var(--tv-info-border); }
.detail-hero--invoice{ grid-template-columns: minmax(0, 1fr) minmax(320px, .88fr); gap: 18px; align-items: start; padding: 20px; }
.detail-hero-copy{ display: grid; gap: 8px; min-width: 0; }
.detail-kicker{ color: var(--primary); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.detail-hero-copy h2{ margin: 0; font-size: 28px; line-height: 1.12; letter-spacing: 0; }
.detail-hero-copy p{ margin: 0; color: var(--muted); font-size: 14px; font-weight: 750; line-height: 1.5; }
.detail-badges{ display: flex; flex-wrap: wrap; gap: 8px; }
.detail-hero-aside{ display: grid; gap: 12px; padding: 16px; border: 1px solid var(--tv-info-border); border-radius: 16px; background: rgba(255,255,255,.72); box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.detail-hero-aside > strong{ display: block; font-size: 34px; line-height: 1; font-variant-numeric: tabular-nums; }
.detail-hero-aside > span{ color: var(--muted); font-size: 12px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.detail-metrics{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.detail-metric{ display: grid; gap: 4px; padding: 12px; border: 1px solid var(--tv-info-soft); border-radius: 12px; background: var(--tv-surface); }
.detail-metric span{ color: inherit; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.detail-metric strong{ color: inherit; font-size: 18px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.detail-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.detail-actions .btn{ flex: 1 1 118px; }
.detail-grid{ display: grid; gap: 14px; }
.detail-hero > strong{ font-size: 32px; }
.toast-region{ position: fixed; right: 20px; bottom: 20px; display: grid; gap: 10px; z-index: 100; pointer-events: none; }
.drawer-host.is-open ~ .toast-region{
  top: 78px;
  right: 28px;
  bottom: auto;
}
.toast{ min-width: 260px; padding: 13px 14px; border-radius: 12px; background: var(--tv-text); color: var(--tv-surface); box-shadow: var(--shadow); font-weight: 750; }
.toast-success{ background: var(--tv-success); } .toast-danger{ background: var(--tv-danger); } .toast-warning{ background: var(--tv-warning); }

@media (max-width: 1180px) {
  .content-frame{ grid-template-columns: minmax(0, 1fr); }

  .customer-picker-fieldset{ grid-template-columns: 1fr; }
  .tv-document-strip{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tv-document-strip > div{ border-bottom: 1px solid var(--tv-info-soft); }
  .tv-primary-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .detail-hero--invoice{ grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .editor-grid,
.editor-grid.three,
.editor-grid.two,
.payment-grid{ grid-template-columns: 1fr; }
  .payment-quick-actions .btn{ flex: 1 1 150px; }
  .tv-primary-grid{ grid-template-columns: 1fr; }
  .tv-document-strip{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editor-table .table-scroll{ overflow: visible; }.item-register .data-table{ min-width: 0; font-size: 13px; }
.item-register .data-table [data-column-priority="secondary"]{ display: none; }
.item-register .data-table :is(th, td)[data-column-key="name"]{ width: 38%; }
.item-register .data-table :is(th, td)[data-column-key="rate"]{ width: 26%; }
.item-register .data-table :is(th, td)[data-column-key="status"]{ width: 20%; }
.item-register .data-table :is(th, td).row-actions,
.item-register .data-table .actions-head{ width: 150px; }.item-register .th-button{
    min-width: 44px;
    justify-content: center;
    padding: 0 4px;
  }
}
@media (max-width: 1180px) {
  .compact-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .content-frame{ padding: 12px; }

  .tv-document-strip{ grid-template-columns: 1fr; }
  .tv-document-strip > div{ min-height: 56px; border-right: 0; }
  .draft-recovery{ align-items: stretch; flex-direction: column; }
  .draft-recovery-actions{ justify-content: stretch; }
  .draft-recovery-actions .btn{ flex: 1 1 130px; }
  .filters{ align-items: stretch; flex-direction: column; }
  .searchbox{ min-width: 0; } .sticky-save{ width: 100%; flex-wrap: wrap; }
  .sticky-save .btn{ flex: 1 1 150px; }
  .save-note{ flex-basis: 100%; }
  .modal-grid{ grid-template-columns: 1fr; }
  .data-table{ min-width: 760px; }.item-register .data-table{ min-width: 0; }
  .drawer{ width: 100vw; }
  .drawer-body{ padding: 12px; }
  .drawer-footer{ flex-wrap: wrap; }
  .drawer-footer .btn{ flex: 1 1 132px; }
  .detail-hero--invoice{ grid-template-columns: 1fr; }
  .detail-metrics{ grid-template-columns: 1fr; }
  .detail-actions .btn{ flex: 1 1 140px; }
}

.pending-approvals-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.pending-approval-register{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.pending-approval-register .data-table{
  min-width: 1080px;
}

.app-shell .workspace .pending-approval-filters{
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(150px, .38fr) minmax(180px, .48fr) auto auto auto;
  gap: var(--tv-space-2);
  align-items: end;
  padding: var(--tv-space-3);
  overflow: visible;
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.pending-approval-register .tv-entity-cell strong,
.pending-approval-register .tv-entity-cell span,
.pending-approval-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.approval-request-detail .health-line{
  grid-template-columns: minmax(155px, .48fr) minmax(0, 1fr);
}

.approval-request-detail .health-line strong,
.approval-request-detail .health-line-value{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.pending-approvals .workspace-body{
    grid-template-columns: 1fr;
  }

}

@media (max-width: 900px) {
  .app-shell .workspace .pending-approval-filters{
    grid-template-columns: 1fr;
  }

  .approval-request-detail .health-line{
    grid-template-columns: 1fr;
  }

  .approval-request-detail .health-line strong,
.approval-request-detail .health-line-value{
    text-align: left;
  }
}

@media (max-width: 520px) {
  .app-shell .workspace .pending-approval-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .pending-approval-filters .btn{
    width: 100%;
  }

  .pending-approval-register{
    overflow: visible;
    padding: var(--tv-space-2);
    background: var(--tv-surface-muted);
  }

  .pending-approval-register .data-table{
    display: block;
    min-width: 0;
    border: 0;
  }

  .pending-approval-register .data-table thead{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .pending-approval-register .data-table tbody{
    display: grid;
    gap: var(--tv-space-2);
    padding-top: var(--tv-space-2);
  }

  .pending-approval-register .data-table tbody tr{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--tv-space-3);
    padding: var(--tv-space-3);
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  .pending-approval-register .data-table tbody td{
    display: grid;
    width: auto;
    min-width: 0;
    gap: var(--tv-space-1);
    padding: var(--tv-space-2) 0;
    border: 0;
    text-align: left;
  }

  .pending-approval-register .data-table tbody td::before{
    color: var(--tv-text-subtle);
    content: attr(data-label);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .pending-approval-register .data-table tbody [data-column-key="id"],
.pending-approval-register .data-table tbody [data-column-key="resource_id"],
.pending-approval-register .data-table tbody [data-column-key="action"],
.pending-approval-register .data-table tbody td[data-label="Actions"]{
    grid-column: 1 / -1;
  }

  .pending-approval-register .data-table tbody [data-column-key="id"]{
    padding-top: 0;
    border-bottom: 1px solid var(--tv-border);
  }

  .pending-approval-register .data-table tbody td[data-label="Actions"] .btn{
    width: 100%;
  }
}

@media (max-width: 900px) {
  .table-card{
    max-width: 100%;
    overflow-x: hidden;
  }

  .table-card > .data-table{
    display: block;
    width: 100%;
    min-width: 0;
  }

  .table-card > .data-table thead{
    display: none;
  }

  .table-card > .data-table tbody{
    display: grid;
    gap: 10px;
    width: 100%;
  }

  .table-card > .data-table tr{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--tv-surface);
    overflow: hidden;
  }

  .table-card > .data-table td{
    display: grid;
    grid-template-columns: minmax(92px, .42fr) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    border-bottom: 1px solid var(--tv-info-soft);
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
  }

  .table-card > .data-table td::before{
    content: attr(data-label);
    color: var(--muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .table-card > .data-table td:last-child{
    border-bottom: 0;
  }

  .table-card > .data-table .badge{
    justify-self: start;
  }

  .table-card > .data-table .row-actions{
    grid-template-columns: 1fr;
  }

  .table-card > .data-table .row-actions::before{
    display: none;
  }

  .table-card > .data-table .row-actions .btn{
    width: 100%;
    min-height: 44px;
  }
}

@media (max-width: 900px) {
  .credit-note-detail .health-line,
.debit-note-detail .health-line{
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  .credit-note-detail .health-line > strong,
.credit-note-detail .health-line-value,
.debit-note-detail .health-line > strong,
.debit-note-detail .health-line-value{
    justify-self: start;
    text-align: left;
  }
}.detail-hero,
.detail-hero-copy,
.detail-hero-aside{
  min-width: 0;
  max-width: 100%;
}

.detail-hero h2,
.detail-hero p,
.detail-kicker,
.detail-hero-aside strong{
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {

  .detail-hero-aside strong{
    font-size: clamp(20px, 7vw, 28px);
  }
}

.invoice-preview-modal,
.issue-confirmation{
  display: grid;
  gap: 16px;
}

.preview-invoice-head,
.preview-total-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.preview-invoice-head > *,
.preview-total-grid > *,
.issue-confirmation-total{
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--tv-surface-cool);
  padding: 14px;
}

.preview-invoice-head h3,
.issue-confirmation-total strong{
  display: block;
  margin: 4px 0;
  color: var(--text);
  font-size: 22px;
  line-height: 1.1;
}

.preview-invoice-head p{
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.preview-lines td:last-child,
.preview-lines th:last-child{
  text-align: right;
}

.preview-total-grid.compact{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.issue-effects{
  margin: 0;
  padding: 0 0 0 20px;
  color: var(--muted);
  font-weight: 700;
}

.issue-effects li + li{
  margin-top: 8px;
}

@media (max-width: 900px) {
  .preview-invoice-head,
.preview-total-grid,
.preview-total-grid.compact{
    grid-template-columns: 1fr;
  }
}

body{
  background: var(--tv-bg);
  color: var(--tv-text);
}.panel,
.panel,
.table-card,
.editor-card,
.modal,
.drawer,
.route-loading,
.route-state,
.filters,
.tabs,
.detail-hero,
.detail-hero-aside{
  border-color: var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-tight);
}

.workspace{
  background: var(--tv-bg);
  min-height: 0;
}

.content-frame{
  background: var(--tv-bg);
}

.drawer-header h2,
.modal-header h2{
  color: var(--text);
  letter-spacing: 0;
}

.tabs span,
.value-pill,
.badge{
  border-radius: 999px;
}

.avatar{
  background: var(--primary);
  color: var(--tv-surface);
}
.btn,
.icon-btn,
.searchbox input,
.field input,
.field select,
.field textarea,
.editor-card textarea,
.combo-field{
  border-color: var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.btn:hover,
.btn:focus-visible,
.icon-btn:hover,
.icon-btn:focus-visible,
.searchbox input:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
.editor-card textarea:focus,
.combo-field:focus-within{
  border-color: var(--primary);
  outline: none;
  box-shadow: 0 0 0 3px rgba(7, 44, 44, .12);
}

.btn.btn-primary{
  background: var(--primary);
  border-color: var(--primary);
  color: var(--tv-surface);
}

.btn-primary:hover,
.btn-primary:focus-visible{
  background: var(--tv-brand);
  border-color: var(--tv-brand);
}

.btn-warning,
.btn-danger,
.route-warning{
  border-radius: var(--radius);
}

.drawer-header,
.modal-header{
  border-color: var(--border);
}
.detail-hero{
  background: var(--surface);
}.detail-metric,
.health-line{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: none;
}

.kpi-icon{
  border-radius: var(--radius);
  background: var(--primary-soft);
  color: var(--primary);
}

.data-table,
.mini-table{
  border-color: var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}

.data-table th,
.mini-table th{
  background: var(--primary);
  color: var(--tv-surface);
  border-bottom-color: var(--primary);
  font-size: 11px;
  letter-spacing: .02em;
}

.data-table td,
.mini-table td{
  border-bottom-color: var(--border);
}

.data-table tr:hover td,
.mini-table tr:hover td{
  background: var(--tv-surface-muted);
}

.tabs{
  background: var(--surface);
  padding: 6px;
}

.tabs button{
  border-radius: 6px;
}

.tabs button.active,
.tabs button[aria-selected="true"]{
  background: var(--primary);
  color: var(--tv-surface);
  border-color: var(--primary);
}

.sticky-save{
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 -8px 22px rgba(7, 44, 44, .08);
}

.drawer-host,
.modal-host{
  background: rgba(7, 18, 18, .56);
}

.drawer,
.modal{
  background: var(--tv-surface);
}

.drawer-header,
.drawer-footer,
.modal-header,
.modal-footer{
  background: var(--tv-surface);
}

.detail-hero-aside{
  background: var(--surface-soft);
}

.money,
.amount{
  font-variant-numeric: tabular-nums;
}

.route-state,
.route-loading{
  min-height: 220px;
  background: var(--surface);
}

@media (max-width: 900px) {
  .content-frame{
    padding: 12px;
  }

  .workspace,
.content-frame{
    max-width: 100vw;
  }

  .table-card,
.mini-table{
    overflow-x: hidden;
  }

  .data-table{
    min-width: 0;
  }
}

.payment-create-form,
.master-create-form{
  display: grid;
  gap: 12px;
}

.payment-create-form .field,
.master-create-form .field{
  border-radius: 8px;
}

.payment-create-form .payment-proof-input{
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--muted);
}

.payment-create-form .payment-proof-input::file-selector-button{
  margin-right: 12px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--tv-surface);
  color: var(--text);
  font: inherit;
  font-weight: 750;
}

.payment-create-form .payment-proof-input:hover,
.payment-create-form .payment-proof-input:focus-visible{
  border-color: var(--primary);
  outline: none;
}

.payment-create-form .modal-grid,
.master-create-form .modal-grid{
  gap: 12px;
}

.payment-create-form .helper-copy,
.master-create-form .helper-copy{
  color: var(--muted);
}

.detail-hero,
.detail-hero-aside,
.route-state,
.route-loading{
  border-radius: var(--radius);
  border-color: var(--border);
  box-shadow: 0 8px 20px rgba(7, 44, 44, .05);
}

.invoice-register-count{
  color: var(--muted);
}

.sticky-save .btn{
  border-radius: var(--radius);
}

.detail-hero{
  background: var(--tv-paper);
}.detail-hero-aside,
.selected-customer,
.health-line{
  border-radius: var(--radius);
}

.item-register{
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--tv-surface);
  box-shadow: 0 8px 20px rgba(7, 44, 44, .05);
}

.settings-route .panel{
  border-left: 4px solid var(--primary);
  background: var(--tv-paper);
  padding: 16px 18px;
}

.settings-route .panel h2{
  font-size: 18px;
  letter-spacing: 0;
}

.settings-business-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.settings-route .workspace-main{
  container-type: inline-size;
}

.settings-business-grid .editor-card{
  min-width: 0;
}

.settings-cache-action,
.settings-logout-action{
  width: 100%;
  justify-content: center;
}

@container (max-width: 900px) {
  .settings-business-grid{
    grid-template-columns: 1fr;
  }
}.items .panel,
.items .table-card{
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--tv-paper);
  box-shadow: 0 8px 20px rgba(7, 44, 44, .05);
}.items .panel{
  border-left: 4px solid var(--primary);
  padding: 16px 18px;
}.items .panel h2{
  font-size: 18px;
  letter-spacing: 0;
}

.items .item-register{
  border-left: 4px solid var(--primary);
  background: var(--tv-paper);
}

.price-list-editor-lines{
  display: grid;
  gap: var(--tv-space-2, 8px);
}

.price-list-editor-line{
  display: grid;
  grid-template-columns: minmax(180px, 1.5fr) minmax(110px, .65fr) minmax(130px, .75fr) minmax(140px, .85fr) minmax(140px, .85fr) 44px;
  gap: var(--tv-space-2, 8px);
  align-items: center;
  padding: var(--tv-space-2, 8px);
  border: 1px solid var(--tv-border, var(--border));
  border-radius: var(--tv-radius-sm, 6px);
  background: var(--tv-surface-muted, var(--tv-surface-muted));
}

.price-list-editor-line .icon-btn{
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 900px) {
  .price-list-editor-line{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .price-list-editor-line{
    grid-template-columns: 1fr;
  }
}

.boot-gate{
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--bg, var(--tv-surface-muted));
}

.boot-gate-card{
  width: min(320px, calc(100vw - 48px));
  display: grid;
  justify-items: center;
  gap: 14px;
  text-align: center;
}

.boot-gate-card img{
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.boot-gate-copy{
  display: grid;
  gap: 2px;
}

.boot-gate-copy strong{
  color: var(--text, var(--tv-text));
  font-size: 22px;
  line-height: 1.15;
}

.boot-gate-copy span{
  color: var(--muted, var(--tv-text-muted));
  font-size: 13px;
  font-weight: 700;
}

.boot-gate-progress{
  width: 180px;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(7, 59, 55, .10);
}

.boot-gate-progress span{
  display: block;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: var(--primary, var(--tv-brand));
  animation: tv-boot-progress 1.1s ease-in-out infinite alternate;
}

.boot-gate #tv-boot-status{
  justify-content: center;
  margin: 0;
}

@keyframes tv-boot-progress {
  from { transform: translateX(-10%); opacity: .65; }
  to { transform: translateX(120%); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .boot-gate-progress span{ animation: none; transform: none; width: 100%; }
}

.invoice-preview-modal,
.issue-confirmation{
  gap: 14px;
}

.invoice-preview-modal .preview-invoice-head > *,
.invoice-preview-modal .preview-total-grid > *,
.issue-confirmation-total{
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--tv-editorial-surface-muted);
  box-shadow: 0 8px 20px rgba(7, 44, 44, .05);
}

.invoice-preview-modal .preview-invoice-head h3,
.issue-confirmation-total strong{
  font-size: 20px;
}

.invoice-preview-modal .preview-lines td,
.invoice-preview-modal .preview-lines th{
  padding-top: 9px;
  padding-bottom: 9px;
}

.inline-lookup-panel{
  border-radius: 8px;
  border: 1px solid var(--border);
  box-shadow: 0 18px 36px rgba(7, 44, 44, .12);
}

.inline-lookup-row{
  border-radius: 8px;
}

.inline-lookup-row:hover,
.inline-lookup-row.is-active{
  background: var(--primary-soft);
}

.inline-lookup-create{
  border-top: 1px solid var(--border);
}

.inline-lookup-create strong{
  color: var(--primary);
}

.inline-lookup-empty{
  padding: 12px 10px;
}

.drawer-host{
  background: rgba(7, 44, 44, .46);
}

.drawer{
  border-left: 1px solid var(--border);
}

.drawer-header,
.modal-header{
  background: var(--tv-paper);
}

.drawer-footer,
.modal-footer{
  background: var(--tv-surface);
}

.route-state,
.route-loading{
  border-radius: 8px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--primary);
  background: var(--tv-paper);
  box-shadow: 0 8px 20px rgba(7, 44, 44, .05);
}

.route-state{
  gap: 14px;
  padding: 40px 28px;
}

.route-state h1{
  color: var(--text);
  font-size: 26px;
}

.route-state p{
  max-width: 520px;
  color: var(--muted);
}

.route-loading{
  min-height: 220px;
  color: var(--muted);
  font-weight: 700;
}

.route-loading-shell{
  width: min(760px, 100%);
  display: grid;
  gap: 12px;
  padding: 20px 22px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--tv-paper);
  box-shadow: 0 10px 24px rgba(7, 44, 44, .05);
}

.route-loading-shell strong{
  color: var(--text);
  font-size: 20px;
  line-height: 1.15;
}

.route-loading-shell p{
  margin: 0;
  max-width: 54ch;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.55;
}

.route-loading-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.route-loading-card{
  display: grid;
  gap: 10px;
  min-height: 114px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--tv-surface);
}

.route-loading-stat{
  gap: 8px;
  align-content: start;
}

.route-loading-stat strong{
  color: var(--text);
  font-size: 16px;
  line-height: 1.15;
}

.route-loading-stat .eyebrow{
  color: var(--accent);
}

.route-loading-table{
  display: grid;
  gap: 10px;
}

.route-loading-table-head,
.route-loading-table-row{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 84px;
}

.route-loading-table-row{
  min-height: 72px;
}

.invoice-editor-route .tv-document-strip,
.invoice-editor-route .tv-primary-grid > .editor-card,
.invoice-editor-route .editor-table,
.invoice-editor-route .advanced-invoice-fields,
.invoice-editor-route .invoice-totals-panel{
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--tv-paper);
  box-shadow: 0 8px 20px rgba(7, 44, 44, .05);
}

.invoice-editor-route .tv-document-strip{
  border-left: 4px solid var(--primary);
  overflow: hidden;
}

.invoice-editor-route .tv-document-strip > div{
  min-height: 60px;
}

.invoice-editor-route .tv-primary-grid{
  gap: 14px;
}

.invoice-editor-route .editor-card,
.invoice-editor-route .advanced-invoice-fields,
.invoice-editor-route .invoice-totals-panel{
  padding: 16px 18px;
}

.invoice-editor-route .editor-card h2,
.invoice-editor-route .invoice-totals-panel h2{
  font-size: 18px;
  letter-spacing: 0;
}

.invoice-editor-route .invoice-meta-grid{
  gap: 12px;
}

.invoice-editor-route .editor-table .section-head{
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

.invoice-editor-route .editor-table .section-head .btn{
  border-radius: 8px;
}

.invoice-editor-route .invoice-total-metrics{
  gap: 8px;
}

.invoice-editor-route .invoice-total-metrics .total-line{
  border-radius: 8px;
}

.invoice-editor-route .advanced-invoice-fields summary{
  border-radius: 8px 8px 0 0;
}

.invoice-editor-route .advanced-grid{
  gap: 12px;
}

.invoice-editor-route .sticky-save .btn{
  border-radius: 8px;
}

.invoice-editor-route .sticky-save{
  z-index: 80;
}

html,
body{
  min-width: 0;
  overflow-x: hidden;
}

.data-table{
  max-width: 100%;
}

.data-table th[aria-sort="ascending"] .sort-mark,
.data-table th[aria-sort="descending"] .sort-mark{
  color: var(--tv-accent);
  font-weight: 900;
}

.drawer,
.modal{
  min-width: 0;
  max-width: 100vw;
}

.drawer-body .panel,
.drawer-body .detail-shell,
.drawer-body .drawer-stack,
.modal-body .modal-form{
  min-width: 0;
}

.drawer-footer,
.modal-footer{
  flex-wrap: wrap;
  gap: var(--tv-space-2);
}

@media (max-width: 520px) {
  .drawer,
.modal{
    width: 100vw;
    max-width: 100vw;
  }
}

.workspace[data-route-pending="true"]{
  cursor: progress;
  position: relative;
}

.workspace[data-route-pending="true"] > *{
  opacity: .94;
  transition: opacity .12s ease;
}

.workspace[data-route-pending="true"]::before{
  content: "";
  position: sticky;
  z-index: 12;
  top: 0;
  display: block;
  width: 34%;
  height: 3px;
  margin-bottom: -3px;
  border-radius: 999px;
  background: var(--tv-accent, var(--tv-accent));
  animation: tv-route-progress 1.1s ease-in-out infinite alternate;
}

@keyframes tv-route-progress {
  from { transform: translateX(0); }
  to { transform: translateX(194%); }
}

@media (prefers-reduced-motion: reduce) {
  .workspace[data-route-pending="true"]::before{ animation: none; }
}

.route-loading--compact{
  min-height: 96px;
  padding: 14px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.route-loading--compact .route-loading-shell{
  display: grid;
  gap: 3px;
  max-width: 520px;
  padding: 0;
}

.route-loading--compact strong{
  color: var(--primary);
  font-size: 14px;
  font-weight: 850;
}

.route-loading--compact p{
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.workspace .route-stack.tv-route-frame{
  display: grid;
  gap: var(--tv-space-4);
  min-width: 0;
  padding: 0 0 var(--tv-space-8);
  background: var(--tv-bg);
}

.workspace .route-stack.tv-route-frame .workspace-hero{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--tv-space-3);
  align-items: center;
  min-width: 0;
  min-height: 0;
  padding: 10px 14px;
  border: 1px solid var(--tv-border);
  border-left: 4px solid var(--tv-accent);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.workspace .route-stack.tv-route-frame .workspace-hero-copy{
  min-width: 0;
  display: grid;
  gap: 3px;
}

.workspace .route-stack.tv-route-frame .workspace-hero h2{
  margin: 0;
  color: var(--tv-text);
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.workspace .route-stack.tv-route-frame .workspace-hero p{
  max-width: 72ch;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.workspace .route-stack.tv-route-frame .workspace-hero-actions{
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--tv-space-2);
}

.workspace .route-stack.tv-route-frame .workspace-stats{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.workspace .route-stack.tv-route-frame .workspace-stat{
  min-height: 72px;
  padding: 11px 13px;
  border: 0;
  border-inline-end: 1px solid var(--tv-border);
  border-radius: 0;
  background: var(--tv-surface);
  display: grid;
  align-content: center;
  gap: 4px;
  box-shadow: none;
}

.workspace .route-stack.tv-route-frame .workspace-stat:last-child{
  border-inline-end: 0;
}

.workspace .route-stack.tv-route-frame .workspace-stat span{
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workspace .route-stack.tv-route-frame .workspace-stat strong{
  font-size: clamp(18px, 1.8vw, 23px);
  line-height: 1.08;
}

.workspace .route-stack.tv-route-frame .workspace-stat small{
  color: var(--tv-text-muted);
}

.workspace .route-stack.tv-route-frame .workspace-body{
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--tv-space-4);
  align-items: start;
}

.workspace .route-stack.tv-route-frame .workspace-main{
  min-width: 0;
  display: grid;
  gap: 14px;
}

.workspace .route-stack.tv-route-frame .workspace-main > *{
  border-radius: var(--tv-radius-md);
}.workspace .route-stack.tv-route-frame .table-card,
.workspace .route-stack.tv-route-frame .panel,
.workspace .route-stack.tv-route-frame .editor-card{
  border: 1px solid var(--tv-border);
  background: var(--tv-surface);
  box-shadow: none;
}

.workspace .route-stack.tv-route-frame .table-card{
  padding: 0;
}

.workspace .route-stack.tv-route-frame .panel{
  padding: 0;
}

.workspace .route-stack.tv-route-frame .panel h2,
.workspace .route-stack.tv-route-frame .editor-card h2{
  font-size: 18px;
  line-height: 1.1;
}.workspace .route-stack.tv-route-frame.items .workspace-body{
  grid-template-columns: 1fr;
}.workspace .items .item-register{
  overflow-x: auto;
}

.workspace .items .item-register .data-table{
  min-width: 1080px;
}.workspace .items .item-register .data-table td,
.workspace .items .tv-entity-cell strong,
.workspace .items .tv-entity-cell span,
.workspace .items .tv-entity-cell small{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}.workspace .items .tv-money-cell strong{
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .workspace .items .item-register .data-table{ min-width: 0; }
  .workspace .items .item-register .data-table [data-column-priority="secondary"]{ display: none; }
  .workspace .items .item-register .data-table :is(th, td)[data-column-key="name"]{ width: 30%; }
  .workspace .items .item-register .data-table :is(th, td)[data-column-key="rate"]{ width: 21%; }
  .workspace .items .item-register .data-table :is(th, td)[data-column-key="invoiceLines"]{ width: 10%; }
  .workspace .items .item-register .data-table :is(th, td)[data-column-key="status"]{ width: 14%; }
  .workspace .items .item-register .data-table :is(th, td).row-actions,
.workspace .items .item-register .data-table .actions-head{ width: 112px; }
}

@media (max-width: 900px) {
  .workspace .items .item-register{ overflow: visible; }
  .workspace .items .item-register .data-table,
.workspace .items .item-register .data-table tbody{ display: block; width: 100%; min-width: 0; }
  .workspace .items .item-register .data-table thead{ display: none; }
  .workspace .items .item-register .data-table tbody tr{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
    padding: 12px;
    border-bottom: 1px solid var(--tv-border);
  }
  .workspace .items .item-register .data-table tbody td{
    width: auto;
    min-width: 0;
    padding: 10px;
    border: 0;
    white-space: normal;
  }
  .workspace .items .item-register .data-table tbody td[data-column-key="name"]{ grid-column: 1 / -1; }
  .workspace .items .item-register .data-table tbody td:not([data-column-key="name"]):not(.row-actions)::before{
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    color: var(--tv-text-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .workspace .items .item-register .data-table tbody .row-actions{
    grid-column: 1 / -1;
    display: block;
    padding-top: 4px;
  }
  .workspace .items .item-register .data-table tbody .row-actions .btn{ width: 100%; }
}

.workspace .settings-route .panel{
  background: var(--tv-surface);
  box-shadow: none;
}

.drawer .info-line{
  display: grid;
  grid-template-columns: minmax(150px, .7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: var(--tv-space-4, 16px);
  padding: 9px 0;
  border-bottom: 1px solid var(--tv-border, var(--tv-border));
}
.drawer .info-line:last-child{ border-bottom: 0; }
.drawer .info-line > span{
  color: var(--tv-text-muted, var(--tv-text-muted));
  font-size: 12px;
  line-height: 1.45;
}
.drawer .info-line > strong{
  min-width: 0;
  color: var(--tv-text, var(--tv-text));
  text-align: right;
  font-size: 13px;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
@media (max-width: 520px) {
  .drawer .info-line{ grid-template-columns: 1fr; gap: 2px; }
  .drawer .info-line > strong{ text-align: left; }
}

.fiscal-year-filters{ display: grid; grid-template-columns: minmax(240px, 1.5fr) minmax(150px, .6fr) auto auto; gap: 10px; align-items: end; padding: 14px 16px; border-bottom: 1px solid var(--line); background: var(--tv-surface-subtle); }
.fiscal-year-filters label{ min-width: 0; }
.fiscal-year-filters input,
.fiscal-year-filters select{ width: 100%; min-width: 0; }
.fiscal-year-register{ min-width: 0; overflow-x: auto; }
.fiscal-year-register .data-table{ min-width: 980px; }
.fiscal-year-register .tv-entity-cell strong,
.fiscal-year-register .tv-entity-cell span,
.fiscal-year-register .tv-entity-cell small{ max-width: none; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.fiscal-year-detail .health-line{ grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr); }
.fiscal-year-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 1180px) { .workspace .route-stack.tv-route-frame.fiscal-years .workspace-body{ grid-template-columns: 1fr; }  }
@media (max-width: 900px) { .fiscal-year-filters{ grid-template-columns: 1fr 1fr; }  }
@media (max-width: 520px) { .fiscal-year-filters{ grid-template-columns: 1fr; } .fiscal-year-detail .health-line{ grid-template-columns: 1fr; } .fiscal-year-detail .health-line strong{ text-align: left; } }

.payment-terms-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.payment-term-filters{ display: grid; grid-template-columns: minmax(260px, 1.5fr) minmax(150px, .55fr) auto auto; gap: 10px; align-items: end; padding: 14px 16px; border-bottom: 1px solid var(--line); background: var(--tv-surface-subtle); }
.payment-term-filters label{ min-width: 0; }
.payment-term-filters input,
.payment-term-filters select{ width: 100%; min-width: 0; }
.payment-term-register{ min-width: 0; overflow-x: auto; }
.payment-term-register .data-table{ min-width: 940px; }
.payment-term-register .tv-entity-cell strong,
.payment-term-register .tv-entity-cell span,
.payment-term-register .tv-entity-cell small{ max-width: none; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.payment-term-detail .health-line{ grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr); }
.payment-term-detail .health-line strong,
.payment-term-detail .health-line-value{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
.invoice-editor-route .invoice-meta-grid > .invoice-subject-field{ grid-column: 1 / -1; }
.invoice-editor-route .invoice-payment-term-field select{ min-width: 0; width: 100%; }
.invoice-editor-route .invoice-price-list-field select{ min-width: 0; width: 100%; }
.invoice-editor-route .invoice-line-toolbar-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.invoice-editor-route .editor-table > .helper-copy[role="status"]{ margin: 10px 0 0; padding: 9px 11px; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-sm); background: var(--tv-surface-muted); color: var(--tv-text-muted); }
@media (max-width: 900px) { .invoice-editor-route .invoice-line-toolbar-actions{ width: 100%; justify-content: stretch; } .invoice-editor-route .invoice-line-toolbar-actions .btn{ flex: 1 1 180px; } }
@media (max-width: 1180px) { .workspace .route-stack.tv-route-frame.payment-terms .workspace-body{ grid-template-columns: 1fr; }  }
@media (max-width: 900px) { .payment-term-filters{ grid-template-columns: 1fr 1fr; }  }
@media (max-width: 520px) { .payment-term-filters{ grid-template-columns: 1fr; } .payment-term-detail .health-line{ grid-template-columns: 1fr; } .payment-term-detail .health-line strong,
.payment-term-detail .health-line-value{ text-align: left; } }

.number-series-register{ min-width: 0; overflow-x: auto; }
.number-series-register .data-table{ min-width: 1040px; }
.number-series-register .tv-entity-cell strong,
.number-series-register .tv-entity-cell span,
.number-series-register .tv-entity-cell small{ max-width: none; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.number-series-detail .health-line{ grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr); }
.number-series-detail .health-line strong,
.number-series-detail .health-line-value{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 1180px) { .workspace .route-stack.tv-route-frame.number-series .workspace-body{ grid-template-columns: 1fr; }  }

@media (max-width: 520px) { .number-series-detail .health-line{ grid-template-columns: 1fr; } .number-series-detail .health-line strong,
.number-series-detail .health-line-value{ text-align: left; } }

.period-close-checklist{ padding: 0; overflow: hidden; }
.period-close-toolbar{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr); gap: 18px; align-items: end; padding: 18px; border-bottom: 1px solid var(--line); background: var(--tv-surface-subtle); }
.period-close-toolbar h2{ margin: 0; }
.period-close-toolbar p{ margin: 5px 0 0; color: var(--muted); line-height: 1.4; }
.period-close-toolbar label,
.period-close-toolbar select{ min-width: 0; width: 100%; }
.period-close-checks{ display: grid; }
.period-close-check{ display: grid; grid-template-columns: 40px minmax(0, 1fr) minmax(150px, auto); gap: 14px; align-items: center; min-height: 94px; padding: 14px 18px; border-bottom: 1px solid var(--line); background: var(--tv-surface); }
.period-close-check:last-child{ border-bottom: 0; }
.period-close-check-mark{ width: 36px; height: 36px; display: grid; place-items: center; border-radius: 6px; background: var(--tv-brand-soft); color: var(--tv-success); }
.period-close-check.is-blocked .period-close-check-mark{ background: var(--tv-danger-soft); color: var(--tv-danger); }
.period-close-check.is-warning .period-close-check-mark{ background: var(--tv-warning-soft); color: var(--tv-warning); }
.period-close-check-copy{ min-width: 0; }
.period-close-check-heading{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.period-close-check-heading h3{ margin: 0; color: var(--ink); font-size: 15px; line-height: 1.25; }
.period-close-check-copy p{ margin: 5px 0 0; color: var(--muted); line-height: 1.4; overflow-wrap: anywhere; }
.period-close-check-result{ min-width: 140px; display: grid; justify-items: end; gap: 3px; text-align: right; }
.period-close-check-result strong{ color: var(--ink); font-size: 24px; font-variant-numeric: tabular-nums; line-height: 1; }
.period-close-check-result span{ color: var(--muted); font-size: 12px; }
.period-close-check-result .btn{ margin-top: 6px; }
@media (max-width: 900px) { .period-close-toolbar{ grid-template-columns: 1fr; }  }
@media (max-width: 520px) { .period-close-check{ grid-template-columns: 36px minmax(0, 1fr); } .period-close-check-result{ grid-column: 2; min-width: 0; justify-items: start; text-align: left; } }
.opening-balance-filters{ display:grid; grid-template-columns:minmax(240px,1fr) minmax(150px,.4fr) auto auto; gap:var(--tv-space-2); align-items:end; padding:var(--tv-space-3) var(--tv-space-4); border-bottom:1px solid var(--tv-border); background:var(--tv-surface-muted); }
.opening-balance-register{ overflow-x:auto; }.opening-balance-register .data-table{ min-width:1080px; }
.opening-balance-register .tv-entity-cell strong,
.opening-balance-register .tv-entity-cell span,
.opening-balance-register .tv-entity-cell small{ max-width:none; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.opening-editor-lines{ display: grid; gap: 12px; }
.opening-editor-line{
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) 132px minmax(190px, 1fr) 36px;
  gap: 8px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.opening-editor-line:last-child{ padding-bottom: 0; border-bottom: 0; }
.opening-editor-line input,
.opening-editor-line select{ min-width: 0; width: 100%; }
.opening-editor-line .ob-account{ grid-column: 1; grid-row: 1; }
.opening-editor-line .ob-party-type{ grid-column: 2; grid-row: 1; }
.opening-editor-line .ob-party{ grid-column: 3; grid-row: 1; }
.opening-editor-line > .icon-btn{ grid-column: 4; grid-row: 1; }
.opening-editor-line .ob-debit{ grid-column: 1; grid-row: 2; }
.opening-editor-line .ob-credit{ grid-column: 2; grid-row: 2; }
.opening-editor-line .ob-description{ grid-column: 3 / 5; grid-row: 2; }
@media (max-width: 900px){.opening-editor-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.opening-editor-line .ob-account{grid-column:1 / 3;grid-row:auto}.opening-editor-line .ob-party-type,
.opening-editor-line .ob-party,
.opening-editor-line .ob-debit,
.opening-editor-line .ob-credit{grid-column:auto;grid-row:auto}.opening-editor-line .ob-description{grid-column:1 / 3;grid-row:auto}.opening-editor-line > .icon-btn{grid-column:2;grid-row:auto;justify-self:end}}
@media (max-width: 900px){.opening-balance-filters,
.opening-editor-line{grid-template-columns:1fr}.opening-editor-line .ob-account,
.opening-editor-line .ob-party-type,
.opening-editor-line .ob-party,
.opening-editor-line .ob-debit,
.opening-editor-line .ob-credit,
.opening-editor-line .ob-description,
.opening-editor-line > .icon-btn{grid-column:1;grid-row:auto}.opening-editor-line > .icon-btn{justify-self:end}}

.cost-centers-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.cost-center-filters{ display: grid; grid-template-columns: minmax(240px, 1fr) minmax(150px, .4fr) auto auto; gap: var(--tv-space-2); align-items: end; padding: var(--tv-space-3) var(--tv-space-4); border-bottom: 1px solid var(--tv-border); background: var(--tv-surface-muted); }
.cost-center-filters label,
.cost-center-filters input,
.cost-center-filters select{ min-width: 0; width: 100%; }
.cost-center-register{ min-width: 0; overflow-x: auto; }
.cost-center-register .data-table{ min-width: 1040px; }
.cost-center-register .tv-entity-cell strong,
.cost-center-register .tv-entity-cell span,
.cost-center-register .tv-entity-cell small{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.cost-center-detail .health-line{ grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr); }
.cost-center-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
.cost-center-form .check-field{ min-height: 44px; align-self: end; }
@media (max-width: 900px){.cost-center-filters{grid-template-columns:1fr 1fr}}
@media (max-width: 520px){.cost-center-filters{grid-template-columns:1fr}.cost-center-detail .health-line{grid-template-columns:1fr}.cost-center-detail .health-line strong{text-align:left}}

.accounting-dimensions-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.accounting-dimension-filters{ display: grid; grid-template-columns: minmax(240px, 1fr) minmax(150px, .4fr) auto auto; gap: var(--tv-space-3); align-items: end; padding: var(--tv-space-3) var(--tv-space-4); border-bottom: 1px solid var(--tv-border); background: var(--tv-surface-muted); }
.accounting-dimension-filters label,
.accounting-dimension-filters input,
.accounting-dimension-filters select{ min-width: 0; width: 100%; }
.accounting-dimension-register{ min-width: 0; overflow-x: auto; }
.accounting-dimension-register .data-table{ min-width: 1120px; }
.accounting-dimension-register .tv-entity-cell,
.accounting-dimension-detail .tv-entity-cell{ display: grid; gap: 3px; min-width: 0; }
.accounting-dimension-register .tv-entity-cell strong,
.accounting-dimension-register .tv-entity-cell span,
.accounting-dimension-register .tv-entity-cell small,
.accounting-dimension-detail .tv-entity-cell strong,
.accounting-dimension-detail .tv-entity-cell span,
.accounting-dimension-detail .tv-entity-cell small{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.accounting-dimension-detail .health-line{ grid-template-columns: minmax(160px, .55fr) minmax(0, 1fr); }
.accounting-dimension-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
.dimension-applies-section{ display: grid; gap: 8px; padding-top: 4px; }
.dimension-applies-section h3{ margin: 0; font-size: 16px; }
.dimension-applies-section p{ margin: 0; color: var(--muted); font-size: 13px; }
.dimension-applies-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dimension-applies-grid .check-field{ min-height: 42px; }
@media (max-width: 900px){.accounting-dimension-filters{grid-template-columns:1fr 1fr}.dimension-applies-grid{grid-template-columns:1fr}}

.budgets-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.budget-filters{ grid-template-columns: minmax(220px, 1fr) minmax(130px, .36fr) minmax(150px, .45fr) auto auto; }
.budget-register .data-table :is(th, td)[data-column-key="name"]{min-width:210px}
.budget-register .data-table :is(th, td)[data-column-key="fiscal_period"]{min-width:145px}
.budget-register .data-table :is(th, td)[data-column-key="scope_value"]{min-width:155px}
.budget-register .data-table :is(th, td)[data-column-key="actual_total"],
.budget-register .data-table :is(th, td)[data-column-key="budget_total"],
.budget-register .data-table :is(th, td)[data-column-key="variance_total"]{min-width:145px;text-align:right}
.budget-detail .data-table :is(th, td)[data-column-key="amount"],
.budget-detail .data-table :is(th, td)[data-column-key="actual_amount"],
.budget-detail .data-table :is(th, td)[data-column-key="variance_amount"],
.budget-detail .data-table :is(th, td)[data-column-key="utilization_percent"]{text-align:right}
.budget-editor-head{ grid-template-columns: minmax(240px, 1.5fr) minmax(150px, .7fr) minmax(100px, .35fr); }
.budget-editor-lines{ display: grid; gap: 8px; }
.budget-editor-line{ display: grid; grid-template-columns: minmax(240px, 1.5fr) minmax(135px, .65fr) minmax(120px, .55fr) minmax(180px, 1fr) 36px; gap: 8px; align-items: center; }
.budget-editor-line > select,
.budget-editor-line > input{ min-width: 0; width: 100%; }
.budget-editor-line .budget-line-amount{ text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 900px){.budget-filters{grid-template-columns:1fr 1fr}.budget-editor-head{grid-template-columns:1fr 1fr}.budget-editor-line{grid-template-columns:1fr 1fr}.budget-editor-line .budget-line-account,
.budget-editor-line .budget-line-notes{grid-column:1 / -1}.budget-editor-line>.icon-btn{justify-self:end}}
@media (max-width: 520px){.budget-filters,
.budget-editor-head,
.budget-editor-line{grid-template-columns:1fr}.budget-editor-line .budget-line-account,
.budget-editor-line .budget-line-notes{grid-column:1}.budget-editor-line>.icon-btn{justify-self:end}}

.recurring-server-host[aria-busy="true"]{opacity:.62;pointer-events:none}
.recurring-filters{grid-template-columns:minmax(240px,1fr) minmax(140px,.4fr) auto auto}
.recurring-register .data-table :is(th, td)[data-column-key="name"]{min-width:210px}
.recurring-register .data-table :is(th, td)[data-column-key="source_name"]{min-width:180px}
.recurring-register .data-table :is(th, td)[data-column-key="frequency"]{min-width:175px}
@media (max-width: 900px){
  .recurring-filters{grid-template-columns:1fr}
  .recurring-register .data-table{display:block;min-width:0}
  .recurring-register .data-table thead{display:none}
  .recurring-register .data-table tbody,
.recurring-register .data-table tr,
.recurring-register .data-table td{display:block;width:100%}
  .recurring-register .data-table tr{padding:var(--tv-space-3);border-bottom:1px solid var(--tv-border)}
  .recurring-register .data-table td{display:flex;justify-content:space-between;gap:var(--tv-space-3);padding:5px 0;border:0;text-align:right}
  .recurring-register .data-table td::before{content:attr(data-label);color:var(--tv-text-muted);font-size:11px;font-weight:800;text-align:left}
  .recurring-register .data-table td>*{max-width:68%}
}
@media (max-width: 520px){.accounting-dimension-filters{grid-template-columns:1fr}.accounting-dimension-detail .health-line{grid-template-columns:1fr}.accounting-dimension-detail .health-line strong{text-align:left}}

.write-offs-server-host[aria-busy="true"]{opacity:.62;pointer-events:none}
.writeoff-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(150px,.48fr) auto auto;overflow:visible}
.writeoff-date-filters{grid-column:1/-1;border-top:1px solid var(--tv-border);padding-top:var(--tv-space-2)}
.writeoff-date-filters summary{width:max-content;cursor:pointer;color:var(--tv-brand);font-size:12px;font-weight:800;list-style-position:inside}
.writeoff-date-fields{display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,220px);gap:var(--tv-space-3);padding-top:var(--tv-space-3)}
.writeoff-register{min-width:0;overflow-x:auto}
.writeoff-register .data-table{min-width:1180px}
.writeoff-register .data-table :is(th, td)[data-column-key="name"]{min-width:200px}
.writeoff-register .data-table :is(th, td)[data-column-key="invoice_name"]{min-width:225px}
.writeoff-register .data-table :is(th, td)[data-column-key="amount"],
.writeoff-register .data-table :is(th, td)[data-column-key="outstanding_after"]{min-width:145px;text-align:right}
.writeoff-register .tv-entity-cell strong,
.writeoff-register .tv-entity-cell span,
.writeoff-register .tv-entity-cell small{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.writeoff-detail .health-line{grid-template-columns:minmax(155px,.52fr) minmax(0,1fr)}
.writeoff-detail .health-line strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.writeoff-detail .data-table{min-width:820px}
.writeoff-detail .data-table :is(th, td)[data-column-key="debit"],
.writeoff-detail .data-table :is(th, td)[data-column-key="credit"]{text-align:right}
.writeoff-form .writeoff-ledger-preview{display:grid;gap:8px}
.writeoff-ledger-preview .health-line{grid-template-columns:minmax(170px,.55fr) minmax(0,1fr)}
.writeoff-ledger-preview .health-line strong{text-align:right;overflow-wrap:anywhere}
@media (max-width: 1180px){.writeoff-filters{grid-template-columns:1fr minmax(170px,.6fr) auto auto}}
@media (max-width: 900px){.writeoff-filters{grid-template-columns:1fr 1fr}.writeoff-filters>.field{grid-column:1/-1}.writeoff-date-fields{grid-template-columns:1fr 1fr}.writeoff-detail .health-line,
.writeoff-ledger-preview .health-line{grid-template-columns:1fr}.writeoff-detail .health-line strong,
.writeoff-ledger-preview .health-line strong{text-align:left}
  .writeoff-register{overflow:visible}
  .writeoff-register .data-table{display:block;min-width:0}
  .writeoff-register .data-table thead{display:none}
  .writeoff-register .data-table tbody,
.writeoff-register .data-table tr,
.writeoff-register .data-table td{display:block;width:100%}
  .writeoff-register .data-table tr{padding:var(--tv-space-3);border-bottom:1px solid var(--tv-border)}
  .writeoff-register .data-table td{display:flex;justify-content:space-between;gap:var(--tv-space-3);padding:5px 0;border:0;text-align:right}
  .writeoff-register .data-table td::before{content:attr(data-label);color:var(--tv-text-muted);font-size:11px;font-weight:800;text-align:left}
  .writeoff-register .data-table td>*{max-width:68%}
}
@media (max-width: 520px){.writeoff-filters{grid-template-columns:1fr 1fr}.writeoff-date-fields{grid-template-columns:1fr}.writeoff-filters>.btn{width:100%}}

.collections-server-host[aria-busy="true"]{opacity:.62;pointer-events:none}
.collections-filters{grid-template-columns:minmax(220px,1fr) minmax(135px,.45fr) minmax(120px,.36fr) minmax(150px,.48fr) minmax(190px,.65fr) auto auto}
.collections-register{min-width:0;overflow:hidden}
.collections-register .data-table{width:100%;min-width:0;table-layout:fixed}
.collections-register .data-table [data-column-key="invoice_name"]{width:23%}
.collections-register .data-table [data-column-key="due_date"]{width:14%}
.collections-register .data-table [data-column-key="outstanding_amount"]{width:15%;text-align:right}
.collections-register .data-table [data-column-key="status"]{width:12%}
.collections-register .data-table [data-column-key="owner"]{width:20%}
.collections-register .data-table [data-column-key="next_action_on"]{width:16%}
.collections-register .data-table th,
.collections-register .data-table td{min-width:0;overflow-wrap:anywhere}
.collections-register .tv-entity-cell strong,
.collections-register .tv-entity-cell span,
.collections-register .tv-entity-cell small{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.collection-detail .health-line{grid-template-columns:minmax(150px,.5fr) minmax(0,1fr)}
.collection-detail .health-line strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.collection-activity{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
.collection-activity:last-child{border-bottom:0}
.collection-activity-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.collection-activity p,
.collection-activity small{margin:0;overflow-wrap:anywhere}
.collection-activity small{color:var(--muted)}
@media (max-width: 1180px){.collections-filters{grid-template-columns:1fr 1fr 1fr 1fr}}
@media (max-width: 900px){

  .collections-filters{grid-template-columns:1fr 1fr}
  .collections-register{overflow:visible}
  .collections-register .data-table,
.collections-register .data-table tbody,
.collections-register .data-table tr,
.collections-register .data-table td{display:block;width:100%}
  .collections-register .data-table{table-layout:auto}
  .collections-register .data-table thead{display:none}
  .collections-register .data-table tbody{display:grid;gap:12px;padding:12px}
  .collections-register .data-table tr{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}
  .collections-register .data-table tr.is-clickable:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
  .collections-register .data-table td,
.collections-register .data-table [data-column-key]{width:auto;text-align:left}
  .collections-register .data-table td{display:grid;grid-template-columns:minmax(102px,.42fr) minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border-bottom:1px solid var(--line)}
  .collections-register .data-table td:last-child{border-bottom:0}
  .collections-register .data-table td::before{content:attr(data-label);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
  .collection-detail .health-line{grid-template-columns:1fr}
  .collection-detail .health-line strong{text-align:left}
}
@media (max-width: 520px){.collections-filters{grid-template-columns:1fr}}

.supplier-bills-server-host[aria-busy="true"]{opacity:.62;pointer-events:none}
.supplier-bill-filters{grid-template-columns:minmax(250px,1fr) minmax(170px,.5fr) minmax(210px,.65fr) auto auto}
.supplier-bill-register{min-width:0;overflow-x:auto}
.supplier-bill-register .data-table{min-width:1160px}
.supplier-bill-register .data-table :is(th, td)[data-column-key="name"]{min-width:240px}
.supplier-bill-register .data-table :is(th, td):is([data-column-key="grand_total"], [data-column-key="outstanding_amount"]){min-width:145px;text-align:right}
.supplier-bill-register .tv-entity-cell strong,
.supplier-bill-register .tv-entity-cell span,
.supplier-bill-register .tv-entity-cell small{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.supplier-bill-detail .health-line{grid-template-columns:minmax(155px,.52fr) minmax(0,1fr)}
.supplier-bill-detail .health-line strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.supplier-bill-detail .data-table{min-width:820px}
.supplier-bill-detail .data-table :is(th, td):is([data-column-key="debit"], [data-column-key="credit"]){text-align:right}
.p2p-table-card{min-width:0;overflow:hidden}
.p2p-table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.p2p-table-scroll:focus-visible{outline:2px solid var(--tv-brand);outline-offset:2px}
.p2p-table-scroll>.data-table{min-width:820px}
.supplier-invoice-matches-route .p2p-table-scroll>.data-table,
.supplier-match-drawer .p2p-table-scroll>.data-table{min-width:980px}
.purchase-order-drawer .p2p-table-scroll>.data-table{min-width:760px}
.supplier-bill-line-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.supplier-bill-lines{display:grid;gap:8px}
.supplier-bill-line{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(90px,.35fr) minmax(130px,.48fr) 36px;gap:8px;align-items:center}
.supplier-bill-line>input{min-width:0;width:100%}
.supplier-bill-line :is(.supplier-bill-qty,.supplier-bill-rate){text-align:right;font-variant-numeric:tabular-nums}
.supplier-bill-source-picker{display:flex;gap:8px;align-items:center}.supplier-bill-source-picker select{flex:1;min-width:0}.supplier-bill-source-picker .btn{white-space:nowrap}
@media (max-width: 1180px){.supplier-bill-filters{grid-template-columns:1fr 1fr 1fr}}
@media (max-width: 900px){.supplier-bill-filters{grid-template-columns:1fr 1fr}.supplier-bill-detail .health-line{grid-template-columns:1fr}.supplier-bill-detail .health-line strong{text-align:left}.supplier-bill-line{grid-template-columns:1fr 1fr}.supplier-bill-description{grid-column:1/-1}.supplier-bill-line>.icon-btn{justify-self:end}}
@media (max-width: 520px){.supplier-bill-filters,
.supplier-bill-line{grid-template-columns:1fr}.supplier-bill-description{grid-column:1}.supplier-bill-line>.icon-btn{justify-self:end}}

.quotations-server-host[aria-busy="true"]{opacity:.62;pointer-events:none}
.quotation-filters{grid-template-columns:minmax(250px,1fr) minmax(170px,.48fr) minmax(220px,.65fr) auto auto}
.quotation-register{min-width:0;overflow-x:auto}
.quotation-register .data-table{min-width:820px}
.quotation-register .tv-entity-cell strong,
.quotation-register .tv-entity-cell span,
.quotation-register .tv-entity-cell small{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.quotation-register .tv-money-cell strong,
.quotation-register .tv-money-cell span{max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip}
.quotation-register .tv-money-cell strong{font-size:13px}
.quotation-detail .health-line{grid-template-columns:minmax(150px,.5fr) minmax(0,1fr)}
.quotation-detail .health-line strong{min-width:0;text-align:right;overflow-wrap:anywhere}
.quotation-detail .data-table{min-width:820px}
.quotation-line-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:8px}
.quotation-line-head small{color:var(--muted)}
.quotation-lines{display:grid;gap:8px}
.quotation-line{display:grid;grid-template-columns:minmax(260px,1.45fr) minmax(80px,.3fr) minmax(125px,.46fr) minmax(95px,.34fr) 36px;gap:8px;align-items:center}
.quotation-line>input,
.quotation-line>select{min-width:0;width:100%}
@media (max-width: 1180px){.workspace .route-stack.tv-route-frame.quotations .workspace-body{grid-template-columns:1fr}.quotation-filters{grid-template-columns:1fr 1fr 1fr}}
@media (max-width: 900px){.quotation-filters{grid-template-columns:1fr 1fr}.quotation-detail .health-line{grid-template-columns:1fr}.quotation-detail .health-line strong{text-align:left}.quotation-line{grid-template-columns:1fr 1fr}.quotation-line>input:first-child{grid-column:1/-1}.quotation-line>.icon-btn{justify-self:end}.quotation-line-head{grid-template-columns:1fr auto}.quotation-line-head small{grid-column:1/-1}}
@media (max-width: 520px){.quotation-filters,
.quotation-line{grid-template-columns:1fr}.quotation-line>input:first-child{grid-column:1}.quotation-line>.icon-btn{justify-self:end}}

.customer-statements-server-host[aria-busy="true"]{opacity:.62;pointer-events:none}
.customer-statement-main{display:grid;gap:14px;min-width:0}
.customer-statement-filters{grid-template-columns:minmax(230px,1fr) minmax(120px,.34fr) minmax(145px,.42fr) minmax(145px,.42fr) minmax(240px,.82fr) auto auto}
.statement-equation{display:grid;grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr) auto minmax(145px,1fr) auto minmax(160px,1.12fr);align-items:stretch;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.statement-equation>span{display:grid;place-items:center;padding:0 7px;color:var(--muted);font-size:18px;font-weight:800}
.statement-equation-item{display:grid;gap:5px;min-width:0;padding:13px 14px;border-left:1px solid var(--line)}
.statement-equation-item:first-child{border-left:0}
.statement-equation-item span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}
.statement-equation-item strong{min-width:0;font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.statement-equation-item.is-total{background:color-mix(in srgb,var(--primary) 7%,var(--surface));box-shadow:inset 0 3px 0 var(--primary)}
.customer-statement-register{min-width:0;overflow-x:auto}
.customer-statement-register .data-table{min-width:900px}
.customer-statement-register .data-table :is(th, td)[data-column-key="event_date"]{width:106px;min-width:106px}
.customer-statement-register .data-table :is(th, td)[data-column-key="document"]{min-width:185px}
.customer-statement-register .data-table :is(th, td)[data-column-key="details"]{min-width:240px}
.customer-statement-register .data-table :is(th, td):is([data-column-key="debit"], [data-column-key="credit"], [data-column-key="running_balance"]){min-width:138px;text-align:right}
.customer-statement-register .tv-entity-cell strong,
.customer-statement-register .tv-entity-cell span,
.customer-statement-register .tv-entity-cell small{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.statement-amount-cell,
.statement-balance-cell{display:grid;justify-items:end;gap:3px;min-width:0;font-variant-numeric:tabular-nums}
.statement-amount-cell strong,
.statement-balance-cell strong,
.statement-balance-cell span{max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip}
.statement-amount-cell>span{color:var(--muted)}
.statement-balance-cell strong{font-size:13px}
.customer-statement-detail .health-line{grid-template-columns:minmax(155px,.52fr) minmax(0,1fr)}
.customer-statement-detail .health-line strong{min-width:0;text-align:right;overflow-wrap:anywhere}
@media (max-width: 1180px){.customer-statement-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.statement-equation{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-equation>span{display:none}.statement-equation-item{border-top:1px solid var(--line)}.statement-equation-item.is-first,
.statement-equation-item.is-second{border-top:0}.statement-equation-item:not(.is-second):not(.is-total){border-left:0}.statement-equation-item.is-total{grid-column:auto}}
@media (max-width: 1180px){.workspace .route-stack.tv-route-frame.customer-statements .workspace-body{grid-template-columns:1fr}}
@media (max-width: 900px){.customer-statement-filters{grid-template-columns:1fr 1fr}.statement-equation{grid-template-columns:1fr}.statement-equation>span{display:none}.statement-equation-item{border-left:0;border-top:1px solid var(--line)}.statement-equation-item.is-first{border-top:0}.statement-equation-item.is-total{grid-column:auto}.customer-statement-detail .health-line{grid-template-columns:1fr}.customer-statement-detail .health-line strong{text-align:left}}
@media (max-width: 520px){.customer-statement-filters{grid-template-columns:1fr}}

.ar-aging-server-host[aria-busy="true"]{ opacity: .68; pointer-events: none; }
.ar-aging-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1.3fr) minmax(130px, .6fr) minmax(140px, .65fr) minmax(150px, .7fr) minmax(170px, .9fr) auto;
  gap: var(--tv-space-3);
  align-items: end;
}
.ar-aging-filter-actions{ display: flex; gap: var(--tv-space-2); align-items: center; }
.ar-aging-filter-actions .btn{ min-width: 72px; }
.ar-aging-distribution{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  overflow: hidden;
  background: var(--tv-surface);
}
.ar-aging-segment{
  display: grid;
  gap: var(--tv-space-1);
  min-width: 0;
  min-height: 88px;
  padding: var(--tv-space-3);
  border: 0;
  border-right: 1px solid var(--tv-border);
  border-radius: 0;
  background: transparent;
  color: var(--tv-text);
  text-align: left;
  cursor: pointer;
}
.ar-aging-segment:last-child{ border-right: 0; }
.ar-aging-segment:hover{ background: var(--tv-surface-muted); }
.ar-aging-segment:focus-visible{ position: relative; z-index: 1; outline: 3px solid color-mix(in srgb, var(--tv-brand) 28%, transparent); outline-offset: -3px; }
.ar-aging-segment.is-active{ background: var(--tv-brand-soft); box-shadow: inset 0 3px 0 var(--tv-brand); }
.ar-aging-segment[data-risk="critical"]:not(.is-active){ box-shadow: inset 0 3px 0 var(--tv-danger); }
.ar-aging-segment[data-risk="high"]:not(.is-active){ box-shadow: inset 0 3px 0 var(--tv-warning); }
.ar-aging-segment[data-risk="current"]:not(.is-active){ box-shadow: inset 0 3px 0 var(--tv-success); }
.ar-aging-segment span{ color: var(--tv-text-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.ar-aging-segment strong{ font-size: 20px; font-variant-numeric: tabular-nums; }
.ar-aging-segment small{ min-width: 0; color: var(--tv-text-muted); font-size: 11px; overflow-wrap: anywhere; }
.ar-aging-register{ min-width: 0; overflow-x: auto; }
.ar-aging-register .data-table{ min-width: 820px; }
.ar-aging-register .data-table [data-column-key="invoice_name"]{ min-width: 240px; }
.ar-aging-register .data-table [data-column-key="outstanding_amount"]{ min-width: 175px; text-align: right; }
.ar-aging-register .tv-entity-cell :is(strong, span, small){ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.ar-aging-register .ar-aging-money :is(strong, span){ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.ar-aging-register .ar-aging-money strong{ font-size: 13px; font-variant-numeric: tabular-nums; }
.ar-aging-detail .health-line{ grid-template-columns: minmax(150px, .5fr) minmax(0, 1fr); }
.ar-aging-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 1180px) {
  .ar-aging-filters{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ar-aging-filter-actions{ align-self: end; }
  .ar-aging-distribution{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ar-aging-segment{ border-bottom: 1px solid var(--tv-border); }
  .ar-aging-segment:nth-last-child(-n + 3){ border-bottom: 0; }
}
@media (max-width: 900px) {
  .ar-aging-filters{ grid-template-columns: 1fr 1fr; }
  .ar-aging-filter-actions{ grid-column: 1 / -1; }
  .ar-aging-distribution{ display: flex; overflow-x: auto; scroll-snap-type: x proximity; }
  .ar-aging-segment{ flex: 0 0 148px; border-bottom: 0; scroll-snap-align: start; }
  .ar-aging-detail .health-line{ grid-template-columns: 1fr; }
  .ar-aging-detail .health-line strong{ text-align: left; }
}
@media (max-width: 520px) {
  .ar-aging-filters{ grid-template-columns: 1fr; }
  .ar-aging-filter-actions{ grid-column: auto; }
  .ar-aging-filter-actions .btn{ flex: 1; }
  .ar-aging-register .data-table{ min-width: 0; }
}

.payment-runs-server-host[aria-busy="true"]{ opacity:.62; pointer-events:none; }
.payment-run-filters{ grid-template-columns:minmax(260px,1fr) minmax(150px,.45fr) auto auto; align-items:end; }
.payment-run-register,
.payment-run-line-register{ min-width:0; overflow-x:auto; }
.payment-run-register .data-table{ min-width:980px; }
.payment-run-line-register .data-table{ min-width:820px; }
.payment-run-register .tv-entity-cell strong,
.payment-run-register .tv-entity-cell span,
.payment-run-register .tv-entity-cell small,
.payment-run-line-register .tv-entity-cell strong,
.payment-run-line-register .tv-entity-cell span,
.payment-run-line-register .tv-entity-cell small{ max-width:none; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.payment-run-line-picker{ display:grid; gap:0; max-height:420px; overflow:auto; border-block:1px solid var(--line); }
.payment-run-pick-row{ display:grid; grid-template-columns:22px minmax(220px,1fr) minmax(160px,.55fr) minmax(135px,.4fr); gap:12px; align-items:center; min-width:0; padding:11px 4px; border-bottom:1px solid var(--line); }
.payment-run-pick-row:last-child{ border-bottom:0; }
.payment-run-pick-row>span{ display:grid; gap:3px; min-width:0; }
.payment-run-pick-row strong,
.payment-run-pick-row small{ min-width:0; overflow-wrap:anywhere; }
.payment-run-pick-row small{ color:var(--muted); font-size:11px; }
.payment-run-pick-balance{ text-align:right; font-variant-numeric:tabular-nums; }
.payment-run-pick-row input[inputmode="decimal"]{ min-width:0; text-align:right; font-variant-numeric:tabular-nums; }
.payment-run-detail .health-line{ grid-template-columns:minmax(145px,.45fr) minmax(0,1fr); }
.payment-run-detail .health-line strong{ min-width:0; text-align:right; overflow-wrap:anywhere; }
@media (max-width: 900px){.payment-run-filters{grid-template-columns:1fr}.payment-run-pick-row{grid-template-columns:22px minmax(0,1fr)}.payment-run-pick-balance,
.payment-run-pick-row input[inputmode="decimal"]{grid-column:2;text-align:left}.payment-run-detail .health-line{grid-template-columns:1fr}.payment-run-detail .health-line strong{text-align:left}}

.sales-tax-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.sales-tax-main{
  display: grid;
  gap: 12px;
  min-width: 0;
}

.sales-tax-filters{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  overflow: visible;
}

.sales-tax-register{
  min-width: 0;
  overflow-x: auto;
}

.sales-tax-register .data-table{
  min-width: 1100px;
}

.sales-tax-register .data-table [data-column-key="posting_date"]{
  width: 108px;
  min-width: 108px;
}

.sales-tax-register .data-table [data-column-key="invoice_name"]{
  min-width: 260px;
}

.sales-tax-register .data-table [data-column-key="source_tax"],
.sales-tax-register .data-table [data-column-key="ledger_tax"],
.sales-tax-register .data-table [data-column-key="difference"]{
  min-width: 170px;
  text-align: right;
}

.sales-tax-register .data-table [data-column-key="control_state"]{
  min-width: 130px;
}

.sales-tax-register .tv-entity-cell strong,
.sales-tax-register .tv-entity-cell span,
.sales-tax-register .tv-entity-cell small,
.sales-tax-register .sales-tax-difference strong,
.sales-tax-register .sales-tax-difference span{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.sales-tax-register .data-table td[data-column-key="source_tax"] .tv-entity-cell,
.sales-tax-register .data-table td[data-column-key="ledger_tax"] .tv-entity-cell,
.sales-tax-difference{
  justify-items: end;
}

.sales-tax-register .data-table td[data-column-key="source_tax"] strong,
.sales-tax-register .data-table td[data-column-key="ledger_tax"] strong,
.sales-tax-difference strong{
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sales-tax-detail .health-line{
  grid-template-columns: minmax(155px, .5fr) minmax(0, 1fr);
}

.sales-tax-detail .health-line strong{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

.sales-tax-detail .data-table{
  min-width: 720px;
}

@media (max-width: 1180px) {
  .sales-tax-filters{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.sales-taxes .workspace-body{
    grid-template-columns: 1fr;
  }

  .sales-tax-filters{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .sales-tax-filters{
    grid-template-columns: 1fr 1fr;
  }

  .sales-tax-detail .health-line{
    grid-template-columns: 1fr;
  }

  .sales-tax-detail .health-line strong{
    text-align: left;
  }
}

@media (max-width: 520px) {
  .sales-tax-filters{
    grid-template-columns: 1fr;
  }
}

.expense-claims-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.expense-claim-main{ display: grid; gap: 12px; min-width: 0; }
.expense-claim-filters{ grid-template-columns: minmax(250px, 1.2fr) minmax(170px, .55fr) auto auto; align-items: end; }
.expense-claim-register{ min-width: 0; overflow-x: auto; }
.expense-claim-register .data-table{ min-width: 1080px; }
.expense-claim-register .tv-entity-cell strong,
.expense-claim-register .tv-entity-cell span,
.expense-claim-register .tv-entity-cell small{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.expense-claim-detail .health-line{ grid-template-columns: minmax(165px, .5fr) minmax(0, 1fr); }
.expense-claim-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }
.expense-claim-detail .data-table{ min-width: 780px; }
.expense-claim-form{ gap: 14px; }
.expense-claim-line-editor{ display: grid; gap: 8px; }
.expense-claim-line{ display: grid; grid-template-columns: minmax(130px, .55fr) minmax(220px, 1.2fr) minmax(220px, 1fr) minmax(120px, .42fr) 38px; gap: 8px; align-items: end; padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--tv-surface-subtle); }
.expense-claim-line .field{ min-width: 0; margin: 0; }
.expense-claim-line input,
.expense-claim-line select{ width: 100%; }
@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.expense-claims .workspace-body{ grid-template-columns: 1fr; }

  .expense-claim-line{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .expense-claim-filters{ grid-template-columns: 1fr; }
  .expense-claim-detail .health-line,
.expense-claim-line{ grid-template-columns: 1fr; }
  .expense-claim-detail .health-line strong{ text-align: left; }
}

.app-shell .workspace .route-stack.tv-route-frame.workflow-policies > .workspace-body{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}

.app-shell .workspace .route-stack.tv-route-frame.workflow-policies > .workspace-body > .workspace-main{
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
}

.app-shell .workspace .workflow-policies{
  --workflow-border: var(--tv-border-brand);
  --workflow-soft: var(--tv-surface-tint);
  --workflow-muted: var(--tv-text-muted);
}

.app-shell .workspace .workflow-policies > .workspace-body{
  grid-template-columns: minmax(0, 1fr);
}

.app-shell .workspace .workflow-policy-main{
  display: grid;
  gap: 12px;
  min-width: 0;
}

.app-shell .workspace .workflow-control-strip{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 18px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid var(--workflow-border);
  border-radius: 8px;
  background: var(--tv-surface);
}

.app-shell .workspace .workflow-control-strip > div:not(.workflow-control-links){
  display: grid;
  gap: 2px;
  min-width: 0;
  padding-inline-start: 11px;
  border-inline-start: 3px solid var(--tv-brand-deep);
}

.app-shell .workspace .workflow-control-strip strong{
  color: var(--tv-text-cool);
  font-size: 14px;
}

.app-shell .workspace .workflow-control-strip p{
  margin: 0;
  color: var(--workflow-muted);
  font-size: 12px;
  line-height: 1.45;
}

.app-shell .workspace .workflow-control-links{
  display: flex;
  gap: 8px;
  align-items: center;
}

.app-shell .workspace .workflow-policy-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(140px, 190px) minmax(170px, 220px) auto auto;
  gap: 10px;
  align-items: end;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--workflow-border);
  border-radius: 8px;
  background: var(--tv-surface);
}

.app-shell .workspace .workflow-policy-filters .field{
  min-width: 0;
  margin: 0;
}

.app-shell .workspace .workflow-policy-register{
  overflow: hidden;
  border: 1px solid var(--workflow-border);
  border-radius: 8px;
  background: var(--tv-surface);
  box-shadow: none;
}

.app-shell .workspace .workflow-policy-register .data-table{
  table-layout: fixed;
}

.app-shell .workspace .workflow-policy-register .data-table th{
  padding-block: 10px;
  background: var(--tv-surface-brand);
  color: var(--tv-text-brand);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.app-shell .workspace .workflow-policy-register .data-table td{
  min-width: 0;
  padding-block: 11px;
  vertical-align: top;
  color: var(--tv-text-cool);
}

.app-shell .workspace .workflow-policy-register .data-table td,
.app-shell .workspace .workflow-policy-register .data-table td strong,
.app-shell .workspace .workflow-policy-register .data-table td span,
.app-shell .workspace .workflow-policy-register .data-table td small{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .workspace .workflow-policy-register .data-table tbody tr:hover td{
  background: var(--workflow-soft);
}

.workflow-policy-definition{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid var(--tv-text-subtle);
  border-radius: 8px;
  background: var(--tv-brand-soft);
}

.workflow-policy-definition > div{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.workflow-policy-definition strong{
  color: var(--tv-brand-deep);
  font-size: 16px;
}

.workflow-policy-definition small{
  color: var(--tv-text-muted);
  overflow-wrap: anywhere;
}

.workflow-policy-grid{
  grid-template-columns: minmax(220px, 1.3fr) minmax(100px, .5fr) repeat(2, minmax(140px, .7fr));
}

.workflow-self-approval{
  align-items: flex-start;
  padding: 10px 0;
  border-block: 1px solid var(--tv-border-subtle);
}

.workflow-self-approval > span{
  display: grid;
  gap: 2px;
}

.workflow-self-approval small{
  color: var(--tv-text-muted);
  font-weight: 500;
  line-height: 1.45;
}

.workflow-step-heading{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--tv-border-brand);
}

.workflow-step-heading h3,
.workflow-step-heading p{
  margin: 0;
}

.workflow-step-heading p{
  margin-top: 3px;
  color: var(--tv-text-muted);
  font-size: 13px;
}

.workflow-step-editor{
  display: grid;
  gap: 0;
}

.workflow-step-row{
  display: grid;
  grid-template-columns: 54px minmax(180px, 1.2fr) minmax(125px, .8fr) 90px 100px minmax(150px, .9fr) 40px;
  gap: 10px;
  align-items: end;
  padding: 12px 0;
  border-bottom: 1px solid var(--tv-border-subtle);
}

.workflow-step-row:last-child{
  border-bottom: 0;
}

.workflow-step-row .field{
  min-width: 0;
  margin: 0;
}

.workflow-step-index{
  display: grid;
  place-items: center;
  min-height: 44px;
  border-inline-end: 2px solid var(--tv-accent);
  color: var(--tv-brand-deep);
}

.workflow-step-index strong{
  font-size: 18px;
  line-height: 1;
}

.workflow-step-index span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.workflow-step-summary{
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--tv-border-subtle);
}

.workflow-step-summary:last-child{
  border-bottom: 0;
}

.workflow-step-summary > div{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.workflow-step-summary small{
  color: var(--tv-text-muted);
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}

.workflow-step-number{
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--tv-text-subtle);
  border-radius: 50%;
  background: var(--tv-brand-soft);
  color: var(--tv-brand-deep);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.workflow-policy-drawer .data-table td,
.workflow-policy-drawer .data-table td strong,
.workflow-policy-drawer .data-table td span{
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .app-shell .workspace .workflow-control-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .workflow-control-links{
    grid-column: 1 / -1;
  }

  .app-shell .workspace .workflow-policy-filters{
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(150px, .65fr));
  }

  .app-shell .workspace .workflow-policy-filters .btn{
    width: 100%;
  }

  .workflow-policy-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workflow-step-row{
    grid-template-columns: 44px repeat(2, minmax(150px, 1fr));
  }

  .workflow-step-row .icon-btn{
    justify-self: end;
  }
}

@media (max-width: 900px) {
  .app-shell .workspace .workflow-policy-filters,
.app-shell .workspace .workflow-control-strip,
.workflow-policy-grid,
.workflow-step-row{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .workflow-control-links{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .app-shell .workspace .workflow-policies .workspace-hero-actions,
.app-shell .workspace .workflow-policies .workspace-hero-actions .btn{
    width: 100%;
  }

  .workflow-policy-definition,
.workflow-step-heading{
    align-items: flex-start;
    flex-direction: column;
  }

  .workflow-step-heading .btn{
    width: 100%;
  }

  .workflow-step-row{
    gap: 8px;
  }

  .workflow-step-index{
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 6px;
    min-height: 30px;
    border-inline-end: 0;
    border-inline-start: 3px solid var(--tv-accent);
    padding-inline-start: 10px;
  }

  .workflow-step-row .icon-btn{
    width: 100%;
    min-height: 44px;
    justify-self: stretch;
  }
}

.app-shell .workspace .route-stack.tv-route-frame.data-imports{
  --import-line: var(--tv-border-brand);
  --import-soft: var(--tv-surface-tint);
  --import-ink: var(--tv-text-cool);
  --import-muted: var(--tv-text-muted);
}

.app-shell .workspace .route-stack.tv-route-frame.data-imports .workspace-hero{
  border-left: 1px solid var(--import-line);
}

.app-shell .workspace .data-imports .workspace-main{
  gap: 16px;
}

.app-shell .workspace .data-imports .import-intake,
.app-shell .workspace .data-imports .import-preview,
.app-shell .workspace .data-imports .import-history{
  overflow: hidden;
  border: 1px solid var(--import-line);
  border-radius: 8px;
  background: var(--tv-surface);
  box-shadow: none;
}

.app-shell .workspace .data-imports .import-intake,
.app-shell .workspace .data-imports .import-preview{
  padding: 18px;
}

.app-shell .workspace .data-imports .import-section-heading,
.app-shell .workspace .data-imports .table-card-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.app-shell .workspace .data-imports .import-section-heading h2,
.app-shell .workspace .data-imports .table-card-head h2{
  margin: 3px 0 0;
  color: var(--import-ink);
  font-size: 20px;
  line-height: 1.2;
}

.app-shell .workspace .data-imports .import-intake-grid{
  display: grid;
  grid-template-columns: minmax(180px, .55fr) minmax(280px, 1.45fr);
  gap: 14px;
  margin-top: 16px;
}

.app-shell .workspace .data-imports .import-file-control{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 5px 8px;
  border: 1px solid var(--import-line);
  border-radius: 8px;
  background: var(--tv-surface);
}

.app-shell .workspace .data-imports .import-file-input{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.app-shell .workspace .data-imports .import-file-button{
  justify-self: start;
}

.app-shell .workspace .data-imports .import-file-state{
  color: var(--import-muted);
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .workspace .data-imports .form-errors[hidden]{
  display: none;
}

.app-shell .workspace .data-imports .import-intake[hidden],
.app-shell .workspace .data-imports .import-preview-host[hidden]{
  display: none;
}

.app-shell .workspace .data-imports .import-intake-actions,
.app-shell .workspace .data-imports .import-preview-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 14px;
}

.app-shell .workspace .data-imports .import-policy-strip{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 16px;
  border-top: 1px solid var(--import-line);
  border-bottom: 1px solid var(--import-line);
  background: var(--tv-surface-subtle);
}

.app-shell .workspace .data-imports .import-policy-strip .health-line{
  display: grid;
  gap: 4px;
  align-content: start;
  min-width: 0;
  padding: 11px 12px;
  border-right: 1px solid var(--import-line);
}

.app-shell .workspace .data-imports .import-policy-strip .health-line:last-child{
  border-right: 0;
}

.app-shell .workspace .data-imports .import-policy-strip .health-line strong{
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .workspace .data-imports .import-preview-host{
  min-height: 112px;
}

.app-shell .workspace .data-imports .import-empty-state{
  display: grid;
  gap: 5px;
  min-height: 112px;
  place-content: center;
  padding: 22px;
  border: 1px dashed var(--tv-text-subtle);
  border-radius: 8px;
  background: var(--tv-surface-subtle);
  color: var(--import-muted);
  text-align: center;
}

.app-shell .workspace .data-imports .import-empty-state strong{
  color: var(--import-ink);
  font-size: 16px;
}

.app-shell .workspace .data-imports .import-readiness{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  padding: 10px 12px;
  border: 1px solid var(--import-line);
  border-radius: 8px;
  background: var(--import-soft);
  color: var(--tv-text);
  font-size: 13px;
  font-weight: 650;
}

.app-shell .workspace .data-imports .import-readiness.is-blocked{
  border-color: var(--tv-warning);
  background: var(--tv-warning-soft);
}

.app-shell .workspace .data-imports .import-preview-metrics{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.app-shell .workspace .data-imports .import-preview-metrics .detail-metric{
  min-height: 76px;
  border-radius: 8px;
  box-shadow: none;
}

.app-shell .workspace .data-imports .import-history-head{
  padding: 14px 16px;
  border-bottom: 1px solid var(--import-line);
  background: var(--tv-surface-subtle);
}

.app-shell .workspace .data-imports .import-history-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(150px, .6fr) minmax(160px, .7fr) auto auto;
  gap: 10px;
  align-items: end;
  padding: 12px 14px;
  border-bottom: 1px solid var(--import-line);
}

.app-shell .workspace .data-imports .data-table{
  table-layout: fixed;
}

.app-shell .workspace .data-imports .data-table th{
  padding-block: 10px;
  background: var(--tv-surface-brand);
  color: var(--tv-text-brand);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.app-shell .workspace .data-imports .data-table td{
  min-width: 0;
  padding-block: 11px;
  vertical-align: top;
  color: var(--import-ink);
}

.app-shell .workspace .data-imports .data-table td,
.app-shell .workspace .data-imports .data-table td strong,
.app-shell .workspace .data-imports .data-table td span{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .workspace .data-imports .data-table tbody tr:hover td{
  background: var(--import-soft);
}

.app-shell .workspace .data-imports .register-pager{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  border-top: 1px solid var(--import-line);
  background: var(--tv-surface-subtle);
  color: var(--import-muted);
  font-size: 12px;
  font-weight: 700;
}

.app-shell .workspace .data-imports .register-pager > div{
  display: flex;
  gap: 8px;
}

.import-batch-drawer .data-table td,
.import-batch-drawer .data-table td strong,
.import-batch-drawer .data-table td span{
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .app-shell .workspace .data-imports .import-intake-grid,
.app-shell .workspace .data-imports .import-history-filters{
    grid-template-columns: 1fr 1fr;
  }

  .app-shell .workspace .data-imports .import-policy-strip,
.app-shell .workspace .data-imports .import-preview-metrics{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .app-shell .workspace .data-imports .import-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .app-shell .workspace .data-imports .import-stats .workspace-stat{
    min-height: 104px;
    padding: 12px;
  }

  .app-shell .workspace .data-imports .import-stats .workspace-stat small{
    font-size: 11px;
    line-height: 1.25;
  }

  .app-shell .workspace .data-imports .import-intake,
.app-shell .workspace .data-imports .import-preview{
    padding: 14px;
  }

  .app-shell .workspace .data-imports .import-section-heading,
.app-shell .workspace .data-imports .table-card-head,
.app-shell .workspace .data-imports .register-pager{
    align-items: stretch;
    flex-direction: column;
  }

  .app-shell .workspace .data-imports .import-intake-grid,
.app-shell .workspace .data-imports .import-history-filters,
.app-shell .workspace .data-imports .import-policy-strip,
.app-shell .workspace .data-imports .import-preview-metrics{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .data-imports .import-file-control{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .data-imports .import-file-state{
    text-align: left;
  }

  .app-shell .workspace .data-imports .import-policy-strip .health-line{
    border-right: 0;
    border-bottom: 1px solid var(--import-line);
  }

  .app-shell .workspace .data-imports .import-policy-strip .health-line:last-child{
    border-bottom: 0;
  }

  .app-shell .workspace .data-imports .import-stats .workspace-stat{
    min-height: 108px;
    padding: 11px;
  }

  .app-shell .workspace .data-imports .import-stats .workspace-stat span,
.app-shell .workspace .data-imports .import-stats .workspace-stat small{
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.record-comment-composer .form-errors[hidden],
.record-comment-editor .form-errors[hidden]{
  display: none;
}

.record-comment-composer .field textarea{
  min-height: 82px;
}

.record-comment-composer .field select[multiple]{
  min-height: 82px;
}

.work-queue-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.work-controls-family-nav{
  display: flex;
  gap: var(--tv-space-2);
  max-width: 100%;
  padding-bottom: var(--tv-space-1);
  overflow-x: auto;
  scrollbar-width: thin;
}

.work-controls-family-nav .btn{
  flex: 0 0 auto;
  min-height: 40px;
  white-space: nowrap;
}

.work-controls-refresh{
  display: flex;
  justify-content: flex-end;
}

.operational-exception-toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(120px, .7fr)) auto auto auto;
  gap: var(--tv-space-2);
  align-items: end;
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.operational-exception-toolbar .field{
  min-width: 0;
  margin: 0;
}

.control-tower-register{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.control-tower-register > .data-table{
  width: 100%;
  min-width: 920px;
}

.control-tower-register > .ledger-pagination{
  border-top: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.app-shell .workspace .work-queue-toolbar{
  display: grid;
  grid-template-columns: minmax(240px, 1.5fr) repeat(3, minmax(144px, .72fr)) auto;
  gap: var(--tv-space-2);
  align-items: end;
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.app-shell .workspace .work-queue-toolbar .field{
  min-width: 0;
  margin: 0;
}

.app-shell .workspace .work-queue-register-block{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.app-shell .workspace .work-queue-register-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-4);
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
}

.app-shell .workspace .work-queue-register-head h3,
.app-shell .workspace .work-queue-register-head p{
  margin: 0;
}

.app-shell .workspace .work-queue-register-head h3{
  color: var(--tv-text);
  font-size: 16px;
}

.app-shell .workspace .work-queue-register-head p{
  margin-top: 3px;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.app-shell .workspace .work-queue-register{
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.app-shell .workspace .work-queue-register .data-table{
  min-width: 760px;
  table-layout: fixed;
}

.app-shell .workspace .work-queue-register .data-table th{
  padding-block: 10px;
  background: var(--tv-surface-strong);
  color: var(--tv-brand);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.app-shell .workspace .work-queue-register .data-table td{
  min-width: 0;
  padding-block: 11px;
  vertical-align: top;
}

.app-shell .workspace .work-queue-register [data-column-key="title"]{
  width: 390px;
}

.app-shell .workspace .work-queue-register [data-column-key="due_date"]{
  width: 150px;
}

.app-shell .workspace .work-queue-register [data-column-key="amount"]{
  width: 132px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.app-shell .workspace .work-queue-register [data-column-key="status"]{
  width: 120px;
}

.app-shell .workspace .work-queue-task-cell{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--tv-space-3);
  align-items: start;
}

.app-shell .workspace .work-queue-task-cell > .badge{
  margin-top: 1px;
  white-space: nowrap;
}

.app-shell .workspace .work-queue-task-cell .tv-entity-cell{
  min-width: 0;
}

.app-shell .workspace .work-queue-register .tv-entity-cell strong,
.app-shell .workspace .work-queue-register .tv-entity-cell span,
.app-shell .workspace .work-queue-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .workspace .work-queue-register tbody tr:hover td{
  background: var(--tv-brand-soft);
}

.app-shell .workspace .work-queue-pagination{
  border-top: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.work-queue-drawer .panel{
  border-radius: var(--tv-radius-md);
  box-shadow: none;
}
.work-queue-drawer .empty-copy{
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.notification-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.app-shell .workspace .route-stack.tv-route-frame.notification-center .workspace-body{
  grid-template-columns: minmax(0, 1fr);
}

.app-shell .workspace .notification-toolbar{
  display: grid;
  grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(140px, .72fr)) auto auto;
  gap: 10px;
  align-items: end;
  padding: 14px 16px;
  border: 1px solid var(--tv-border-brand);
  border-radius: 8px;
  background: var(--tv-surface);
}

.app-shell .workspace .notification-toolbar .field{
  min-width: 0;
  margin: 0;
}

.app-shell .workspace .notification-register-block{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border-brand);
  border-radius: 8px;
  background: var(--tv-surface);
}

.app-shell .workspace .notification-register-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--tv-border-brand);
}

.app-shell .workspace .notification-register-head h3,
.app-shell .workspace .notification-register-head p{
  margin: 0;
}

.app-shell .workspace .notification-register-head h3{
  color: var(--tv-text);
  font-size: 16px;
}

.app-shell .workspace .notification-register-head p{
  margin-top: 3px;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.app-shell .workspace .notification-register{
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.app-shell .workspace .notification-register .data-table{
  min-width: 1040px;
  table-layout: fixed;
}

.app-shell .workspace .notification-register .data-table th{
  padding-block: 10px;
  background: var(--tv-surface-brand);
  color: var(--tv-text-brand);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.app-shell .workspace .notification-register .data-table td{
  min-width: 0;
  padding-block: 11px;
  vertical-align: top;
}

.app-shell .workspace .notification-register .tv-money-cell,
.app-shell .workspace .notification-register .tv-money-cell strong{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.notification-copy{
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-width: 0;
}

.notification-copy-marker{
  width: 8px;
  height: 8px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--tv-accent);
}

.notification-copy.is-read .notification-copy-marker{
  background: var(--tv-text-subtle);
}

.notification-copy-body{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.notification-copy-body strong,
.notification-copy-body span,
.notification-copy-body small,
.app-shell .workspace .notification-register .tv-entity-cell strong,
.app-shell .workspace .notification-register .tv-entity-cell span,
.app-shell .workspace .notification-register .tv-entity-cell small{
  min-width: 0;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.notification-copy-body span,
.notification-copy-body small{
  color: var(--tv-text-muted);
}

.notification-copy.is-read strong{
  color: var(--tv-text-muted);
  font-weight: 700;
}

.app-shell .workspace .notification-register tbody tr:hover td{
  background: var(--tv-surface-tint);
}

.app-shell .workspace .notification-pagination{
  border-top: 1px solid var(--tv-border-brand);
  background: var(--tv-surface-subtle);
}

.notification-drawer .panel,
.notification-preference-form .panel{
  border-radius: 8px;
  box-shadow: none;
}
.notification-drawer .empty-copy,
.notification-preference-form .empty-copy{
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

@container (max-width: 900px) {
  .app-shell .workspace .work-queue-toolbar{
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(132px, .65fr));
  }
}

@container (max-width: 520px) {
  .app-shell .workspace .work-queue-toolbar{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .work-queue-toolbar .btn{
    width: 100%;
  }

  .app-shell .workspace .work-queue-register-head,
.app-shell .workspace .work-queue-pagination{
    align-items: stretch;
    flex-direction: column;
  }

  .app-shell .workspace .work-queue-pagination .ledger-pagination-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 900px) {
  .app-shell .workspace .work-queue-toolbar{
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .workspace .work-queue-toolbar .btn{
    width: 100%;
  }

  .app-shell .workspace .work-queue-register-head,
.app-shell .workspace .work-queue-pagination{
    align-items: stretch;
    flex-direction: column;
  }

  .app-shell .workspace .work-queue-pagination .ledger-pagination-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .notification-toolbar{
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .workspace .notification-toolbar .btn{
    width: 100%;
  }

  .app-shell .workspace .notification-register-head,
.app-shell .workspace .notification-pagination{
    align-items: stretch;
    flex-direction: column;
  }

  .app-shell .workspace .notification-pagination .ledger-pagination-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.app-shell .workspace .party-directory-toolbar{
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(170px, .42fr) minmax(170px, .42fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px 16px;
  border: 1px solid var(--tv-border-brand);
  border-radius: 8px;
  background: var(--tv-surface);
}

.app-shell .workspace .party-directory-toolbar .field{
  margin: 0;
}

.app-shell .workspace .party-register,
.app-shell .workspace .party-directory .table-card{
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--tv-border-brand);
  border-radius: 8px;
  background: var(--tv-surface);
  box-shadow: none;
}

.app-shell .workspace .party-directory .data-table{
  table-layout: fixed;
}

.app-shell .workspace .party-directory .data-table th{
  padding-block: 10px;
  background: var(--tv-surface-brand);
  color: var(--tv-text-brand);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.app-shell .workspace .party-directory .data-table td,
.app-shell .workspace .party-directory .data-table td strong,
.app-shell .workspace .party-directory .data-table td span{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .workspace .party-directory .data-table tbody tr:hover td{
  background: var(--tv-surface-tint);
}

.app-shell .workspace .party-directory .register-result-count{
  padding: 10px 14px;
  border-top: 1px solid var(--tv-border-brand);
  background: var(--tv-surface-subtle);
  color: var(--tv-text-muted);
}

.app-shell .workspace .party-directory-pagination,
.app-shell .workspace .party-match-pagination{
  border-top: 1px solid var(--tv-border-brand);
}

.party-data-disclosure{
  border: 1px solid var(--tv-border-brand);
  border-radius: 8px;
  background: var(--tv-surface);
}

.party-data-disclosure > summary{
  min-height: 44px;
  padding: 10px 14px;
  color: var(--tv-text);
  font-weight: 800;
  cursor: pointer;
  touch-action: manipulation;
}

.party-data-disclosure > p{
  max-width: 72ch;
  margin: 0;
  padding: 0 14px 12px;
  color: var(--tv-text-muted);
}

.party-match-host:not(:empty){
  border-top: 1px solid var(--tv-border-brand);
}

.party-signal-list{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.party-match-comparison{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.party-match-comparison article{
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--tv-border-brand);
  border-radius: 8px;
  background: var(--tv-surface-subtle);
}

.party-match-comparison strong,
.party-match-comparison span,
.party-match-comparison small{
  overflow-wrap: anywhere;
}

.party-drawer .data-table td,
.party-drawer .data-table td strong,
.party-drawer .data-table td span{
  white-space: normal;
  overflow-wrap: anywhere;
}

@container (max-width: 900px) {
  .app-shell .workspace .party-directory-toolbar,
.party-match-comparison{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .party-directory-toolbar > .btn{
    width: 100%;
  }
}

.customer-advances-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.customer-advance-filters{
  grid-template-columns: minmax(280px, 1fr) auto auto;
  align-items: end;
}

.customer-advance-register,
.customer-advance-detail .table-card{
  min-width: 0;
  overflow-x: auto;
}

.customer-advance-register .data-table{
  min-width: 980px;
}

.customer-advance-detail .data-table{
  min-width: 680px;
}

.customer-advance-register .tv-entity-cell strong,
.customer-advance-register .tv-entity-cell span,
.customer-advance-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.customer-advances .workspace-body{
    grid-template-columns: 1fr;
  }

}

@media (max-width: 900px) {
  .customer-advance-filters{
    grid-template-columns: 1fr;
  }
}

.catalog-control-filters{
  grid-template-columns: minmax(240px, 1.4fr) minmax(170px, .65fr) auto auto;
  align-items: end;
}

.catalog-control-register .data-table{
  min-width: 820px;
}

.catalog-control-register .tv-entity-cell strong,
.catalog-control-register .tv-entity-cell span,
.catalog-control-register .tv-entity-cell small,
.catalog-control-member-register .tv-entity-cell strong,
.catalog-control-member-register .tv-entity-cell span,
.catalog-control-member-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.catalog-control-member-register .data-table{
  min-width: 760px;
}

.catalog-control-detail .health-line{
  grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr);
}

.catalog-control-detail .health-line strong{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .catalog-control-filters{
    grid-template-columns: 1fr 1fr;
  }

  .catalog-control-detail .health-line{
    grid-template-columns: 1fr;
  }

  .catalog-control-detail .health-line strong{
    text-align: left;
  }
}

@media (max-width: 520px) {
  .catalog-control-filters{
    grid-template-columns: 1fr;
  }
}

.price-list-filters{
  grid-template-columns: minmax(260px, 1.45fr) minmax(180px, .7fr) auto auto;
  align-items: end;
}

.price-list-register{
  min-width: 0;
  overflow-x: auto;
}

.price-list-register .data-table{
  min-width: 1120px;
}

.price-list-register :is([data-column-key="price_list_type"],[data-column-key="currency"]){
  min-width: 160px;
  text-align: right;
}

.price-list-register .tv-entity-cell strong,
.price-list-register .tv-entity-cell span,
.price-list-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.price-list-detail .health-line{
  grid-template-columns: minmax(150px, .55fr) minmax(0, 1fr);
}

.price-list-detail .health-line strong,
.price-list-detail .health-line-value{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {

  .price-list-filters{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .price-list-filters,
.price-list-detail .health-line{
    grid-template-columns: 1fr;
  }

  .price-list-detail .health-line strong,
.price-list-detail .health-line-value{
    text-align: left;
  }
}

.customer-group-filters{
  grid-template-columns: minmax(220px, 1.4fr) minmax(150px, .7fr) auto auto;
  align-items: end;
}

.customer-group-register .data-table{
  min-width: 820px;
}

.customer-group-money-stack{
  display: grid;
  gap: 4px;
  min-width: 150px;
}

.customer-group-money-stack > span{
  display: grid;
  gap: 1px;
}

.customer-group-money-stack strong{
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.customer-group-money-stack small,
.customer-group-empty-value{
  color: var(--muted);
  font-size: 11px;
}

.customer-group-member-register{
  overflow-x: auto;
}

.customer-group-member-register .data-table{
  min-width: 900px;
}

.financial-statement-main{
  display: grid;
  gap: var(--tv-space-3);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  container-type: inline-size;
}

.financial-report-family-nav{
  display: flex;
  gap: var(--tv-space-2);
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.financial-report-family-nav .btn{
  flex: 0 0 auto;
  min-height: 40px;
  white-space: nowrap;
}

.financial-report-workspace-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--tv-space-2);
}

.financial-report-workspace-actions .btn{
  min-height: 40px;
}

.financial-statement-table-host{
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.financial-statement-filters{
  grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(130px, .72fr) minmax(180px, .95fr);
  align-items: end;
}

.financial-statement-filters > .btn{
  width: 100%;
}

.financial-statement-tabs{
  display: flex;
  gap: 2px;
  width: fit-content;
  max-width: 100%;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--tv-surface-strong);
  overflow-x: auto;
}

.financial-statement-tabs button{
  min-height: 36px;
  padding: 7px 12px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--ink-soft);
  font: inherit;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
}

.financial-statement-tabs button:hover,
.financial-statement-tabs button:focus-visible{
  background: var(--tv-surface);
  color: var(--primary);
}

.financial-statement-tabs button.active{
  background: var(--primary);
  color: var(--tv-surface);
}

.financial-statement-register{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.financial-statement-register .data-table{
  min-width: 860px;
}

.financial-statement-register td:nth-last-child(-n+4){
  font-variant-numeric: tabular-nums;
}

@media (max-width: 900px) {

  .financial-statement-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .financial-statement-filters{
    grid-template-columns: 1fr;
  }
}

.workspace .route-stack.tv-route-frame.financial-statements .financial-statement-filters{
  display: grid;
  overflow: visible;
}

.workspace .route-stack.tv-route-frame.financial-statements .financial-statement-tabs{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.workspace .route-stack.tv-route-frame.financial-statements .financial-statement-tabs button{
  min-width: 0;
  padding-inline: 8px;
  white-space: normal;
}

.workspace .route-stack.tv-route-frame.financial-statements .workspace-stat strong{
  font-size: clamp(18px, 2vw, 25px);
  overflow-wrap: normal;
  word-break: normal;
}

@container (max-width: 900px) {
  .workspace .route-stack.tv-route-frame.financial-statements .financial-statement-tabs{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace .route-stack.tv-route-frame.financial-statements .financial-statement-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 520px) {
  .workspace .route-stack.tv-route-frame.financial-statements .financial-statement-filters{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  .workspace .route-stack.tv-route-frame.financial-statements .workspace-stat strong{
    font-size: 15px;
    line-height: 1.08;
    letter-spacing: -.025em;
  }
}

@container (max-width: 900px) {
  .customer-group-filters{
    grid-template-columns: 1fr 1fr;
  }
}

@container (max-width: 520px) {
  .customer-group-filters{
    grid-template-columns: 1fr;
  }
}

.ap-aging-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.ap-aging-main{ display: grid; gap: 14px; min-width: 0; }
.ap-aging-filters{ grid-template-columns: minmax(210px, 1fr) minmax(145px, .42fr) minmax(135px, .34fr) minmax(145px, .4fr) minmax(190px, .58fr) auto auto; }
.ap-aging-matrix{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--surface); }
.ap-aging-bucket{ display: grid; gap: 4px; min-width: 0; padding: 14px; border-right: 1px solid var(--line); }
.ap-aging-bucket:last-child{ border-right: 0; }
.ap-aging-bucket span{ color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.ap-aging-bucket strong{ font-size: 23px; font-variant-numeric: tabular-nums; }
.ap-aging-bucket small{ min-width: 0; color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.ap-aging-bucket.bucket-90-{ box-shadow: inset 0 3px 0 var(--tv-danger); }
.ap-aging-bucket.bucket-61-90{ box-shadow: inset 0 3px 0 var(--tv-warning); }
.ap-aging-bucket.bucket-current{ box-shadow: inset 0 3px 0 var(--tv-success); }
.ap-aging-register{ min-width: 0; overflow-x: auto; }
.ap-aging-register .data-table{ min-width: 980px; }
.ap-aging-register .data-table [data-column-key="bill_name"]{ min-width: 230px; }
.ap-aging-register .data-table [data-column-key="source_state"]{ min-width: 130px; }
.ap-aging-register .data-table [data-column-key="outstanding_amount"]{ min-width: 150px; text-align: right; }
.ap-aging-register .tv-entity-cell strong,
.ap-aging-register .tv-entity-cell span,
.ap-aging-register .tv-entity-cell small{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.ap-aging-register .ap-aging-money strong,
.ap-aging-register .ap-aging-money span{ max-width: none; white-space: nowrap; overflow: visible; text-overflow: clip; }
.ap-aging-register .ap-aging-money strong{ font-size: 13px; }
.ap-aging-detail .health-line{ grid-template-columns: minmax(150px, .5fr) minmax(0, 1fr); }
.ap-aging-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }

@media (max-width: 1180px) {
  .ap-aging-matrix{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-aging-filters{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.ap-aging .workspace-body{ grid-template-columns: 1fr; }

}

@media (max-width: 900px) {

  .ap-aging-filters{ grid-template-columns: 1fr 1fr; }
  .ap-aging-matrix{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ap-aging-bucket:nth-last-child(-n+2){ border-bottom: 0; }
  .ap-aging-detail .health-line{ grid-template-columns: 1fr; }
  .ap-aging-detail .health-line strong{ text-align: left; }
}

@media (max-width: 520px) {
  .ap-aging-filters{ grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .ar-aging-register,
.ap-aging-register{ overflow: visible; }

  .ar-aging-register .data-table,
.ar-aging-register .data-table tbody,
.ar-aging-register .data-table tr,
.ar-aging-register .data-table td,
.ap-aging-register .data-table,
.ap-aging-register .data-table tbody,
.ap-aging-register .data-table tr,
.ap-aging-register .data-table td{ display: block; width: 100%; }

  .ar-aging-register .data-table,
.ap-aging-register .data-table{ min-width: 0; table-layout: auto; }

  .ar-aging-register .data-table thead,
.ap-aging-register .data-table thead{ display: none; }

  .ar-aging-register .data-table tbody,
.ap-aging-register .data-table tbody{ display: grid; gap: 12px; padding: 12px; }

  .ar-aging-register .data-table tr,
.ap-aging-register .data-table tr{ overflow: hidden; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-md); background: var(--tv-surface); }

  .ar-aging-register .data-table tr.is-clickable:focus-visible,
.ap-aging-register .data-table tr.is-clickable:focus-visible{ outline: 3px solid color-mix(in srgb, var(--tv-accent) 45%, transparent); outline-offset: 2px; }

  .ar-aging-register .data-table td,
.ar-aging-register .data-table [data-column-key],
.ap-aging-register .data-table td,
.ap-aging-register .data-table [data-column-key]{ width: auto; min-width: 0; text-align: left; }

  .ar-aging-register .data-table td,
.ap-aging-register .data-table td{ display: grid; grid-template-columns: minmax(104px, .42fr) minmax(0, 1fr); gap: 12px; align-items: start; padding: 10px 12px; border-bottom: 1px solid var(--tv-border); }

  .ar-aging-register .data-table td:last-child,
.ap-aging-register .data-table td:last-child{ border-bottom: 0; }

  .ar-aging-register .data-table td::before,
.ap-aging-register .data-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
}

.supplier-statements-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.supplier-statement-main{ display: grid; gap: 14px; min-width: 0; }
.supplier-statement-filters{ grid-template-columns: minmax(230px, 1fr) minmax(120px, .34fr) minmax(145px, .42fr) minmax(145px, .42fr) minmax(240px, .82fr) auto auto; }
.supplier-statement-register{ min-width: 0; overflow-x: auto; }
.supplier-statement-register .data-table{ min-width: 930px; }
.supplier-statement-register .data-table :is(th, td)[data-column-key="event_date"]{ width: 106px; min-width: 106px; }
.supplier-statement-register .data-table :is(th, td)[data-column-key="document"]{ min-width: 190px; }
.supplier-statement-register .data-table :is(th, td)[data-column-key="details"]{ min-width: 250px; }
.supplier-statement-register .data-table :is(th, td):is([data-column-key="charge"], [data-column-key="payment"], [data-column-key="running_balance"]){ min-width: 142px; text-align: right; }
.supplier-statement-register .tv-entity-cell strong,
.supplier-statement-register .tv-entity-cell span,
.supplier-statement-register .tv-entity-cell small{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.supplier-statement-detail .health-line{ grid-template-columns: minmax(155px, .52fr) minmax(0, 1fr); }
.supplier-statement-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }

@media (max-width: 1180px) {
  .supplier-statement-filters{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.supplier-statements .workspace-body{ grid-template-columns: 1fr; }

}

@media (max-width: 900px) {

  .supplier-statement-filters{ grid-template-columns: 1fr 1fr; }
  .supplier-statement-detail .health-line{ grid-template-columns: 1fr; }
  .supplier-statement-detail .health-line strong{ text-align: left; }
}

@media (max-width: 520px) {
  .supplier-statement-filters{ grid-template-columns: 1fr; }
}

.bank-transactions-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.bank-transaction-main{ display: grid; gap: 14px; min-width: 0; }
.bank-transaction-filters{ grid-template-columns: minmax(240px, 1.2fr) repeat(4, minmax(135px, .48fr)) repeat(2, minmax(145px, .52fr)) auto auto; }
.bank-transaction-register{ min-width: 0; overflow-x: auto; }
.bank-transaction-register .data-table{ min-width: 1100px; }
.bank-transaction-register .data-table :is(th, td)[data-column-key="payment_name"]{ min-width: 210px; }
.bank-transaction-register .data-table :is(th, td)[data-column-key="party"]{ min-width: 200px; }
.bank-transaction-register .data-table :is(th, td)[data-column-key="bank_reference"]{ min-width: 190px; }
.bank-transaction-register .data-table :is(th, td)[data-column-key="amount"]{ min-width: 165px; text-align: right; }
.bank-transaction-register .tv-entity-cell strong,
.bank-transaction-register .tv-entity-cell span,
.bank-transaction-register .tv-entity-cell small{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.bank-transaction-register .bank-transaction-money strong,
.bank-transaction-register .bank-transaction-money span{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.bank-transaction-register .bank-transaction-money strong{ font-size: 13px; font-variant-numeric: tabular-nums; }
.bank-transaction-detail .health-line{ grid-template-columns: minmax(165px, .54fr) minmax(0, 1fr); }
.bank-transaction-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }

@media (max-width: 1180px) {
  .bank-transaction-filters{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.bank-transactions .workspace-body{ grid-template-columns: 1fr; }

  .bank-transaction-filters{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {

  .bank-transaction-filters{ grid-template-columns: 1fr 1fr; }
  .bank-transaction-detail .health-line{ grid-template-columns: 1fr; }
  .bank-transaction-detail .health-line strong{ text-align: left; }
}

@media (max-width: 520px) {
  .bank-transaction-filters{ grid-template-columns: 1fr; }
}

.audit-log-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.audit-log-register{
  min-width: 0;
  overflow: hidden;
}

.audit-log-register-head{
  display: flex;
  gap: var(--tv-space-3);
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
}

.audit-log-register-head h3,
.audit-log-register-head p{
  margin: 0;
}

.audit-log-register-head p{
  margin-top: var(--tv-space-1);
  color: var(--tv-text-muted);
  font-size: 12px;
}

.audit-log-toolbar{
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto auto auto;
  gap: var(--tv-space-2);
  align-items: end;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.audit-log-toolbar > .field{
  min-width: 0;
}

.audit-log-filter-disclosure{
  position: relative;
}

.audit-log-filter-disclosure > summary{
  list-style: none;
}

.audit-log-filter-disclosure > summary::-webkit-details-marker{
  display: none;
}

.audit-log-filter-popover{
  position: absolute;
  z-index: 6;
  top: calc(100% + var(--tv-space-2));
  right: 0;
  width: min(720px, calc(100vw - 96px));
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.audit-log-filters{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tv-space-3);
  overflow: visible;
}

.audit-log-filter-actions{
  display: flex;
  gap: var(--tv-space-2);
  justify-content: flex-end;
  margin-top: var(--tv-space-3);
}

.audit-log-register .data-table{
  min-width: 1080px;
}

.audit-log-register .data-table [data-column-key="created_at"]{
  width: 156px;
  min-width: 156px;
}

.audit-log-register .data-table [data-column-key="entity_name"]{
  min-width: 230px;
}

.audit-log-register .data-table [data-column-key="action"]{
  min-width: 220px;
}

.audit-log-register .data-table [data-column-key="actor"]{
  min-width: 210px;
}

.audit-log-register .data-table [data-column-key="request_id"]{
  min-width: 210px;
}

.audit-log-register .data-table [data-column-key="controls"]{
  min-width: 190px;
}

.audit-log-register .tv-entity-cell strong,
.audit-log-register .tv-entity-cell span,
.audit-log-register .tv-entity-cell small{
  max-width: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.audit-control-tags{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.audit-event-detail .health-line{
  grid-template-columns: minmax(150px, .48fr) minmax(0, 1fr);
}

.audit-event-detail .health-line strong{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

.audit-json{
  width: 100%;
  max-height: 340px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
  color: var(--tv-text);
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .workspace .route-stack.tv-route-frame.audit-log .workspace-hero{
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .route-stack.tv-route-frame.audit-log .workspace-hero-copy > p{
    display: none;
  }

  .route-stack.tv-route-frame.audit-log .workspace-hero-actions{
    justify-content: flex-end;
  }

  .route-stack.tv-route-frame.audit-log .tv-attention-list-head{
    display: none;
  }

  .route-stack.tv-route-frame.audit-log .tv-attention-row{
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--tv-space-2);
    padding: var(--tv-space-2) var(--tv-space-3);
  }

  .route-stack.tv-route-frame.audit-log .tv-attention-copy > span{
    display: none;
  }

  .route-stack.tv-route-frame.audit-log .tv-attention-row > .btn{
    min-height: 36px;
    padding: 7px 10px;
  }

  .audit-log-register-head{
    padding: var(--tv-space-3);
  }

  .audit-log-register-head p,
.audit-log-register-head .register-count{
    display: none;
  }

  .audit-log-toolbar{
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--tv-space-2) var(--tv-space-3);
  }

  .audit-log-toolbar > .field{
    grid-column: 1 / -1;
  }

  .audit-log-filter-disclosure{
    position: static;
  }

  .audit-log-filter-popover{
    position: static;
    width: auto;
    margin-top: var(--tv-space-2);
    box-shadow: none;
  }

  .audit-log-filters{
    grid-template-columns: 1fr;
  }

  .audit-log-filter-actions{
    flex-direction: column;
  }

  .audit-log-register .data-table{
    min-width: 0;
  }

  .audit-log-register .data-table thead{
    display: none;
  }

  .audit-log-register .data-table :is(tbody, tr, td){
    display: grid;
    width: 100%;
    min-width: 0;
  }

  .audit-log-register .data-table tr{
    gap: var(--tv-space-2);
    padding: var(--tv-space-3);
    border-bottom: 1px solid var(--tv-border);
  }

  .audit-log-register .data-table td{
    grid-template-columns: minmax(92px, .4fr) minmax(0, 1fr);
    padding: var(--tv-space-1) 0;
    border: 0;
  }

  .audit-log-register .data-table td::before{
    color: var(--tv-text-muted);
    content: attr(data-label);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
  }

  .audit-log-register .data-table [data-column-key]{
    width: auto;
    min-width: 0;
  }

  .audit-event-detail .health-line{
    grid-template-columns: 1fr;
  }

  .audit-event-detail .health-line strong{
    text-align: left;
  }
}

.tax-dashboard-server-host[aria-busy="true"]{ opacity: .62; pointer-events: none; }
.tax-dashboard-main{ display: grid; gap: 14px; min-width: 0; }
.tax-dashboard-filters{ display: grid; grid-template-columns: minmax(230px, 1fr) minmax(180px, .65fr) minmax(145px, .5fr) minmax(210px, .75fr); overflow: visible; }
.tax-dashboard-register{ min-width: 0; overflow-x: auto; }
.tax-dashboard-register .data-table{ min-width: 1020px; }
.tax-dashboard-register .data-table [data-column-key="posting_date"]{ width: 108px; min-width: 108px; }
.tax-dashboard-register .data-table [data-column-key="name"]{ min-width: 205px; }
.tax-dashboard-register .data-table [data-column-key="party"]{ min-width: 220px; }
.tax-dashboard-register .data-table [data-column-key="tax_evidence"]{ min-width: 240px; }
.tax-dashboard-register .data-table [data-column-key="grand_total"]{ min-width: 160px; text-align: right; }
.tax-dashboard-register .tv-entity-cell strong,
.tax-dashboard-register .tv-entity-cell span,
.tax-dashboard-register .tv-entity-cell small,
.tax-dashboard-register .tax-dashboard-money strong,
.tax-dashboard-register .tax-dashboard-money span{ max-width: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.tax-dashboard-register .tax-dashboard-money strong{ font-size: 13px; font-variant-numeric: tabular-nums; }
.tax-document-detail .health-line{ grid-template-columns: minmax(155px, .5fr) minmax(0, 1fr); }
.tax-document-detail .health-line strong{ min-width: 0; text-align: right; overflow-wrap: anywhere; }

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.tax-dashboard .workspace-body{ grid-template-columns: 1fr; }

  .tax-dashboard-filters{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {

  .tax-dashboard-filters{ grid-template-columns: 1fr; }
  .tax-document-detail .health-line{ grid-template-columns: 1fr; }
  .tax-document-detail .health-line strong{ text-align: left; }
  .tax-dashboard-register .data-table,
.sales-tax-register .data-table{ min-width: 0; }
  .tax-dashboard-register .data-table thead,
.sales-tax-register .data-table thead{ display: none; }
  .tax-dashboard-register .data-table :is(tbody, tr, td),
.sales-tax-register .data-table :is(tbody, tr, td){ display: grid; width: 100%; min-width: 0; }
  .tax-dashboard-register .data-table tr,
.sales-tax-register .data-table tr{ gap: var(--tv-space-2); padding: var(--tv-space-3); border-bottom: 1px solid var(--tv-border); }
  .tax-dashboard-register .data-table td,
.sales-tax-register .data-table td{ grid-template-columns: minmax(104px, .46fr) minmax(0, 1fr); border: 0; padding: var(--tv-space-1) 0; text-align: left; }
  .tax-dashboard-register .data-table td::before,
.sales-tax-register .data-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
  .tax-dashboard-register .data-table td[data-column-key="grand_total"],
.sales-tax-register .data-table :is(td[data-column-key="source_tax"], td[data-column-key="ledger_tax"], td[data-column-key="difference"]){ text-align: left; justify-items: start; }
}

.bank-reconciliation-server-host,
.bank-reconciliation-main,
.bank-reconciliation-register{ min-width: 0; }

.bank-reconciliation-main{ display: grid; gap: var(--tv-space-4); }

.bank-reconciliation-filters{
  grid-template-columns: minmax(260px, 1fr) minmax(150px, .32fr) auto auto;
  align-items: end;
}

.bank-reconciliation-register,
.bank-reconciliation-detail .table-card,
.bank-reconciliation-detail .table-scroll{
  min-width: 0;
}

.bank-reconciliation-register .data-table{
  min-width: 980px;
}

.bank-reconciliation-detail .data-table{
  min-width: 860px;
}

.bank-reconciliation-equation{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.bank-reconciliation-equation .workspace-stat{
  min-height: 90px;
}

.bank-reconciliation-detail .tv-entity-cell strong,
.bank-reconciliation-detail .tv-entity-cell span,
.bank-reconciliation-detail .tv-entity-cell small,
.bank-reconciliation-register .tv-entity-cell strong,
.bank-reconciliation-register .tv-entity-cell span,
.bank-reconciliation-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.bank-reconciliation-detail .health-line,
.bank-reconciliation-line-detail .health-line{
  grid-template-columns: minmax(150px, .42fr) minmax(0, 1fr);
}

.bank-reconciliation-detail .health-line strong,
.bank-reconciliation-line-detail .health-line strong{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .bank-reconciliation-filters,
.bank-reconciliation-equation{
    grid-template-columns: 1fr;
  }

  .bank-reconciliation-detail .health-line,
.bank-reconciliation-line-detail .health-line{
    grid-template-columns: 1fr;
  }

  .bank-reconciliation-detail .health-line strong,
.bank-reconciliation-line-detail .health-line strong{
    text-align: left;
  }
}

.system-diagnostics-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.diagnostic-main{
  display: grid;
  gap: 14px;
  min-width: 0;
}

.diagnostic-checklist{
  display: grid;
  border-block: 1px solid var(--line);
}

.diagnostic-check-row{
  display: grid;
  grid-template-columns: minmax(250px, 1.4fr) 92px minmax(160px, .8fr) minmax(160px, .8fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}

.diagnostic-check-row:last-child{
  border-bottom: 0;
}

.diagnostic-check-name,
.diagnostic-check-value{
  display: grid;
  gap: 3px;
  min-width: 0;
}

.diagnostic-check-name strong,
.diagnostic-check-value strong{
  min-width: 0;
  overflow-wrap: anywhere;
}

.diagnostic-check-name span,
.diagnostic-check-value span{
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.diagnostic-status{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 26px;
  padding: 3px 8px;
  border: 1px solid var(--tv-border);
  border-radius: 999px;
  background: var(--tv-brand-soft);
  color: var(--tv-success);
  font-size: 11px;
  font-weight: 850;
}

.diagnostic-status.is-failed{
  border-color: var(--tv-danger-border);
  background: var(--tv-danger-soft);
  color: var(--tv-danger);
}

.diagnostic-run-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  padding-top: 12px;
  color: var(--muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.diagnostic-count-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}

.diagnostic-count-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.diagnostic-count-row span{
  min-width: 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.diagnostic-count-row strong{
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.system-diagnostics .workspace-body{
    grid-template-columns: 1fr;
  }

  .diagnostic-check-row{
    grid-template-columns: minmax(220px, 1.2fr) 90px minmax(145px, .8fr) minmax(145px, .8fr);
  }
}

@media (max-width: 900px) {
  .diagnostic-count-grid{
    grid-template-columns: 1fr;
  }

  .diagnostic-check-row{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .diagnostic-check-value{
    padding-top: 7px;
    border-top: 1px solid var(--line);
  }

}

.sales-register-server-host[aria-busy="true"]{
  opacity: .62;
  pointer-events: none;
}

.sales-register-main{
  display: grid;
  gap: 12px;
  min-width: 0;
}

.sales-register-filters{
  grid-template-columns: minmax(260px, 1.5fr) repeat(2, minmax(135px, .55fr)) minmax(150px, .6fr) minmax(150px, .6fr) auto auto;
  align-items: end;
}

.sales-register-table{
  min-width: 0;
  overflow-x: auto;
}

.sales-register-table .data-table{
  min-width: 1160px;
  table-layout: fixed;
}

.sales-register-table [data-column-key="document_number"]{ width: 150px; }
.sales-register-table [data-column-key="customer"]{ width: 280px; }
.sales-register-table [data-column-key="posting_date"]{ width: 150px; }
.sales-register-table [data-column-key="currency"]{ width: 105px; }
.sales-register-table :is([data-column-key="grand_total"],[data-column-key="paid_amount"],[data-column-key="outstanding_amount"]){ width: 145px; text-align: right; }
.sales-register-table [data-column-key="payment_state"]{ width: 125px; }

.sales-register-table .tv-entity-cell strong,
.sales-register-table .tv-entity-cell span,
.sales-register-table .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.sales-register-table :is([data-column-key="grand_total"],[data-column-key="paid_amount"],[data-column-key="outstanding_amount"]) .tv-entity-cell{
  justify-items: end;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1180px) {
  .sales-register-filters{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .sales-register-filters{
    grid-template-columns: 1fr;
  }

}

.capability-gate{
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--tv-surface-muted);
}

.capability-gate-panel{
  width: min(560px, 100%);
  display: grid;
  gap: 14px;
  padding: 28px;
  border: 1px solid var(--tv-border-brand);
  border-radius: 8px;
  background: var(--tv-surface);
  box-shadow: 0 18px 44px rgba(7, 44, 44, .1);
}

.capability-gate-brand{
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--tv-border-subtle);
}

.capability-gate-brand img{
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.capability-gate-brand div{
  display: grid;
  gap: 1px;
}

.capability-gate-brand strong{
  color: var(--tv-text);
  font-size: 18px;
}

.capability-gate-brand span,
.capability-gate-panel p,
.capability-gate-request{
  color: var(--tv-text-muted);
}

.capability-gate-panel h1{
  margin: 0;
  color: var(--tv-text);
  font-size: clamp(24px, 4vw, 32px);
  line-height: 1.15;
}

.capability-gate-panel p{
  margin: 0;
  line-height: 1.6;
}

.capability-gate-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

.capability-gate-request{
  overflow-wrap: anywhere;
  font-size: 12px;
}

.email-readiness-register{
  min-width: 0;
  overflow-x: auto;
}

.email-readiness-register .data-table{
  min-width: 760px;
}

.email-readiness-register .tv-entity-cell strong,
.email-readiness-register .tv-entity-cell span,
.email-readiness-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.users-roles-user-register,
.users-roles-role-register,
.user-permission-register{
  min-width: 0;
  overflow-x: auto;
}

.users-roles-user-register .data-table{
  min-width: 980px;
}

.users-roles-role-register .data-table{
  min-width: 720px;
}

.user-permission-register .data-table{
  min-width: 720px;
}

.users-roles-filters{
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(170px, .42fr) auto auto;
  align-items: end;
  overflow: visible;
}

.users-roles-user-register .tv-entity-cell strong,
.users-roles-user-register .tv-entity-cell span,
.users-roles-user-register .tv-entity-cell small,
.user-permission-register .tv-entity-cell strong,
.user-permission-register .tv-entity-cell span,
.user-permission-register .tv-entity-cell small{
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.users-roles-detail .health-line{
  grid-template-columns: minmax(155px, .48fr) minmax(0, 1fr);
}

.users-roles-detail .health-line strong,
.users-roles-detail .health-line-value{
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .workspace .route-stack.tv-route-frame.users-roles .workspace-body{
    grid-template-columns: 1fr;
  }

}

@media (max-width: 900px) {
  .users-roles-filters{
    grid-template-columns: 1fr;
  }

  .users-roles-detail .health-line{
    grid-template-columns: 1fr;
  }

  .users-roles-detail .health-line strong,
.users-roles-detail .health-line-value{
    text-align: left;
  }
}

.app-shell .workspace .organizations-branches{
  --organization-border: var(--tv-border-brand);
  --organization-soft: var(--tv-surface-tint);
}

.app-shell .workspace .organizations-branches-toolbar{
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 260px);
  gap: 12px;
  align-items: end;
  padding: 14px 16px;
  border: 1px solid var(--organization-border);
  border-radius: 8px;
  background: var(--tv-surface);
}

.app-shell .workspace .organizations-branches-toolbar .field{
  margin: 0;
}

.app-shell .workspace .organization-register,
.app-shell .workspace .branch-register{
  overflow: hidden;
  border: 1px solid var(--organization-border);
  border-radius: 8px;
  background: var(--tv-surface);
  box-shadow: none;
}

.app-shell .workspace .organizations-branches .data-table{
  table-layout: fixed;
}

.app-shell .workspace .organizations-branches .data-table th{
  padding-block: 10px;
  background: var(--tv-surface-brand);
  color: var(--tv-text-brand);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.app-shell .workspace .organizations-branches .data-table td{
  min-width: 0;
  padding-block: 11px;
  vertical-align: top;
  color: var(--tv-text-cool);
}

.app-shell .workspace .organizations-branches .data-table td,
.app-shell .workspace .organizations-branches .data-table td strong,
.app-shell .workspace .organizations-branches .data-table td span{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .workspace .organizations-branches .data-table tbody tr:hover td{
  background: var(--organization-soft);
}

.app-shell .workspace .organizations-branches .register-result-count{
  padding: 10px 14px;
  border-top: 1px solid var(--organization-border);
  background: var(--tv-surface-subtle);
  color: var(--tv-text-muted);
}

.organization-drawer .panel,
.branch-drawer .panel{
  border-radius: 8px;
  box-shadow: none;
}

.organization-drawer .data-table td,
.organization-drawer .data-table td strong,
.organization-drawer .data-table td span{
  white-space: normal;
  overflow-wrap: anywhere;
}

@container (max-width: 900px) {
  .app-shell .workspace .organizations-branches-toolbar{
    grid-template-columns: 1fr;
  }

  .app-shell .workspace .organizations-branches .workspace-hero-actions{
    width: 100%;
  }

  .app-shell .workspace .organizations-branches .workspace-hero-actions .btn{
    flex: 1 1 180px;
  }
}

@media (max-width: 900px) {
  .app-shell .workspace .organizations-branches-toolbar{
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .workspace .organizations-branches-toolbar .field{
    min-width: 0;
    width: 100%;
  }
}

@media print {
  .tv-customer-account-page[data-print-surface="customer-statement"]{
    font-size: 8.5pt;
    line-height: 1.35;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-account-head h1{
    margin: 1.5mm 0;
    color: var(--tv-surface) !important;
    font-size: 24pt;
    line-height: 1.05;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-account-head p{
    color: #e4efeb !important;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-account-meta .badge{
    border: .25mm solid rgba(255, 255, 255, .58);
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-currency-card,
.tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-aging-card,
.tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-print-certification{
    break-inside: avoid;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-info > span{
    color: #4f5f59;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-info > strong,
.tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-info > .health-line-value{
    color: #101817;
    font-variant-numeric: tabular-nums;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-table th{
    color: #263a34 !important;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-table td,
.tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-table td strong{
    color: #101817;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .tv-customer-account-page[data-print-surface="customer-statement"] .tv-customer-equations{
    break-inside: avoid;
  }
}

.workspace .route-stack.tv-route-frame .tv-route-context{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  color: var(--tv-text-subtle);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  line-height: 1.2;
}

.workspace .route-stack.tv-route-frame .tv-route-context-state{
  display: inline-flex;
  gap: 5px;
  align-items: center;
  color: var(--tv-success);
}

.workspace .route-stack.tv-route-frame .tv-route-context-state::before{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  content: "";
}

.workspace .route-stack.tv-route-frame.tax-dashboard .tax-dashboard-filters{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace .route-stack.tv-route-frame .tv-entity-cell,
.workspace .route-stack.tv-route-frame .tv-money-cell{
  display: grid;
  gap: 3px;
  min-width: 0;
}

.workspace .route-stack.tv-route-frame .tv-entity-cell > *,
.workspace .route-stack.tv-route-frame .tv-money-cell > *{
  display: block;
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.workspace .route-stack.tv-route-frame .tv-entity-cell span,
.workspace .route-stack.tv-route-frame .tv-entity-cell small,
.workspace .route-stack.tv-route-frame .tv-money-cell span,
.workspace .route-stack.tv-route-frame .tv-money-cell small{
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.35;
}

.workspace .route-stack.tv-route-frame .tv-money-cell{
  justify-items: end;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.workspace .route-stack.tv-route-frame.journal-entries .workspace-main{
  grid-row: auto;
}

.workspace .route-stack.tv-route-frame.sales-taxes .sales-tax-main{
  min-width: 0;
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
}

.tv-operational-empty,
.tv-register-empty-state{
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 8px;
  min-height: 150px;
  padding: 20px;
  border: 1px dashed var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}

.workspace .route-stack.expense-claims .panel.tv-register-empty-state{
  padding: 20px;
}

.tv-operational-empty strong,
.tv-register-empty-state h3{
  margin: 0;
  color: var(--tv-text);
  font-size: 17px;
  line-height: 1.25;
}

.tv-operational-empty p,
.tv-register-empty-state p{
  max-width: 66ch;
  margin: 0;
  color: var(--tv-text-muted);
  line-height: 1.5;
}

.tv-empty-kicker{
  color: var(--tv-brand-hover);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
}

.tv-empty-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.pending-approval-register.is-empty{
  overflow: visible;
}

.pending-approval-register.is-empty .pending-approval-filters{
  grid-template-columns: minmax(220px, 1fr) minmax(150px, .55fr);
}

.connectors-register .tv-operational-empty{
  border: 0;
}

.tv-route-frame{
  min-width: 0;
  container-name: tv-route-frame;
  container-type: inline-size;
}

.tv-route-frame .workspace-hero{
  border-color: var(--tv-border);
  box-shadow: var(--tv-shadow-panel);
}

.tv-route-frame .workspace-stats{
  gap: var(--tv-space-3);
}

.tv-route-frame .workspace-stat{
  border-color: var(--tv-border);
  border-radius: var(--tv-radius-md);
}

.tv-route-summary,
.tv-summary-strip{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.tv-route-summary > .tv-route-summary-cell,
.tv-summary-strip-item,
.tv-summary-strip__item{
  min-width: 0;
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: var(--tv-space-1);
  padding: 11px 13px;
  border-inline-end: 1px solid var(--tv-border);
  background: var(--tv-surface);
}

.tv-route-summary > .tv-route-summary-cell:last-child,
.tv-summary-strip-item:last-child,
.tv-summary-strip__item:last-child{
  border-inline-end: 0;
}

.tv-route-summary > .tv-route-summary-cell > span,
.tv-route-summary > .tv-route-summary-cell > small,
.tv-summary-strip-item > span,
.tv-summary-strip__item > span,
.tv-summary-strip-item > small,
.tv-summary-strip__item > small{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.25;
}

.tv-route-summary > .tv-route-summary-cell > span,
.tv-summary-strip-item > span,
.tv-summary-strip__item > span{
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tv-route-summary > .tv-route-summary-cell > strong,
.tv-summary-strip-item > strong,
.tv-summary-strip__item > strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: clamp(18px, 1.8vw, 23px);
  font-variant-numeric: tabular-nums;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.tv-attention-list{
  min-width: 0;
  display: grid;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.tv-attention-list-head{
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-block-end: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.tv-attention-list-head > :is(h2, h3, p){
  margin: 0;
}

.tv-attention-list-head > :is(h2, h3){
  color: var(--tv-text);
  font-size: 15px;
  line-height: 1.25;
}

.tv-attention-kicker{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tv-attention-list-rows{
  display: grid;
}

.tv-attention-list--compact .tv-attention-list-rows{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tv-attention-list--compact .tv-attention-list-rows > .tv-attention-row:only-child{
  grid-column: 1 / -1;
}

.tv-attention-list--compact .tv-attention-overflow,
.tv-attention-list--compact .tv-attention-overflow-rows{
  display: contents;
}

.tv-attention-list--compact .tv-attention-row{
  min-height: 78px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "badge copy action"
    "badge value action";
  gap: var(--tv-space-2);
  padding: var(--tv-space-3);
  border-inline-end: 1px solid var(--tv-border);
  border-block-end: 1px solid var(--tv-border);
}

.tv-attention-list--compact .tv-attention-row > .badge{
  grid-area: badge;
}

.tv-attention-list--compact .tv-attention-copy{
  grid-area: copy;
}

.tv-attention-list--compact .tv-attention-value{
  grid-area: value;
  justify-self: start;
  text-align: left;
}

.tv-attention-list--compact .tv-attention-row .tv-attention-copy > span{
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.tv-attention-list--compact .tv-attention-row > .btn{
  grid-area: action;
  min-height: 36px;
  padding-inline: var(--tv-space-3);
}

.tv-attention-overflow,
.tv-attention-overflow-rows{
  display: contents;
}

.tv-attention-overflow > summary{
  display: none;
}

.tv-attention-overflow:not([open]) > .tv-attention-overflow-rows{
  display: contents;
}

.tv-attention-row{
  --tv-attention-tone: var(--tv-info);
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3) var(--tv-space-4) var(--tv-space-3) var(--tv-space-5);
  border: 0;
  border-block-end: 1px solid var(--tv-border);
  background: var(--tv-surface);
  color: var(--tv-text);
  text-align: left;
}

.tv-attention-row::before{
  position: absolute;
  inset: var(--tv-space-3) auto var(--tv-space-3) 0;
  width: 3px;
  border-radius: 0 var(--tv-radius-sm) var(--tv-radius-sm) 0;
  background: var(--tv-attention-tone);
  content: "";
}

.tv-attention-row:last-child{
  border-block-end: 0;
}

.tv-attention-row:is(button, a){
  cursor: pointer;
}

.tv-attention-row:is(button, a):hover{
  background: var(--tv-surface-muted);
}

.tv-attention-row:is(button, a):focus-visible{
  z-index: 1;
  outline: 2px solid var(--tv-info);
  outline-offset: -2px;
}

.tv-attention-row[data-severity="critical"],
.tv-attention-row[data-severity="high"],
.tv-attention-row[data-tone="danger"],
.tv-attention-row:has(> .badge-danger){
  --tv-attention-tone: var(--tv-danger);
}

.tv-attention-row[data-severity="medium"],
.tv-attention-row[data-tone="warning"],
.tv-attention-row:has(> .badge-warning){
  --tv-attention-tone: var(--tv-warning);
}

.tv-attention-row[data-severity="low"],
.tv-attention-row[data-tone="success"],
.tv-attention-row:has(> .badge-success){
  --tv-attention-tone: var(--tv-success);
}

.tv-attention-row > .badge{
  justify-self: start;
}

.tv-attention-row > :first-child,
.tv-attention-row .tv-attention-copy{
  min-width: 0;
  overflow-wrap: anywhere;
}

.tv-attention-copy{
  display: grid;
  gap: 2px;
}

.tv-attention-copy > span{
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.4;
}

.tv-attention-row .tv-attention-measure,
.tv-attention-row .tv-attention-action,
.tv-attention-row .tv-attention-value{
  justify-self: end;
  color: var(--tv-text-muted);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

@media (max-width: 520px) {
  .tv-attention-list--compact .tv-attention-list-rows{
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-attention-list--compact .tv-attention-overflow,
.tv-attention-list--compact .tv-attention-overflow-rows{
    display: block;
  }

  .tv-attention-list--compact .tv-attention-overflow > summary{
    display: list-item;
  }

  .tv-attention-list--compact .tv-attention-overflow:not([open]) > .tv-attention-overflow-rows{
    display: none;
  }

  .tv-attention-list--compact .tv-attention-row{
    min-height: 58px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "badge copy"
      "value value"
      "action action";
    align-items: start;
    padding: var(--tv-space-3) var(--tv-space-4) var(--tv-space-3) var(--tv-space-5);
    border-inline-end: 0;
    border-block-end: 1px solid var(--tv-border);
  }

  .tv-attention-list--compact .tv-attention-row > .badge{ grid-area: badge; }
  .tv-attention-list--compact .tv-attention-copy{ grid-area: copy; }
  .tv-attention-list--compact .tv-attention-value{ grid-area: value; }
  .tv-attention-list--compact .tv-attention-row > .btn{ grid-area: action; width: 100%; }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-attention-row{
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "badge copy"
      "value value"
      "action action";
    align-items: start;
    gap: 8px 10px;
    padding: 12px 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-attention-row > .badge{
    grid-area: badge;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-attention-copy{
    grid-area: copy;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-attention-row :is(.tv-attention-measure, .tv-attention-value){
    grid-area: value;
    justify-self: start;
    text-align: left;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-attention-row > .btn,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-attention-row .tv-attention-action{
    grid-area: action;
    width: 100%;
  }
}

.drawer.tv-evidence-inspector,
.drawer:has(.tv-evidence-inspector-body){
  width: clamp(480px, 38vw, 560px);
  max-width: calc(100vw - var(--tv-space-4));
  height: 100dvh;
  border-inline-start: 1px solid var(--tv-border);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-drawer);
}

.drawer.tv-evidence-inspector > .drawer-body,
.drawer:has(.tv-evidence-inspector-body) > .drawer-body{
  padding: 0;
  background: var(--tv-bg);
}

.drawer > .drawer-body,
.modal > .modal-body{
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.tv-evidence-inspector-body{
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 0;
  padding: 0;
  background: var(--tv-bg);
}

.tv-inspector-nav{
  position: sticky;
  z-index: 2;
  top: 0;
  min-width: 0;
  display: flex;
  gap: var(--tv-space-1);
  padding: var(--tv-space-2) var(--tv-space-3);
  overflow-x: auto;
  border-block-end: 1px solid var(--tv-border);
  background: color-mix(in srgb, var(--tv-surface) 94%, transparent);
  backdrop-filter: blur(10px);
  scrollbar-width: thin;
}

.tv-inspector-nav-link{
  min-height: 36px;
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: var(--tv-radius-sm);
  background: transparent;
  color: var(--tv-text-muted);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
}

.tv-inspector-nav-link:hover{
  border-color: var(--tv-border);
  background: var(--tv-surface-muted);
  color: var(--tv-text);
}

.tv-inspector-nav-link:focus-visible{
  outline: 2px solid var(--tv-info);
  outline-offset: 1px;
}

.tv-inspector-section{
  min-width: 0;
  display: grid;
  gap: var(--tv-space-3);
  padding: var(--tv-space-4) var(--tv-space-5);
  border-block-end: 1px solid var(--tv-border);
  background: var(--tv-surface);
  scroll-margin-top: 54px;
}

.tv-inspector-section:focus-visible{
  outline: 2px solid var(--tv-info);
  outline-offset: -2px;
}

.tv-inspector-section:last-child{
  border-block-end: 0;
}

.tv-inspector-section-head{
  min-width: 0;
  display: grid;
  gap: 2px;
}

.tv-inspector-section-head > :is(h2, h3, h4, p){
  margin: 0;
}

.tv-inspector-eyebrow{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tv-inspector-summary{
  display: grid;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
}

.tv-inspector-summary .tv-route-summary-cell{
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(120px, .7fr) minmax(0, 1fr);
  gap: 3px var(--tv-space-3);
  padding: var(--tv-space-3);
  border: 0;
  border-block-end: 1px solid var(--tv-border);
  border-radius: 0;
  background: var(--tv-surface);
  box-shadow: none;
}

.tv-inspector-summary .tv-route-summary-cell:last-child{
  border-block-end: 0;
}

.tv-inspector-summary .tv-route-summary-cell > :is(span, small){
  color: var(--tv-text-muted);
  font-size: 11px;
}

.tv-inspector-summary .tv-route-summary-cell > strong{
  min-width: 0;
  justify-self: end;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  text-align: right;
}

.tv-inspector-summary .tv-route-summary-cell > small{
  grid-column: 1 / -1;
}

.tv-evidence-inspector-body > .panel,
.tv-inspector-section > .panel{
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--tv-surface);
  box-shadow: none;
}

.tv-inspector-section > .panel > h3:first-child{
  margin-block-start: 0;
}

.tv-inspector-section > :is(h2, h3, h4, p){
  margin: 0;
}

.tv-inspector-section > :is(h2, h3, h4){
  color: var(--tv-text);
  font-size: 14px;
  line-height: 1.25;
}

.tv-inspector-section > p,
.tv-inspector-section .helper-copy{
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.5;
}

.tv-inspector-section .health-line,
.tv-inspector-section .info-line{
  min-width: 0;
  grid-template-columns: minmax(118px, .42fr) minmax(0, 1fr);
}

.tv-inspector-section .health-line > :last-child,
.tv-inspector-section .info-line > :last-child{
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

.tv-state-surface,
.tv-honest-state{
  --tv-state-tone: var(--tv-info);
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--tv-space-2);
  padding: var(--tv-space-4);
  border: 1px solid color-mix(in srgb, var(--tv-state-tone) 28%, var(--tv-border));
  border-inline-start: 3px solid var(--tv-state-tone);
  border-radius: var(--tv-radius-md);
  background: color-mix(in srgb, var(--tv-state-tone) 5%, var(--tv-surface));
  color: var(--tv-text);
}

.tv-state-surface[data-state="available"],
.tv-state-surface[data-state="clear"],
.tv-state-surface[data-evidence-state="available"],
.tv-honest-state[data-state="available"],
.tv-honest-state[data-state="clear"]{
  --tv-state-tone: var(--tv-success);
}

.tv-state-surface[data-state="partial"],
.tv-state-surface[data-state="not_configured"],
.tv-state-surface[data-evidence-state="partial"],
.tv-state-surface[data-evidence-state="not_configured"],
.tv-honest-state[data-state="partial"],
.tv-honest-state[data-state="not_configured"]{
  --tv-state-tone: var(--tv-warning);
}

.tv-state-surface[data-state="unavailable"],
.tv-state-surface[data-state="mismatch"],
.tv-state-surface[data-evidence-state="unavailable"],
.tv-honest-state[data-state="unavailable"],
.tv-honest-state[data-state="mismatch"]{
  --tv-state-tone: var(--tv-danger);
}

.tv-state-surface[data-state="not_authorized"],
.tv-state-surface[data-state="restricted"],
.tv-state-surface[data-evidence-state="not_authorized"],
.tv-honest-state[data-state="not_authorized"],
.tv-honest-state[data-state="restricted"]{
  --tv-state-tone: var(--tv-info);
}

.tv-state-surface > :is(h2, h3, h4, p),
.tv-honest-state > :is(h2, h3, h4, p){
  margin: 0;
}

.tv-state-surface > p,
.tv-honest-state > p{
  color: var(--tv-text-muted);
  line-height: 1.5;
}

.tv-state-surface > :is(button, a),
.tv-honest-state > :is(button, a){
  justify-self: start;
  margin-top: var(--tv-space-1);
}

.tv-state-label{
  color: var(--tv-state-tone);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tv-action-menu{
  position: relative;
  z-index: 65;
  min-width: 0;
}

.tv-action-menu[hidden]{
  display: none;
}

.tv-action-menu > summary{
  list-style: none;
}

.tv-action-menu > summary::-webkit-details-marker{
  display: none;
}

.tv-action-menu[open] > summary{
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
}

.tv-action-menu-popover{
  position: absolute;
  inset: calc(100% + var(--tv-space-2)) 0 auto auto;
  z-index: 66;
  min-width: 220px;
  max-width: min(320px, calc(100vw - (2 * var(--tv-space-4))));
  display: grid;
  gap: var(--tv-space-1);
  padding: var(--tv-space-2);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-drawer);
}

.tv-action-menu-popover > :is(button, a){
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: var(--tv-space-2);
  padding: 0 var(--tv-space-3);
  border: 0;
  border-radius: var(--tv-radius-sm);
  background: transparent;
  color: var(--tv-text);
  text-align: left;
  text-decoration: none;
}

.tv-action-menu-popover > :is(button, a):hover{
  background: var(--tv-surface-muted);
}

.tv-action-menu-popover > :is(button, a):focus-visible{
  outline: 2px solid var(--tv-info);
  outline-offset: 1px;
}

.tv-all-modules,
.tv-all-modules-explorer{
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: var(--tv-space-4);
  container-name: tv-all-modules;
  container-type: inline-size;
}

.modal.tv-all-modules,
.modal.tv-all-modules-explorer,
.modal:has(.tv-all-modules-grid),
.modal:has(.tv-all-modules__grid){
  width: min(1120px, calc(100vw - var(--tv-space-6)));
  height: min(780px, calc(100dvh - var(--tv-space-6)));
  max-height: calc(100dvh - var(--tv-space-6));
}

.tv-all-modules-toolbar,
.tv-all-modules__toolbar{
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: end;
  gap: var(--tv-space-3);
}

.tv-all-modules-grid,
.tv-all-modules__grid{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--tv-space-3);
}

.tv-all-modules-section,
.tv-all-modules__section,
.tv-nav-essentials,
.tv-nav-pinned,
.tv-nav-recents{
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--tv-space-2);
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tv-all-modules-section > :is(h2, h3),
.tv-all-modules__section > :is(h2, h3),
.tv-nav-essentials > :is(h2, h3),
.tv-nav-pinned > :is(h2, h3),
.tv-nav-recents > :is(h2, h3){
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tv-all-modules-route,
.tv-all-modules__route,
.tv-nav-essentials > :is(button, a),
.tv-nav-pinned > :is(button, a),
.tv-nav-recents > :is(button, a){
  width: 100%;
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--tv-space-2);
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid transparent;
  border-radius: var(--tv-radius-sm);
  background: transparent;
  color: var(--tv-text);
  text-align: left;
  text-decoration: none;
}

.tv-all-modules-route:hover,
.tv-all-modules__route:hover,
.tv-nav-essentials > :is(button, a):hover,
.tv-nav-pinned > :is(button, a):hover,
.tv-nav-recents > :is(button, a):hover{
  border-color: var(--tv-border);
  background: var(--tv-surface-muted);
}

.tv-all-modules-route:focus-visible,
.tv-all-modules__route:focus-visible,
.tv-nav-essentials > :is(button, a):focus-visible,
.tv-nav-pinned > :is(button, a):focus-visible,
.tv-nav-recents > :is(button, a):focus-visible{
  outline: 2px solid var(--tv-info);
  outline-offset: 1px;
}

@container tv-route-frame (max-width: 680px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .workspace-hero{
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .workspace-hero-actions{
    width: 100%;
    justify-content: flex-start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-attention-list--compact .tv-attention-list-rows{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-accounting-trust-band{
    grid-template-columns: repeat(4, minmax(210px, 1fr));
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-accounting-command-shell{
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame .tv-accounting-trust-cell{
    min-height: 96px;
    padding: 10px 12px;
    scroll-snap-align: start;
  }

  .tv-route-summary{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }

  .tv-summary-strip{
    display: flex;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
  }

  .tv-summary-strip-item,
.tv-summary-strip__item{
    flex: 0 0 50cqw;
    scroll-snap-align: start;
  }

  .tv-attention-row{
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-attention-row .tv-attention-measure,
.tv-attention-row .tv-attention-action,
.tv-attention-row .tv-attention-value{
    justify-self: start;
    text-align: left;
  }
}

@container tv-all-modules (max-width: 620px) {
  .tv-all-modules-toolbar,
.tv-all-modules__toolbar,
.tv-all-modules-grid,
.tv-all-modules__grid{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  .tv-attention-overflow{
    display: block;
    border-block-start: 1px solid var(--tv-border);
  }

  .tv-attention-overflow > summary{
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--tv-space-2) var(--tv-space-4);
    color: var(--tv-brand);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    list-style: none;
  }

  .tv-attention-overflow > summary::-webkit-details-marker{
    display: none;
  }

  .tv-attention-overflow > summary:focus-visible{
    outline: 2px solid var(--tv-info);
    outline-offset: -2px;
  }

  .tv-attention-overflow:not([open]) > .tv-attention-overflow-rows{
    display: none;
  }

  .tv-attention-overflow[open] > .tv-attention-overflow-rows{
    display: grid;
  }

  .drawer.tv-evidence-inspector,
.drawer:has(.tv-evidence-inspector-body){
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    border-inline-start: 0;
  }

  .tv-inspector-section{
    padding: var(--tv-space-4);
  }

  .tv-inspector-nav{
    padding-inline: var(--tv-space-2);
  }

  .tv-inspector-nav-link{
    min-height: 44px;
  }

  .tv-inspector-section .health-line,
.tv-inspector-section .info-line{
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-inspector-section .health-line > :last-child,
.tv-inspector-section .info-line > :last-child{
    text-align: left;
  }

  .modal.tv-all-modules,
.modal.tv-all-modules-explorer,
.modal:has(.tv-all-modules-grid),
.modal:has(.tv-all-modules__grid){
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }
}

@media (max-width: 900px) {
  .workspace .route-stack.tv-route-frame .workspace-hero{
    grid-template-columns: 1fr;
  }

  .workspace .route-stack.tv-route-frame .workspace-hero-actions{
    justify-content: flex-start;
  }

  .pending-approval-register.is-empty .pending-approval-filters{
    grid-template-columns: 1fr;
  }

  .tv-empty-actions{
    flex-direction: column;
    align-items: stretch;
  }

  .workspace .route-stack.tv-route-frame.tax-dashboard .tax-dashboard-filters{
    grid-template-columns: minmax(0, 1fr);
  }

}

@media (max-width: 520px) {
  .workspace .route-stack.tv-route-frame .workspace-stats{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
  }

  .workspace .route-stack.tv-route-frame .workspace-stat{
    min-width: 0;
    min-height: 76px;
    padding: 10px 11px;
    align-content: start;
    gap: 5px;
  }

  .workspace .route-stack.tv-route-frame .workspace-stat strong{
    font-size: clamp(16px, 4.25vw, 18px);
    line-height: 1.08;
    letter-spacing: -.02em;
    overflow-wrap: anywhere;
  }

  .workspace .route-stack.tv-route-frame .workspace-stat span,
.workspace .route-stack.tv-route-frame .workspace-stat small{
    font-size: 10px;
    line-height: 1.25;
  }
}

@media (max-width: 520px) {
  .workspace .route-stack.tv-route-frame.work-queue .workspace-hero p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .app-shell .workspace .work-queue-toolbar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tv-space-2);
    padding: var(--tv-space-3);
  }

  .app-shell .workspace .work-queue-toolbar > .field:first-child,
  .app-shell .workspace .work-queue-toolbar > .work-queue-clear{
    grid-column: 1 / -1;
  }

  .app-shell .workspace .work-queue-toolbar .btn{
    width: 100%;
  }

  .app-shell .workspace .work-queue-register{
    overflow: visible;
    padding: 10px;
    background: var(--tv-surface-muted);
  }

  .app-shell .workspace .work-queue-register-head{
    padding: 10px 12px;
  }

  .app-shell .workspace .work-queue-register-head p{
    display: none;
  }

  .app-shell .workspace .work-queue-register .data-table{
    display: block;
    min-width: 0;
    border: 0;
  }

  .app-shell .workspace .work-queue-register .data-table thead{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .app-shell .workspace .work-queue-register .data-table tbody{
    display: grid;
    gap: 10px;
  }

  .app-shell .workspace .work-queue-register .data-table tbody tr{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    padding: 12px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
    box-shadow: var(--tv-shadow-panel);
  }

  .app-shell .workspace .work-queue-register .data-table tbody td{
    display: grid;
    width: auto;
    min-width: 0;
    gap: 4px;
    padding: 8px 0;
    border: 0;
    text-align: left;
  }

  .app-shell .workspace .work-queue-register .data-table tbody td::before{
    color: var(--tv-text-subtle);
    content: attr(data-label);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .app-shell .workspace .work-queue-register .data-table tbody [data-column-key="title"],
.app-shell .workspace .work-queue-register .data-table tbody td[data-label="Actions"]{
    grid-column: 1 / -1;
  }

  .app-shell .workspace .work-queue-register .data-table tbody [data-column-key="title"]{
    padding-top: 0;
    border-bottom: 1px solid var(--tv-border);
  }

  .app-shell .workspace .work-queue-register .data-table tbody td[data-label="Actions"] .btn{
    width: 100%;
  }

  .operational-exception-toolbar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operational-exception-toolbar .btn{
    width: 100%;
  }

  .control-tower-register{
    overflow: visible;
    padding: var(--tv-space-2);
    background: var(--tv-surface-muted);
  }

  .control-tower-register .notification-register-head{
    padding: var(--tv-space-2) var(--tv-space-3);
  }

  .control-tower-register .notification-register-head p{
    display: none;
  }

  .control-tower-register > .data-table{
    display: block;
    min-width: 0;
    border: 0;
  }

  .control-tower-register > .data-table thead{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .control-tower-register > .data-table tbody{
    display: grid;
    gap: var(--tv-space-2);
  }

  .control-tower-register > .data-table tbody tr{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--tv-space-3);
    padding: var(--tv-space-3);
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  .control-tower-register > .data-table tbody td{
    display: grid;
    width: auto;
    min-width: 0;
    gap: var(--tv-space-1);
    padding: var(--tv-space-2) 0;
    border: 0;
    text-align: left;
  }

  .control-tower-register > .data-table tbody td::before{
    color: var(--tv-text-subtle);
    content: attr(data-label);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .control-tower-register > .data-table tbody [data-column-key="title"],
.control-tower-register > .data-table tbody td[data-label="Actions"]{
    grid-column: 1 / -1;
  }

  .control-tower-register > .data-table tbody [data-column-key="title"]{
    padding-top: 0;
    border-bottom: 1px solid var(--tv-border);
  }

  .control-tower-register > .data-table tbody td[data-label="Actions"] .btn{
    width: 100%;
  }
}

.app-shell .workspace .invoice-register-route{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 10px;
  overflow-x: clip;
}

.app-shell .workspace .invoice-register-route > .workspace-hero{
  min-height: 62px;
  align-items: center;
  padding: 2px 2px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell .workspace .invoice-register-route > .workspace-hero .workspace-hero-copy{
  max-width: 900px;
}

.app-shell .workspace .invoice-register-route > .workspace-hero h2{
  margin: 0 0 6px;
  color: var(--tv-text);
  font-size: clamp(25px, 2.4vw, 32px);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.app-shell .workspace .invoice-register-route > .workspace-hero p{
  max-width: 76ch;
  color: var(--tv-text-muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.app-shell .workspace .invoice-register-route > .workspace-hero .tv-route-context{
  display: none;
}

.app-shell .workspace .invoice-register-route > .workspace-hero .workspace-hero-actions{
  align-items: center;
  gap: 8px;
}

.app-shell .workspace .invoice-register-route > .workspace-hero .btn{
  min-height: 42px;
  padding-inline: 16px;
  box-shadow: none;
}

.app-shell .workspace .invoice-register-route > .workspace-body,
.app-shell .workspace .invoice-register-route > .workspace-body > .workspace-main{
  width: 100%;
  min-width: 0;
}

.app-shell .workspace .invoice-register-route > .workspace-body > .workspace-main{
  display: grid;
  gap: 10px;
}

.app-shell .workspace .invoice-register-route .invoice-attention-host .tv-attention-list-head{
  min-height: 40px;
  padding: 7px 12px;
}

.app-shell .workspace .invoice-register-route .invoice-attention-host .tv-attention-list-head > :is(h2, h3){
  font-size: 13px;
}

.app-shell .workspace .invoice-register-route .invoice-attention-host .tv-attention-list--compact .tv-attention-row{
  min-height: 58px;
  padding: 8px 10px;
}

.app-shell .workspace .invoice-register-route .invoice-attention-host .tv-attention-copy > span{
  -webkit-line-clamp: 1;
  font-size: 11px;
  line-height: 1.25;
}

.app-shell .workspace .invoice-register-route .invoice-exposure-stack{
  display: grid;
  gap: 10px;
  min-width: 0;
}

.app-shell .workspace .invoice-register-route .invoice-exposure-head{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 0 2px;
}

.app-shell .workspace .invoice-register-route .invoice-exposure-head .eyebrow{
  color: var(--tv-text-subtle);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.app-shell .workspace .invoice-register-route .invoice-exposure-head p{
  margin: 4px 0 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.4;
}

.app-shell .workspace .invoice-register-route .invoice-currency-scope{
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.app-shell .workspace .invoice-register-route .invoice-currency-scope select{
  min-width: 126px;
  min-height: 36px;
  padding: 0 30px 0 10px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 800;
  text-transform: none;
}

.app-shell .workspace .invoice-register-route .invoice-money-bar{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.app-shell .workspace .invoice-register-route .invoice-money-more,
.app-shell .workspace .invoice-register-route .invoice-money-secondary{
  display: contents;
}

.app-shell .workspace .invoice-register-route .invoice-money-more > summary{
  display: none;
}

.app-shell .workspace .invoice-register-route .invoice-money-more-open{
  display: none;
}

.app-shell .workspace .invoice-register-route .money-card{
  position: relative;
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  min-height: 88px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  color: var(--tv-text);
  box-shadow: none;
  text-align: left;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.app-shell .workspace .invoice-register-route .money-card::before{
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--tv-info);
  content: "";
}

.app-shell .workspace .invoice-register-route .money-card.tone-red::before{ background: var(--tv-danger); }
.app-shell .workspace .invoice-register-route .money-card.tone-orange::before{ background: var(--tv-warning); }
.app-shell .workspace .invoice-register-route .money-card.tone-green::before{ background: var(--tv-success); }

.app-shell .workspace .invoice-register-route .money-card:hover,
.app-shell .workspace .invoice-register-route .money-card:focus-visible{
  border-color: var(--tv-border-strong);
  background: var(--tv-surface-muted);
  box-shadow: 0 6px 16px rgba(18, 45, 38, .08);
  outline: none;
  transform: translateY(-1px);
}

.app-shell .workspace .invoice-register-route .money-card.active,
.app-shell .workspace .invoice-register-route .money-card[aria-pressed="true"]{
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  box-shadow: 0 0 0 2px rgba(7, 59, 55, .09);
}

.app-shell .workspace .invoice-register-route .money-card .money-label{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.app-shell .workspace .invoice-register-route .money-card strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: clamp(18px, 1.45vw, 23px);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  line-height: 1.08;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.app-shell .workspace .invoice-register-route .money-card small{
  color: var(--tv-text-subtle);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.35;
}

.app-shell .workspace .invoice-register-route .invoice-attention-host:empty{
  display: none;
}

.app-shell .workspace .invoice-register-route .invoice-money-host:empty{
  display: none;
}

.app-shell .workspace .invoice-register-route .invoice-cockpit-table{
  display: grid;
  gap: 0;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.app-shell .workspace .invoice-register-route .invoice-register-loading{
  display: grid;
  width: 100%;
  min-width: 0;
  background: var(--tv-surface);
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--tv-space-3);
  min-height: 54px;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-head strong{
  color: var(--tv-text);
  font-size: 14px;
  font-weight: 850;
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-head span{
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 650;
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-table{
  display: grid;
  min-width: 0;
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-row{
  display: grid;
  grid-template-columns: 1.05fr 1.35fr 2.2fr .85fr 1fr 1fr;
  align-items: center;
  gap: var(--tv-space-4);
  min-height: 64px;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-row--head{
  min-height: 42px;
  background: var(--tv-brand);
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-row:last-child{
  border-bottom: 0;
}

.app-shell .workspace .invoice-register-route .invoice-loading-cell{
  display: block;
  height: 10px;
  max-width: 100%;
  border-radius: 999px;
  background: var(--tv-surface-strong);
  animation: tv-invoice-loading 1.2s ease-in-out infinite alternate;
}

.app-shell .workspace .invoice-register-route .invoice-register-loading-row--head .invoice-loading-cell{
  background: rgba(255, 255, 255, .42);
}

.app-shell .workspace .invoice-register-route .invoice-loading-cell--short{ width: 42%; }
.app-shell .workspace .invoice-register-route .invoice-loading-cell--medium{ width: 68%; }
.app-shell .workspace .invoice-register-route .invoice-loading-cell--wide{ width: 90%; }

@keyframes tv-invoice-loading {
  from { opacity: .5; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell .workspace .invoice-register-route .invoice-loading-cell{ animation: none; }
}

.app-shell .workspace .invoice-register-route .invoice-views{
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  padding: 8px 12px 0;
  overflow-x: auto;
  border: 0;
  border-bottom: 1px solid var(--tv-border);
  border-radius: 0;
  background: var(--tv-surface);
  box-shadow: none;
  scrollbar-width: thin;
}

.app-shell .workspace .invoice-register-route .saved-view{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--tv-radius-sm);
  background: transparent;
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.app-shell .workspace .invoice-register-route .saved-view span{
  min-width: 22px;
  margin: 0;
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--tv-surface-strong);
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.3;
}

.app-shell .workspace .invoice-register-route .saved-view:hover,
.app-shell .workspace .invoice-register-route .saved-view:focus-visible{
  background: var(--tv-surface-muted);
  color: var(--tv-brand);
  outline: none;
}

.app-shell .workspace .invoice-register-route .saved-view.active,
.app-shell .workspace .invoice-register-route .saved-view[aria-pressed="true"]{
  background: var(--tv-brand);
  color: var(--tv-surface);
}

.app-shell .workspace .invoice-register-route .saved-view.active span,
.app-shell .workspace .invoice-register-route .saved-view[aria-pressed="true"] span{
  background: rgba(255, 255, 255, .16);
  color: var(--tv-surface);
}

.app-shell .workspace .invoice-register-route .invoice-filter-shell{
  display: grid;
  gap: 0;
  min-width: 0;
  padding: 10px 12px 12px;
  border: 0;
  border-bottom: 1px solid var(--tv-border);
  border-radius: 0;
  background: var(--tv-surface);
  box-shadow: none;
}

.app-shell .workspace .invoice-register-route .invoice-filters,
.app-shell .workspace .invoice-register-route .invoice-filter-shell > .filters,
.app-shell .workspace .invoice-register-route .invoice-advanced-filters .filters{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell .workspace .invoice-register-route .invoice-filters-primary{
  display: grid;
  grid-template-columns: minmax(280px, 1.6fr) minmax(140px, .55fr) minmax(170px, .7fr) minmax(150px, .55fr) auto;
  gap: 9px;
  align-items: end;
}

.app-shell .workspace .invoice-register-route .invoice-filters-advanced{
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 9px;
  padding-top: 12px;
}

.app-shell .workspace .invoice-register-route .invoice-filter-shell .field,
.app-shell .workspace .invoice-register-route .invoice-search{
  min-width: 0;
  margin: 0;
  gap: 5px;
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.app-shell .workspace .invoice-register-route .invoice-filter-shell input,
.app-shell .workspace .invoice-register-route .invoice-filter-shell select,
.app-shell .workspace .invoice-register-route .invoice-filter-shell .btn{
  width: 100%;
  min-height: 40px;
  border-color: var(--tv-border);
  border-radius: 7px;
  box-shadow: none;
  font-size: 12px;
}

.app-shell .workspace .invoice-register-route .invoice-search input{
  text-transform: none;
}

.app-shell .workspace .invoice-register-route .invoice-advanced-filters{
  margin-top: 10px;
  border: 0;
  border-top: 1px solid var(--tv-border);
  background: transparent;
}

.app-shell .workspace .invoice-register-route .invoice-advanced-filters > summary{
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  min-height: 34px;
  padding: 8px 0 0;
  color: var(--tv-brand);
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.app-shell .workspace .invoice-register-route .invoice-advanced-filters > summary small{
  color: var(--tv-text-subtle);
  font-weight: 600;
}

.app-shell .workspace .invoice-register-route .invoice-register-count{
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .02em;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll{
  min-width: 0;
  overflow-x: auto;
  background: var(--tv-surface);
  scrollbar-width: thin;
  scrollbar-color: var(--tv-border-strong) transparent;
  overscroll-behavior-x: contain;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table{
  width: 100%;
  min-width: 1040px;
  table-layout: fixed;
  border: 0;
  background: var(--tv-surface);
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table th{
  position: sticky;
  top: 0;
  z-index: 2;
  height: 42px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid var(--tv-brand);
  background: var(--tv-brand);
  color: var(--tv-surface);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .075em;
  text-transform: uppercase;
  box-shadow: 0 1px 0 var(--tv-brand);
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table th .th-button{
  width: 100%;
  min-height: 40px;
  justify-content: flex-start;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tv-surface);
  font: inherit;
  text-transform: inherit;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table th[data-column-key="amount"] .th-button,
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table th[data-column-key="balance"] .th-button{
  justify-content: flex-end;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table th .sort-mark{
  color: rgba(255, 255, 255, .66);
  font-size: 10px;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table th[aria-sort="ascending"] .sort-mark,
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table th[aria-sort="descending"] .sort-mark{
  color: var(--tv-warning);
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td{
  min-width: 0;
  height: 58px;
  padding: 8px 12px;
  overflow: hidden;
  border-bottom: 1px solid var(--tv-brand-soft);
  color: var(--tv-text);
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table tbody tr:last-child td{
  border-bottom: 0;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table tbody tr.is-clickable{
  cursor: pointer;
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table tbody tr.is-clickable:hover td{
  background: var(--tv-surface-strong);
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table tbody tr:has(input[type="checkbox"]:checked) td{
  background: var(--tv-brand-soft);
}

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="id"]{ width: 13%; }
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="customer"]{ width: 16%; }
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="subject"]{ width: 19%; }
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="invoiceDate"]{ width: 9%; }
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="aging"]{ width: 10%; }
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="amount"]{ width: 10%; text-align: right; }
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="balance"]{ width: 10%; text-align: right; }
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table [data-column-key="statusSort"]{ width: 13%; }

.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="amount"],
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="balance"]{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.app-shell .workspace .invoice-register-route .invoice-id-select{
  display: block;
  min-width: 0;
}

.app-shell .workspace .invoice-register-route .invoice-cell-stack,
.app-shell .workspace .invoice-register-route .customer-cell,
.app-shell .workspace .invoice-register-route .invoice-subject-cell,
.app-shell .workspace .invoice-register-route .invoice-date-cell,
.app-shell .workspace .invoice-register-route .age-cell{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.app-shell .workspace .invoice-register-route .invoice-open-button{
  min-height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tv-brand);
  font-size: 12px;
  font-weight: 900;
  text-align: left;
  text-decoration: none;
}

.app-shell .workspace .invoice-register-route .invoice-open-button:hover,
.app-shell .workspace .invoice-register-route .invoice-open-button:focus-visible{
  color: var(--tv-brand-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: none;
}

.app-shell .workspace .invoice-register-route .invoice-date-cell span,
.app-shell .workspace .invoice-register-route .age-cell span,
.app-shell .workspace .invoice-register-route .table-subtext{
  color: var(--tv-text-subtle);
  font-size: 10px;
  font-weight: 600;
}

.app-shell .workspace .invoice-register-route .customer-cell strong,
.app-shell .workspace .invoice-register-route .invoice-date-cell strong,
.app-shell .workspace .invoice-register-route .age-cell strong{
  overflow: hidden;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-shell .workspace .invoice-register-route .invoice-date-cell strong,
.app-shell .workspace .invoice-register-route .age-cell strong{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.app-shell .workspace .invoice-register-route .invoice-subject-cell strong,
.app-shell .workspace .invoice-register-route .invoice-subject-cell .table-subtext{
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: anywhere;
}

.app-shell .workspace .invoice-register-route .invoice-money-value{
  display: block;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.app-shell .workspace .invoice-register-route .invoice-money-value.is-due{ color: var(--tv-danger); }
.app-shell .workspace .invoice-register-route .invoice-money-value.is-clear{ color: var(--tv-success); }

.app-shell .workspace .invoice-register-route .invoice-status-review{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.app-shell .workspace .invoice-register-route .invoice-row-statuses{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.app-shell .workspace .invoice-register-route .invoice-row-statuses .badge{
  min-height: 21px;
  padding: 2px 7px;
  font-size: 9px;
  line-height: 1.2;
}

.app-shell .workspace .invoice-register-route .invoice-review-button{
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid var(--tv-border);
  border-radius: 6px;
  background: var(--tv-surface);
  color: var(--tv-brand);
  font-size: 10px;
  font-weight: 850;
}

.app-shell .workspace .invoice-register-route .invoice-review-button:hover,
.app-shell .workspace .invoice-register-route .invoice-review-button:focus-visible{
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  outline: none;
}

.app-shell .workspace .invoice-register-route .invoice-pagination{
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 14px;
  border-top: 1px solid var(--tv-border);
  background: var(--tv-surface);
  color: var(--tv-text-muted);
  font-size: 10px;
}

.app-shell .workspace .invoice-register-route .invoice-pagination-controls{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.app-shell .workspace .invoice-register-route .invoice-page{
  min-width: 34px;
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid var(--tv-border);
  border-radius: 6px;
  background: var(--tv-surface);
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 800;
}

.app-shell .workspace .invoice-register-route .invoice-page:hover,
.app-shell .workspace .invoice-register-route .invoice-page:focus-visible,
.app-shell .workspace .invoice-register-route .invoice-page.is-active{
  border-color: var(--tv-brand);
  background: var(--tv-brand);
  color: var(--tv-surface);
  outline: none;
}

.app-shell .workspace .invoice-register-route .invoice-page:disabled{
  border-color: var(--tv-border);
  background: var(--tv-surface-muted);
  color: var(--tv-text-subtle);
}

.app-shell .workspace .invoice-register-route .invoice-load-more{
  min-height: 34px;
  margin-left: 4px;
  font-size: 10px;
}

.app-shell .workspace .invoice-register-route .invoice-pagination-scope{
  justify-self: end;
  text-align: right;
}

.app-shell .workspace .invoice-register-route .invoice-page-gap{
  padding: 0 2px;
}

.app-shell .workspace .invoice-register-route .invoice-empty-state{
  display: grid;
  justify-items: start;
  gap: 8px;
  min-height: 170px;
  padding: 28px;
  border: 0;
  border-bottom: 1px solid var(--tv-border);
  border-radius: 0;
  background: var(--tv-surface-muted);
  box-shadow: none;
}

.app-shell .workspace .invoice-register-route .invoice-empty-state p{
  max-width: 62ch;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
}

.drawer-invoice-detail--cockpit{
  width: min(1120px, calc(100vw - 22px));
  height: calc(100dvh - 20px);
  margin: 10px 10px 10px 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: 12px;
  background: var(--tv-surface);
  box-shadow: -24px 0 64px rgba(7, 35, 32, .24);
}

.drawer-invoice-detail--cockpit .drawer-header{
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  min-height: 82px;
  padding: 14px 16px 14px 20px;
  border-bottom: 1px solid var(--tv-border);
  background: rgba(255, 255, 255, .98);
  backdrop-filter: blur(14px);
}

.drawer-invoice-detail--cockpit .drawer-title h2{
  margin: 0;
  color: var(--tv-text);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.025em;
}

.drawer-invoice-detail--cockpit .drawer-title p{
  margin: 4px 0 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
}

.drawer-invoice-detail--cockpit .drawer-header-actions{
  display: flex;
  flex-wrap: nowrap;
  gap: 7px;
  margin: 0;
}

.drawer-invoice-detail--cockpit .drawer-header-actions .btn,
.drawer-invoice-detail--cockpit .drawer-header > .icon-btn,
.drawer-invoice-detail--cockpit .invoice-drawer-more > summary{
  min-height: 38px;
  padding-inline: 11px;
  border-radius: 7px;
  box-shadow: none;
  font-size: 11px;
  white-space: nowrap;
}

.drawer-invoice-detail--cockpit .drawer-header > .icon-btn{
  width: 38px;
  padding: 0;
}

.drawer-invoice-detail--cockpit .drawer-body{
  padding: 14px 16px 18px;
  overflow-x: hidden;
  background: var(--tv-bg);
  scrollbar-gutter: stable;
}

.drawer-invoice-detail--cockpit .drawer-footer{
  display: none;
}

.drawer-invoice-detail--cockpit .tv-invoice-drawer{
  display: grid;
  gap: 11px;
  min-width: 0;
}

.drawer-invoice-detail--cockpit .invoice-evidence-state{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 48px;
  padding: 9px 12px;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
  background: var(--tv-brand-soft);
}

.drawer-invoice-detail--cockpit .invoice-evidence-state.is-limited{
  border-color: var(--tv-warning);
  background: var(--tv-warning-soft);
}

.drawer-invoice-detail--cockpit .invoice-evidence-state p{
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.4;
}

.drawer-invoice-detail--cockpit .invoice-tax-scope-warning{
  display: grid;
  gap: 4px;
  margin-bottom: 10px;
  padding: 10px 11px;
  border: 1px solid var(--tv-warning);
  border-radius: 7px;
  background: var(--tv-warning-soft);
  color: var(--tv-warning);
}

.drawer-invoice-detail--cockpit .invoice-tax-scope-warning strong{
  font-size: 11px;
  font-weight: 900;
}

.drawer-invoice-detail--cockpit .invoice-tax-scope-warning p{
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.drawer-invoice-detail--cockpit .tv-invoice-drawer-summary{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: 9px;
  background: var(--tv-surface);
}

.drawer-invoice-detail--cockpit .tv-invoice-summary-card{
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 82px;
  padding: 13px 15px;
  border: 0;
  border-right: 1px solid var(--tv-border);
  border-radius: 0;
  background: transparent;
}

.drawer-invoice-detail--cockpit .tv-invoice-summary-card:last-child{ border-right: 0; }
.drawer-invoice-detail--cockpit .tv-invoice-summary-card.is-due{ background: var(--tv-warning-soft); }
.drawer-invoice-detail--cockpit .tv-invoice-summary-card.is-clear{ background: var(--tv-brand-soft); }

.drawer-invoice-detail--cockpit .tv-invoice-summary-card span,
.drawer-invoice-detail--cockpit .tv-invoice-balance-card > span{
  color: var(--tv-text-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.drawer-invoice-detail--cockpit .tv-invoice-summary-card strong{
  color: var(--tv-text);
  font-size: clamp(15px, 1.5vw, 20px);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.drawer-invoice-detail--cockpit .tv-invoice-summary-card.is-due strong{ color: var(--tv-danger); }
.drawer-invoice-detail--cockpit .tv-invoice-summary-card.is-clear strong{ color: var(--tv-success); }

.drawer-invoice-detail--cockpit .tv-invoice-drawer-strip{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
  background: var(--tv-surface-muted);
  box-shadow: none;
}

.drawer-invoice-detail--cockpit .tv-invoice-drawer-strip .health-line{
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 56px;
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-right: 1px solid var(--tv-border);
  border-radius: 0;
  background: transparent;
}

.drawer-invoice-detail--cockpit .tv-invoice-drawer-strip .health-line:last-child{ border-right: 0; }

.drawer-invoice-detail--cockpit .tv-invoice-drawer-strip .health-line span{
  color: var(--tv-text-subtle);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.drawer-invoice-detail--cockpit .tv-invoice-drawer-strip .health-line strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-align: left;
}

.drawer-invoice-detail--cockpit .tv-invoice-drawer-main{
  display: grid;
  gap: 11px;
  min-width: 0;
}

.drawer-invoice-detail--cockpit .editor-card,
.drawer-invoice-detail--cockpit .tv-invoice-balance-card{
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--tv-border);
  border-radius: 9px;
  background: var(--tv-surface);
  box-shadow: none;
}

.drawer-invoice-detail--cockpit .editor-card h2{
  margin: 0 0 12px;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--tv-border);
  color: var(--tv-text);
  font-size: 14px;
  font-weight: 900;
}

.drawer-invoice-detail--cockpit .tv-invoice-detail-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.drawer-invoice-detail--cockpit .tv-invoice-detail-grid .health-line{
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 9px 10px;
  border: 1px solid var(--tv-brand-soft);
  border-radius: 7px;
  background: var(--tv-surface-muted);
}

.drawer-invoice-detail--cockpit .tv-invoice-detail-grid .health-line span{
  color: var(--tv-text-subtle);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.drawer-invoice-detail--cockpit .tv-invoice-detail-grid .health-line strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-align: left;
}

.drawer-invoice-detail--cockpit .tv-invoice-drawer-status{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

.drawer-invoice-detail--cockpit .tv-invoice-balance-card{
  display: grid;
  gap: 8px;
  padding: 16px;
}

.drawer-invoice-detail--cockpit .tv-invoice-balance-card.has-due{
  border-color: var(--tv-warning);
  background: var(--tv-warning-soft);
}

.drawer-invoice-detail--cockpit .tv-invoice-balance-card.is-paid{
  border-color: var(--tv-border);
  background: var(--tv-surface-muted);
}

.drawer-invoice-detail--cockpit .tv-invoice-balance-card > strong{
  color: var(--tv-danger);
  font-size: 26px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.drawer-invoice-detail--cockpit .tv-invoice-balance-card.is-paid > strong{ color: var(--tv-success); }

.drawer-invoice-detail--cockpit .drawer-progress-bar{
  position: relative;
  height: 6px;
  margin: 3px 0;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(21, 34, 31, .09);
}

.drawer-invoice-detail--cockpit .drawer-progress-fill{
  height: 100%;
  border-radius: inherit;
  background: var(--tv-warning);
}

.drawer-invoice-detail--cockpit .drawer-progress-fill.green{ background: var(--tv-success); }

.drawer-invoice-detail--cockpit .payment-entry-list{
  display: grid;
  gap: 7px;
}

.drawer-invoice-detail--cockpit .payment-entry-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--tv-brand-soft);
  border-radius: 7px;
  background: var(--tv-surface-muted);
}

.drawer-invoice-detail--cockpit .payment-entry-row > div{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.drawer-invoice-detail--cockpit .payment-entry-row span{
  color: var(--tv-text-muted);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.drawer-invoice-detail--cockpit .payment-entry-row > strong{
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.drawer-invoice-detail--cockpit .payment-entry-row .btn{
  min-height: 34px;
  padding-inline: 9px;
  font-size: 10px;
}

.drawer-invoice-detail--cockpit .table-scroll{
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
}

.drawer-invoice-detail--cockpit .invoice-lines-detail--invoice{
  width: 100%;
  min-width: 820px;
  border: 0;
  font-size: 10px;
}

.drawer-invoice-detail--cockpit .invoice-lines-detail--invoice th{
  padding: 9px 10px;
  background: var(--tv-brand);
  color: var(--tv-surface);
  font-size: 9px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.drawer-invoice-detail--cockpit .invoice-lines-detail--invoice td{
  padding: 9px 10px;
  border-bottom: 1px solid var(--tv-brand-soft);
  color: var(--tv-text);
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.drawer-invoice-detail--cockpit .invoice-line-evidence-empty,
.drawer-invoice-detail--cockpit .invoice-drawer-loading,
.drawer-invoice-detail--cockpit .invoice-drawer-error{
  display: grid;
  gap: 8px;
  min-height: 132px;
  align-content: center;
  justify-items: start;
  padding: 20px;
  border: 1px dashed var(--tv-border-strong);
  border-radius: 8px;
  background: var(--tv-surface-muted);
}

.drawer-invoice-detail--cockpit .invoice-line-evidence-empty p,
.drawer-invoice-detail--cockpit .invoice-drawer-loading p,
.drawer-invoice-detail--cockpit .invoice-drawer-error p{
  max-width: 62ch;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.45;
}

.drawer-invoice-detail--cockpit .invoice-drawer-loading-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.drawer-invoice-detail--cockpit .invoice-action-reason{
  margin: 10px 0 0;
  padding: 9px 10px;
  border: 1px solid var(--tv-warning);
  border-radius: 7px;
  background: var(--tv-warning-soft);
  color: var(--tv-warning);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}

.drawer-invoice-detail--cockpit .invoice-action-readiness{
  display: grid;
  gap: 7px;
}

.drawer-invoice-detail--cockpit .invoice-command-center{
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.drawer-invoice-detail--cockpit .invoice-command-heading{
  display: grid;
  grid-template-columns: minmax(180px, .6fr) minmax(280px, 1.4fr);
  align-items: end;
  gap: 16px;
}

.drawer-invoice-detail--cockpit .invoice-command-heading h2,
.drawer-invoice-detail--cockpit .invoice-command-heading p{
  margin: 0;
}

.drawer-invoice-detail--cockpit .invoice-command-heading h2{
  color: var(--tv-brand);
  font-size: 16px;
  line-height: 1.2;
}

.drawer-invoice-detail--cockpit .invoice-command-heading p{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.45;
}

.drawer-invoice-detail--cockpit .invoice-command-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.drawer-invoice-detail--cockpit .invoice-action-item{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px;
  border: 1px solid var(--tv-border);
  border-radius: 7px;
  background: var(--tv-surface-muted);
}

.drawer-invoice-detail--cockpit .invoice-action-copy{
  display: grid;
  min-width: 0;
  gap: 2px;
}

.drawer-invoice-detail--cockpit .invoice-action-item > .btn{
  min-width: 104px;
  justify-content: center;
}

.drawer-invoice-detail--cockpit .invoice-action-item.is-ready{
  border-color: color-mix(in srgb, var(--tv-success) 32%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-success) 6%, var(--tv-surface));
}

.drawer-invoice-detail--cockpit .invoice-action-item p{
  min-width: 0;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 9px;
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.drawer-invoice-detail--cockpit .invoice-action-label{
  color: var(--tv-brand);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
}

.drawer-invoice-detail--cockpit .invoice-action-label.is-danger{ color: var(--tv-danger); }

.drawer-invoice-detail--cockpit .invoice-drawer-menu button[aria-disabled="true"]{
  cursor: not-allowed;
  opacity: .56;
}

.drawer-invoice-detail--cockpit .invoice-drawer-menu button:disabled:hover,
.drawer-invoice-detail--cockpit .invoice-drawer-menu button[aria-disabled="true"]:hover,
.drawer-invoice-detail--cockpit .invoice-drawer-menu button[aria-disabled="true"]:focus-visible{
  background: transparent;
}

.drawer-invoice-detail--cockpit .invoice-drawer-more{
  position: relative;
}

.drawer-invoice-detail--cockpit .invoice-drawer-more > summary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  cursor: pointer;
}

.drawer-invoice-detail--cockpit .invoice-drawer-more > summary::-webkit-details-marker{ display: none; }

.drawer-invoice-detail--cockpit .invoice-drawer-menu{
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 20;
  display: grid;
  min-width: 260px;
  padding: 6px;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
  background: var(--tv-surface);
  box-shadow: 0 16px 36px rgba(7, 35, 32, .18);
}

.drawer-invoice-detail--cockpit .invoice-drawer-menu-heading{
  display: grid;
  gap: 2px;
  padding: 7px 10px 9px;
  border-bottom: 1px solid var(--tv-border);
  color: var(--tv-text);
}

.drawer-invoice-detail--cockpit .invoice-drawer-menu-heading strong{
  font-size: 12px;
}

.drawer-invoice-detail--cockpit .invoice-drawer-menu-heading span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.35;
}

.drawer-invoice-detail--cockpit .invoice-drawer-menu button{
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--tv-text);
  font-size: 11px;
  font-weight: 750;
  text-align: left;
}

.drawer-invoice-detail--cockpit .invoice-drawer-menu button:hover,
.drawer-invoice-detail--cockpit .invoice-drawer-menu button:focus-visible{
  background: var(--tv-surface-strong);
  outline: none;
}

.drawer-invoice-detail--cockpit .invoice-drawer-menu button.is-danger{ color: var(--tv-danger); }

.drawer-invoice-detail--cockpit .invoice-drawer-menu-separator{
  height: 1px;
  margin: 5px 4px;
  background: var(--tv-border);
}

.drawer-invoice-cancellation .invoice-cancellation-workspace{
  max-width: 900px;
  margin: 0 auto;
}

.drawer-invoice-cancellation .invoice-cancellation-option{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.drawer-invoice-cancellation .invoice-cancellation-option + .invoice-cancellation-option{
  margin-top: 8px;
}

.drawer-invoice-cancellation .invoice-cancellation-option.is-ready{
  border-color: color-mix(in srgb, var(--tv-brand) 28%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-brand-soft) 48%, var(--tv-surface));
}

.drawer-invoice-cancellation .invoice-cancellation-option strong,
.drawer-invoice-cancellation .invoice-cancellation-option p{
  display: block;
  margin: 0;
}

.drawer-invoice-cancellation .invoice-cancellation-option p{
  margin-top: 4px;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .app-shell .workspace .invoice-register-route .invoice-filters-primary{
    grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(135px, .65fr)) auto;
  }

  .app-shell .workspace .invoice-register-route .invoice-filters-advanced{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 900px) {
  .app-shell .workspace .invoice-register-route .invoice-register-loading-row{
    grid-template-columns: 1.05fr 1.35fr 1.8fr .9fr 1fr;
  }

  .app-shell .workspace .invoice-register-route > .workspace-hero{
    align-items: flex-start;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-bar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .workspace .invoice-register-route .invoice-filters-primary{
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(145px, .65fr));
  }

  .app-shell .workspace .invoice-register-route .invoice-filters-primary .invoice-search{
    grid-column: 1 / -1;
  }

  .app-shell .workspace .invoice-register-route .invoice-filters-primary > .btn{
    grid-column: span 1;
  }

  .drawer-invoice-detail--cockpit{
    width: min(100vw - 10px, 980px);
    height: calc(100dvh - 10px);
    margin: 5px;
  }

  .drawer-invoice-detail--cockpit .drawer-header{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .drawer-invoice-detail--cockpit .drawer-header-actions{
    grid-column: 1 / -1;
    grid-row: 2;
    overflow-x: auto;
  }

  .drawer-invoice-detail--cockpit .drawer-header > .icon-btn{
    grid-column: 2;
    grid-row: 1;
  }

  .drawer-invoice-detail--cockpit .invoice-command-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .app-shell .workspace .invoice-register-route .invoice-register-loading-head{
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
  }

  .app-shell .workspace .invoice-register-route .invoice-register-loading-row{
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 10px;
    min-height: 76px;
  }

  .app-shell .workspace .invoice-register-route{
    gap: 10px;
  }

  .app-shell .workspace .invoice-register-route > .workspace-hero{
    display: grid;
    gap: 12px;
    min-height: 0;
    padding: 0 0 4px;
  }

  .app-shell .workspace .invoice-register-route > .workspace-hero h2{
    font-size: 25px;
  }

  .app-shell .workspace .invoice-register-route > .workspace-hero .workspace-hero-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .app-shell .workspace .invoice-register-route > .workspace-hero .workspace-hero-actions .btn{
    width: 100%;
    min-width: 0;
    white-space: nowrap;
  }

  .app-shell .workspace .invoice-register-route .invoice-exposure-head{
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  .app-shell .workspace .invoice-register-route .invoice-currency-scope{
    justify-content: space-between;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-bar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-more{
    display: grid;
    grid-column: 1 / -1;
    gap: 8px;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-more > summary{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-sm);
    background: var(--tv-surface);
    color: var(--tv-brand);
    font-size: 12px;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-more > summary::-webkit-details-marker{
    display: none;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-more > summary:focus-visible{
    outline: 3px solid color-mix(in srgb, var(--tv-accent) 48%, transparent);
    outline-offset: 2px;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-secondary{
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-more[open] .invoice-money-secondary{
    display: grid;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-more[open] .invoice-money-more-closed{
    display: none;
  }

  .app-shell .workspace .invoice-register-route .invoice-money-more[open] .invoice-money-more-open{
    display: inline;
  }

  .app-shell .workspace .invoice-register-route .money-card{
    min-height: 92px;
    padding: 13px 9px 12px 12px;
  }

  .app-shell .workspace .invoice-register-route .money-card strong{
    font-size: clamp(13px, 3.6vw, 15px);
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: normal;
  }

  .app-shell .workspace .invoice-register-route .invoice-views{
    padding: 10px 10px 0;
  }

  .app-shell .workspace .invoice-register-route .invoice-filter-shell{
    padding: 10px;
  }

  .app-shell .workspace .invoice-register-route .invoice-filters-primary,
.app-shell .workspace .invoice-register-route .invoice-filters-advanced{
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .workspace .invoice-register-route .invoice-filters-primary .invoice-search,
.app-shell .workspace .invoice-register-route .invoice-filters-primary > .btn{
    grid-column: auto;
  }

  .app-shell .workspace .invoice-register-route .invoice-advanced-filters > summary small{
    display: none;
  }

  .app-shell .workspace .invoice-register-route .invoice-register-count{
    padding-inline: 10px;
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll{
    overflow: visible;
    padding: 10px;
    background: var(--tv-surface-muted);
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table{
    display: block;
    min-width: 0;
    border: 0;
    background: transparent;
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table thead{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table tbody{
    display: grid;
    gap: 9px;
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table tbody tr{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: 9px;
    background: var(--tv-surface);
    box-shadow: 0 2px 8px rgba(18, 45, 38, .045);
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td{
    display: grid;
    width: auto;
    height: auto;
    min-width: 0;
    gap: 3px;
    padding: 8px 0;
    overflow: visible;
    border: 0;
    color: var(--tv-text);
    text-align: left;
    text-overflow: clip;
    white-space: normal;
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td::before{
    color: var(--tv-text-subtle);
    content: attr(data-label);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="id"],
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="customer"],
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="subject"],
.app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="statusSort"]{
    grid-column: 1 / -1;
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="id"]{
    padding-top: 0;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--tv-border);
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="statusSort"]{
    padding-top: 9px;
    border-top: 1px solid var(--tv-border);
  }

  .app-shell .workspace .invoice-register-route .invoice-table-scroll .data-table tbody tr:hover td{
    background: transparent;
  }

  .app-shell .workspace .invoice-register-route .invoice-open-button,
.app-shell .workspace .invoice-register-route .invoice-review-button,
.app-shell .workspace .invoice-register-route .saved-view,
.app-shell .workspace .invoice-register-route .invoice-page,
.app-shell .workspace .invoice-register-route .invoice-load-more{
    min-height: 44px;
  }

  .app-shell .workspace .invoice-register-route .customer-cell strong,
.app-shell .workspace .invoice-register-route .invoice-date-cell strong,
.app-shell .workspace .invoice-register-route .age-cell strong{
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .app-shell .workspace .invoice-register-route .invoice-pagination{
    grid-template-columns: 1fr;
    justify-items: stretch;
    padding: 10px;
  }

  .app-shell .workspace .invoice-register-route .invoice-pagination-copy,
.app-shell .workspace .invoice-register-route .invoice-pagination-scope{
    justify-self: start;
    text-align: left;
  }

  .app-shell .workspace .invoice-register-route .invoice-pagination-controls{
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .drawer-invoice-detail--cockpit{
    width: 100vw;
    height: 100dvh;
    margin: 0;
    border: 0;
    border-radius: 0;
  }

  .drawer-invoice-detail--cockpit .drawer-header{
    position: sticky;
    top: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    padding: 12px;
  }

  .drawer-invoice-detail--cockpit .drawer-header-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    overflow: visible;
  }

  .drawer-invoice-detail--cockpit .drawer-header-actions > .btn,
.drawer-invoice-detail--cockpit .drawer-header-actions > details,
.drawer-invoice-detail--cockpit .drawer-header-actions > details > summary{
    min-width: 0;
    width: 100%;
  }

  .drawer-invoice-detail--cockpit .drawer-header-actions .btn,
.drawer-invoice-detail--cockpit .invoice-drawer-more > summary{
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .drawer-invoice-detail--cockpit .drawer-body{
    padding: 10px;
    padding-bottom: max(16px, env(safe-area-inset-bottom));
  }

  .drawer-invoice-detail--cockpit .drawer-header-actions .btn,
.drawer-invoice-detail--cockpit .drawer-header > .icon-btn,
.drawer-invoice-detail--cockpit .invoice-drawer-more > summary{
    min-height: 44px;
  }

  .drawer-invoice-detail--cockpit .invoice-evidence-state{
    grid-template-columns: 1fr;
  }

  .drawer-invoice-detail--cockpit .invoice-command-center{
    padding: 10px;
  }

  .drawer-invoice-detail--cockpit .invoice-command-heading,
.drawer-invoice-detail--cockpit .invoice-command-grid{
    grid-template-columns: 1fr;
  }

.drawer-invoice-detail--cockpit .tv-invoice-drawer-summary,
.drawer-invoice-detail--cockpit .tv-invoice-drawer-strip,
.drawer-invoice-detail--cockpit .tv-invoice-detail-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .drawer-invoice-detail--cockpit .payment-entry-row{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .drawer-invoice-detail--cockpit .payment-entry-row .btn{
    grid-column: 1 / -1;
    width: 100%;
  }

  .drawer-invoice-detail--cockpit .invoice-action-item{
    grid-template-columns: 1fr;
  }

  .drawer-invoice-detail--cockpit .table-scroll{
    overflow: visible;
    border: 0;
  }

  .drawer-invoice-detail--cockpit .invoice-lines-detail--invoice{
    display: block;
    min-width: 0;
    background: transparent;
  }

  .drawer-invoice-detail--cockpit .invoice-lines-detail--invoice thead{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .drawer-invoice-detail--cockpit .invoice-lines-detail--invoice tbody{
    display: grid;
    gap: 8px;
  }

  .drawer-invoice-detail--cockpit .invoice-lines-detail--invoice tr{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 10px;
    padding: 10px;
    border: 1px solid var(--tv-border);
    border-radius: 8px;
    background: var(--tv-surface-muted);
  }

  .drawer-invoice-detail--cockpit .invoice-lines-detail--invoice td,
.drawer-invoice-detail--cockpit .invoice-lines-detail--invoice td.number-cell{
    display: grid;
    gap: 3px;
    padding: 7px 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }

  .drawer-invoice-detail--cockpit .invoice-lines-detail--invoice td::before{
    color: var(--tv-text-subtle);
    content: attr(data-label);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .drawer-invoice-detail--cockpit .invoice-lines-detail--invoice td[data-label="Item"],
.drawer-invoice-detail--cockpit .invoice-lines-detail--invoice td[data-label="Description"],
.drawer-invoice-detail--cockpit .invoice-lines-detail--invoice td[data-label="Item tax / fee"]{
    grid-column: 1 / -1;
  }

  .drawer-invoice-detail--cockpit .invoice-drawer-menu{
    position: fixed;
    inset: auto 10px 10px;
    min-width: 0;
  }

  .drawer-invoice-cancellation .invoice-cancellation-option{
    grid-template-columns: 1fr;
  }

  .drawer-invoice-cancellation .invoice-cancellation-option .btn{
    width: 100%;
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell .workspace .invoice-register-route .money-card,
.drawer-invoice-detail--cockpit .drawer-progress-fill{
    transition: none;
  }
}

.purchase-requisitions-host,
.purchase-requisitions-host > .tv-route-frame,
.purchase-requisition-panel,
.purchase-requisition-register,
.purchase-requisition-drawer-body{
  min-width: 0;
}

.workspace .route-stack.tv-route-frame.purchase-requisitions .route-context-bar{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-left: 3px solid var(--tv-brand);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.purchase-requisitions .route-context-bar .context-label{
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 850;
}

.purchase-requisitions .route-context-bar .context-muted{
  min-width: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.purchase-requisition-trust{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.purchase-requisition-trust .purchase-requisition-info{
  display: grid;
  align-content: center;
  gap: var(--tv-space-1);
  min-width: 0;
  min-height: 76px;
  margin: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border: 0;
  border-top: 3px solid var(--tv-border-strong);
  border-right: 1px solid var(--tv-border);
  border-radius: 0;
  background: transparent;
}

.purchase-requisition-trust .purchase-requisition-info:last-child{
  border-right: 0;
}

.purchase-requisition-trust .purchase-requisition-info > span{
  color: var(--tv-text-subtle);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.purchase-requisition-trust .purchase-requisition-info > strong{
  color: var(--tv-text);
  font-size: 21px;
  font-variant-numeric: tabular-nums;
  text-align: left;
}

.purchase-requisition-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(4, minmax(118px, .52fr)) auto;
  gap: var(--tv-space-2);
  align-items: center;
  min-width: 0;
  padding: var(--tv-space-2);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
}

.purchase-requisition-filters input,
.purchase-requisition-filters select,
.purchase-requisition-filters .btn{
  width: 100%;
  min-width: 0;
  min-height: 40px;
}

.purchase-requisition-register{
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.purchase-requisition-register .data-table{
  min-width: 900px;
  table-layout: fixed;
}

.purchase-requisition-register .data-table [data-column-key="name"]{ width: 14%; }
.purchase-requisition-register .data-table [data-column-key="subject"]{ width: 21%; }
.purchase-requisition-register .data-table [data-column-key="requester"]{ width: 16%; }
.purchase-requisition-register .data-table [data-column-key="priority"]{ width: 9%; }
.purchase-requisition-register .data-table [data-column-key="state"],
.purchase-requisition-register .data-table [data-column-key="sourcing_state"]{ width: 11%; }
.purchase-requisition-register .data-table [data-column-key="neededByDate"]{ width: 9%; }
.purchase-requisition-register .data-table [data-column-key="total"]{ width: 9%; text-align: right; font-variant-numeric: tabular-nums; }

.purchase-requisition-pagination,
.purchase-requisition-command{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
}

.purchase-requisition-pagination{
  padding: var(--tv-space-3) var(--tv-space-4);
  border-top: 1px solid var(--tv-border);
}

.purchase-requisition-pagination > div,
.purchase-requisition-command .drawer-header-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--tv-space-2);
}

.purchase-requisition-command{
  align-items: flex-start;
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border-strong);
  border-left: 4px solid var(--tv-brand);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.purchase-requisition-command p{
  margin: var(--tv-space-1) 0 0;
  color: var(--tv-text-muted);
}

.purchase-requisition-panel .purchase-requisition-info > strong{
  min-width: 0;
  max-width: 64%;
  text-align: right;
  overflow-wrap: anywhere;
}

.purchase-requisition-form .form-errors[hidden]{ display: none; }

@media (max-width: 1180px) {
  .purchase-requisition-filters{
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(118px, .55fr));
  }
}

@media (max-width: 900px) {
  .workspace .route-stack.tv-route-frame.purchase-requisitions .workspace-hero{
    align-items: stretch;
    flex-direction: column;
  }

  .purchase-requisitions .workspace-hero-actions,
.purchase-requisitions .workspace-hero-actions .btn{
    width: 100%;
  }

  .workspace .route-stack.tv-route-frame.purchase-requisitions .route-context-bar{
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .purchase-requisitions .route-context-bar .btn{
    width: 100%;
  }

  .purchase-requisition-trust{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .purchase-requisition-trust .purchase-requisition-info:last-child{
    grid-column: 1 / -1;
  }

  .purchase-requisition-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .purchase-requisition-filters > :first-child,
.purchase-requisition-filters > .btn{
    grid-column: 1 / -1;
  }

}

@media (max-width: 520px) {
  .workspace .route-stack.tv-route-frame.purchase-requisitions .route-context-bar{
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .purchase-requisitions .route-context-bar .btn{
    width: 100%;
  }

  .purchase-requisition-register{
    padding: var(--tv-space-3);
    overflow: visible;
  }

  .purchase-requisition-register .data-table,
.purchase-requisition-register .data-table tbody,
.purchase-requisition-register .data-table tr,
.purchase-requisition-register .data-table td{
    display: block;
    width: 100%;
    min-width: 0;
  }

  .purchase-requisition-register .data-table{ min-width: 0; }
  .purchase-requisition-register .data-table thead{ display: none; }
  .purchase-requisition-register .data-table tbody{ display: grid; gap: var(--tv-space-3); }

  .purchase-requisition-register .data-table tr{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  .purchase-requisition-register .data-table td{
    display: grid;
    grid-template-columns: minmax(92px, .42fr) minmax(0, 1fr);
    gap: var(--tv-space-2);
    padding: var(--tv-space-2) var(--tv-space-3);
    border-bottom: 1px solid var(--tv-border);
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .purchase-requisition-register .data-table td:last-child{ border-bottom: 0; }
  .purchase-requisition-register .data-table td::before{
    content: attr(data-label);
    color: var(--tv-text-subtle);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  .purchase-requisition-pagination,
.purchase-requisition-command{
    align-items: stretch;
    flex-direction: column;
  }

  .purchase-requisition-pagination > div,
.purchase-requisition-command .drawer-header-actions{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .purchase-requisition-panel .purchase-requisition-info{
    align-items: flex-start;
    flex-direction: column;
  }

  .purchase-requisition-panel .purchase-requisition-info > strong{
    max-width: 100%;
    text-align: left;
  }
}

.tv-accounting-command-center,
.tv-accounting-command-center *{
  box-sizing: border-box;
}

.tv-accounting-command-center{
  min-width: 0;
  color: var(--tv-text);
}

.tv-accounting-command-shell{
  display: grid;
  gap: var(--tv-space-3);
  min-width: 0;
  padding-bottom: var(--tv-space-8);
}

.tv-accounting-command-shell[aria-busy="true"]{
  cursor: progress;
}

.tv-accounting-context-bar{
  display: grid;
  grid-template-columns: minmax(250px, .85fr) minmax(380px, 1.1fr) minmax(260px, auto);
  align-items: center;
  gap: var(--tv-space-4);
  min-width: 0;
  padding: var(--tv-space-4) var(--tv-space-5);
  border: 1px solid var(--tv-border);
  border-left: 4px solid var(--tv-brand);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.tv-accounting-command-copy{
  display: grid;
  gap: var(--tv-space-1);
  min-width: 0;
}

.tv-accounting-command-copy > span,
.tv-accounting-context-facts dt,
.tv-accounting-trust-cell > span,
.tv-accounting-coverage-facts dt,
.tv-accounting-close-facts dt,
.tv-accounting-exposure-quality dt,
.tv-accounting-currency-card dt,
.tv-accounting-exposure-row dt,
.tv-accounting-drawer-section dt{
  color: var(--tv-text-subtle);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.tv-accounting-command-copy > span{
  color: var(--tv-accent);
}

.tv-accounting-command-copy strong{
  max-width: 46ch;
  font-size: 16px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.tv-accounting-command-copy small,
.tv-accounting-context-facts dd,
.tv-accounting-section-head p,
.tv-accounting-section-copy,
.tv-accounting-empty p,
.tv-accounting-connection-card p,
.tv-accounting-provenance-body,
.tv-accounting-result-window header span{
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.tv-accounting-context-facts,
.tv-accounting-coverage-facts,
.tv-accounting-close-facts,
.tv-accounting-exposure-quality,
.tv-accounting-currency-card dl,
.tv-accounting-exposure-row dl,
.tv-accounting-drawer-section dl,
.tv-accounting-provenance-body dl{
  margin: 0;
}

.tv-accounting-context-facts{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  overflow: hidden;
}

.tv-accounting-context-facts > div{
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border-right: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.tv-accounting-context-facts > div:last-child{
  border-right: 0;
}

.tv-accounting-context-facts dd{
  margin: 0;
  color: var(--tv-text);
  font-weight: 750;
  overflow-wrap: anywhere;
}

.tv-accounting-context-actions{
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(150px, .8fr);
  gap: var(--tv-space-2);
  min-width: 0;
}

.tv-accounting-context-actions select,
.tv-accounting-context-actions .btn{
  width: 100%;
  min-height: 44px;
}

.tv-accounting-context-actions .btn{
  white-space: nowrap;
}

.tv-accounting-trust-band{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
  overflow: hidden;
}

.tv-accounting-trust-cell{
  display: grid;
  align-content: start;
  gap: var(--tv-space-1);
  min-width: 0;
  min-height: 92px;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-top: 3px solid var(--tv-border-strong);
  border-right: 1px solid var(--tv-border);
}

.tv-accounting-trust-cell:last-child{
  border-right: 0;
}

.tv-accounting-trust-cell[data-tone="success"]{ border-top-color: var(--tv-success); }
.tv-accounting-trust-cell[data-tone="warning"]{ border-top-color: var(--tv-warning); }
.tv-accounting-trust-cell[data-tone="danger"]{ border-top-color: var(--tv-danger); }

.tv-accounting-trust-cell strong{
  font-size: 20px;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.tv-accounting-trust-cell small{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.tv-accounting-panel{
  min-width: 0;
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.tv-accounting-section-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--tv-space-3);
  margin-bottom: var(--tv-space-3);
}

.tv-accounting-section-head > div{
  min-width: 0;
}

.tv-accounting-section-head h2{
  margin: 0;
  color: var(--tv-text);
  font-size: 15px;
  line-height: 1.25;
}

.tv-accounting-section-head p{
  max-width: 72ch;
  margin: var(--tv-space-1) 0 0;
}

.tv-accounting-state{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px var(--tv-space-2);
  border: 1px solid var(--tv-border);
  border-radius: 999px;
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.tv-accounting-state[data-state="available"],
.tv-accounting-state[data-state="clear"],
.tv-accounting-state[data-state="balanced"],
.tv-accounting-state[data-state="current"]{
  border-color: color-mix(in srgb, var(--tv-success) 30%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-success) 8%, var(--tv-surface));
  color: var(--tv-success);
}

.tv-accounting-state[data-state="partial"],
.tv-accounting-state[data-state="not_configured"]{
  border-color: color-mix(in srgb, var(--tv-warning) 34%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-warning) 8%, var(--tv-surface));
  color: var(--tv-warning);
}

.tv-accounting-state[data-state="unavailable"],
.tv-accounting-state[data-state="mismatch"],
.tv-accounting-state[data-state="overdue"]{
  border-color: color-mix(in srgb, var(--tv-danger) 30%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-danger) 7%, var(--tv-surface));
  color: var(--tv-danger);
}

.tv-accounting-attention{
  padding: 0;
  overflow: hidden;
}

.tv-accounting-attention > .tv-accounting-section-head{
  margin: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.tv-accounting-attention-list{
  display: grid;
}

.tv-accounting-attention-row{
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) minmax(120px, auto);
  align-items: center;
  gap: var(--tv-space-3);
  width: 100%;
  min-width: 0;
  min-height: 64px;
  padding: var(--tv-space-2) var(--tv-space-4);
  border: 0;
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface);
  color: var(--tv-text);
  text-align: left;
  cursor: pointer;
}

.tv-accounting-attention-row:last-child{
  border-bottom: 0;
}

.tv-accounting-attention-row:hover{
  background: var(--tv-surface-muted);
}

.tv-accounting-attention-row:focus-visible,
.tv-accounting-source-reference:focus-visible,
.tv-accounting-command-center button:focus-visible,
.tv-accounting-command-center select:focus-visible,
.tv-accounting-mobile-disclosure summary:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-info) 55%, transparent);
  outline-offset: 2px;
}

.tv-accounting-attention-rank{
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 850;
}

.tv-accounting-attention-copy,
.tv-accounting-attention-measure{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tv-accounting-attention-copy > span{
  color: var(--tv-danger);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tv-accounting-attention-copy strong,
.tv-accounting-attention-copy small{
  overflow-wrap: anywhere;
}

.tv-accounting-attention-copy small,
.tv-accounting-attention-measure small,
.tv-accounting-attention-measure > span{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.tv-accounting-attention-measure{
  justify-items: end;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.tv-accounting-attention-measure > span{
  color: var(--tv-brand-hover);
  font-weight: 800;
}

.tv-accounting-command-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr);
  grid-template-areas:
    "result close"
    "coverage close"
    "exposure exposure";
  align-items: start;
  gap: var(--tv-space-3);
  min-width: 0;
}

.tv-accounting-posted-result{ grid-area: result; }
.tv-accounting-coverage{ grid-area: coverage; }
.tv-accounting-close{ grid-area: close; }
.tv-accounting-exposure{ grid-area: exposure; }

.tv-accounting-currency-grid,
.tv-accounting-exposure-list,
.tv-accounting-connection-list{
  display: grid;
  gap: var(--tv-space-3);
  min-width: 0;
}

.tv-accounting-currency-grid{
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}

.tv-accounting-currency-card,
.tv-accounting-exposure-row,
.tv-accounting-connection-card{
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
  overflow: hidden;
}

.tv-accounting-currency-card > header,
.tv-accounting-exposure-row > header,
.tv-accounting-connection-card > header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface);
}

.tv-accounting-currency-card > header small,
.tv-accounting-exposure-row > header span,
.tv-accounting-connection-card small{
  color: var(--tv-text-muted);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.tv-accounting-result-window{
  display: grid;
  gap: var(--tv-space-2);
  padding: var(--tv-space-3);
  border-bottom: 1px solid var(--tv-border);
}

.tv-accounting-result-window:last-child{
  border-bottom: 0;
}

.tv-accounting-result-window > header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--tv-space-3);
}

.tv-accounting-result-window > header strong{
  font-size: 12px;
}

.tv-accounting-result-window dl,
.tv-accounting-result-trial dl,
.tv-accounting-exposure-row dl{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tv-space-2);
}

.tv-accounting-result-trial{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--tv-space-3);
  padding-top: var(--tv-space-2);
  border-top: 1px solid var(--tv-border);
}

.tv-accounting-result-window dl > div,
.tv-accounting-result-trial dl > div,
.tv-accounting-exposure-row dl > div,
.tv-accounting-coverage-facts > div,
.tv-accounting-close-facts > div,
.tv-accounting-exposure-quality > div,
.tv-accounting-drawer-section dl > div,
.tv-accounting-provenance-body dl > div{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tv-accounting-currency-card dd,
.tv-accounting-exposure-row dd,
.tv-accounting-coverage-facts dd,
.tv-accounting-close-facts dd,
.tv-accounting-exposure-quality dd,
.tv-accounting-drawer-section dd,
.tv-accounting-provenance-body dd{
  margin: 0;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.tv-accounting-coverage-progress{
  height: 8px;
  margin-bottom: var(--tv-space-3);
  border-radius: 999px;
  background: var(--tv-surface-strong);
  overflow: hidden;
}

.tv-accounting-coverage-progress span{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--tv-brand-hover);
}

.tv-accounting-coverage-facts,
.tv-accounting-close-facts,
.tv-accounting-exposure-quality{
  display: grid;
  gap: var(--tv-space-2);
  margin-bottom: var(--tv-space-3);
}

.tv-accounting-coverage-facts{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tv-accounting-coverage-rows{
  display: grid;
  gap: var(--tv-space-2);
  margin-bottom: var(--tv-space-3);
}

.tv-accounting-coverage-row{
  display: grid;
  grid-template-columns: minmax(145px, .8fr) minmax(0, 2fr);
  align-items: center;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.tv-accounting-coverage-row > div{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tv-accounting-coverage-row > div small{
  color: var(--tv-text-muted);
  font-size: 10px;
}

.tv-accounting-coverage-row dl{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tv-space-2);
}

.tv-accounting-coverage-row dl > div{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tv-accounting-coverage-row dt{
  color: var(--tv-text-muted);
  font-size: 10px;
}

.tv-accounting-coverage-row dd{
  margin: 0;
  font-size: 12px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.tv-accounting-close-facts{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tv-accounting-exposure-quality{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--tv-space-3);
}

.tv-accounting-coverage-facts > div,
.tv-accounting-close-facts > div,
.tv-accounting-exposure-quality > div{
  padding: var(--tv-space-2);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.tv-accounting-reference-list,
.tv-accounting-drawer-references{
  display: flex;
  flex-wrap: wrap;
  gap: var(--tv-space-2);
}

.tv-accounting-source-reference{
  display: grid;
  gap: 1px;
  min-width: 120px;
  min-height: 44px;
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  text-align: left;
}

.tv-accounting-source-reference span{
  color: var(--tv-text-muted);
  font-size: 10px;
}

.tv-accounting-control-list,
.tv-accounting-warning-list{
  display: grid;
  gap: var(--tv-space-2);
  margin: 0 0 var(--tv-space-3);
  padding: 0;
  list-style: none;
}

.tv-accounting-control-item{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--tv-space-2);
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-left: 3px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.tv-accounting-control-item.is-danger{ border-left-color: var(--tv-danger); }
.tv-accounting-control-item.is-warning{ border-left-color: var(--tv-warning); }

.tv-accounting-control-item > div{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tv-accounting-control-item strong,
.tv-accounting-control-item span{
  overflow-wrap: anywhere;
}

.tv-accounting-control-item > div span{
  color: var(--tv-text-muted);
  font-size: 11px;
}

.tv-accounting-exposure-row{
  padding-bottom: var(--tv-space-3);
}

.tv-accounting-exposure-row dl,
.tv-accounting-exposure-row > .btn{
  margin-right: var(--tv-space-3);
  margin-left: var(--tv-space-3);
}

.tv-accounting-exposure-row dl{
  padding-top: var(--tv-space-3);
}

.tv-accounting-exposure-row > .btn{
  margin-top: var(--tv-space-3);
}

.tv-accounting-connection-card{
  display: grid;
  gap: var(--tv-space-2);
  padding: 0 0 var(--tv-space-3);
}

.tv-accounting-connection-card > :not(header){
  margin-right: var(--tv-space-3);
  margin-left: var(--tv-space-3);
}

.tv-accounting-connection-card p{
  margin-top: 0;
  margin-bottom: 0;
}

.tv-accounting-restricted{
  border-style: dashed;
  background: var(--tv-surface-muted);
}

.tv-accounting-empty{
  display: grid;
  gap: var(--tv-space-1);
  min-height: 76px;
  align-content: center;
  padding: var(--tv-space-3);
  border: 1px dashed var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.tv-accounting-empty p{
  margin: 0;
}

.tv-accounting-limitations{
  margin-top: var(--tv-space-3);
  border-top: 1px solid var(--tv-border);
  color: var(--tv-text-muted);
}

.tv-accounting-limitations summary,
.tv-accounting-mobile-disclosure summary{
  min-height: 44px;
  padding: var(--tv-space-2) 0;
  color: var(--tv-brand-hover);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.tv-accounting-limitations ul,
.tv-accounting-provenance-body ul{
  margin: 0;
  padding-left: var(--tv-space-5);
}

.tv-accounting-mobile-disclosure{
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tv-accounting-mobile-disclosure > summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3) var(--tv-space-4);
}

.tv-accounting-provenance-body{
  display: grid;
  gap: var(--tv-space-3);
  padding: 0 var(--tv-space-4) var(--tv-space-4);
  border-top: 1px solid var(--tv-border);
}

.tv-accounting-provenance-body dl{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--tv-space-2);
}

.tv-accounting-stale{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3) var(--tv-space-4);
  border: 1px solid color-mix(in srgb, var(--tv-warning) 35%, var(--tv-border));
  border-radius: var(--tv-radius-md);
  background: color-mix(in srgb, var(--tv-warning) 8%, var(--tv-surface));
}

.tv-accounting-stale > div{
  display: grid;
  gap: 2px;
}

.tv-accounting-stale span{
  color: var(--tv-text-muted);
  font-size: 12px;
}

.tv-accounting-route-state{
  display: grid;
  justify-items: start;
  gap: var(--tv-space-3);
  min-height: 280px;
  align-content: center;
  padding: var(--tv-space-6);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tv-accounting-route-state > span{
  color: var(--tv-accent);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tv-accounting-route-state h2,
.tv-accounting-route-state p{
  margin: 0;
}

.tv-accounting-route-state p{
  max-width: 62ch;
  color: var(--tv-text-muted);
}

.tv-accounting-loading{
  display: grid;
  gap: var(--tv-space-3);
  min-width: 0;
}

.tv-accounting-loading-command,
.tv-accounting-loading-trust > div,
.tv-accounting-loading-board > div{
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-editorial-surface-muted);
}

.tv-accounting-loading-command{ min-height: 112px; }
.tv-accounting-loading-trust{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--tv-space-2); }
.tv-accounting-loading-trust > div{ min-height: 92px; }
.tv-accounting-loading-board{ display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr); gap: var(--tv-space-3); }
.tv-accounting-loading-board > div{ min-height: 220px; }
.tv-accounting-loading-board > div:first-child{ grid-row: span 2; min-height: 452px; }

.tv-accounting-evidence-drawer .tv-accounting-drawer-body{
  display: grid;
  gap: var(--tv-space-3);
  min-width: 0;
}

.tv-accounting-drawer-callout,
.tv-accounting-drawer-section{
  display: grid;
  gap: var(--tv-space-2);
  min-width: 0;
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}

.tv-accounting-drawer-callout{
  border-left: 4px solid var(--tv-danger);
}

.tv-accounting-drawer-callout p,
.tv-accounting-drawer-section p,
.tv-accounting-drawer-section h3{
  margin: 0;
  overflow-wrap: anywhere;
}

.tv-accounting-drawer-section dl{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tv-space-3);
}

@media (max-width: 1180px) {
  .tv-accounting-context-bar{
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  }

  .tv-accounting-context-actions{
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tv-accounting-command-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "result"
      "coverage"
      "close"
      "exposure";
  }

  .tv-accounting-connection-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .tv-accounting-command-shell{
    gap: var(--tv-space-2);
  }

  .tv-accounting-context-bar{
    grid-template-columns: 1fr;
    gap: var(--tv-space-3);
    padding: var(--tv-space-3);
  }

  .tv-accounting-context-facts{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-accounting-context-facts > div{
    border-bottom: 1px solid var(--tv-border);
  }

  .tv-accounting-context-facts > div:last-child{
    grid-column: 1 / -1;
    border-bottom: 0;
  }

  .tv-accounting-context-actions{
    grid-column: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-accounting-trust-band{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-accounting-trust-cell{
    min-height: 86px;
    border-bottom: 1px solid var(--tv-border);
  }

  .tv-accounting-trust-cell:nth-last-child(-n+2){
    border-bottom: 0;
  }

  .tv-accounting-attention-row{
    grid-template-columns: 34px minmax(0, 1fr);
    gap: var(--tv-space-2);
    padding: var(--tv-space-3);
  }

  .tv-accounting-attention-measure{
    grid-column: 2;
    grid-template-columns: repeat(2, auto);
    justify-content: start;
    justify-items: start;
    text-align: left;
  }

  .tv-accounting-panel{
    padding: var(--tv-space-3);
  }

  .tv-accounting-attention{
    padding: 0;
  }

  .tv-accounting-currency-grid,
.tv-accounting-connection-list{
    grid-template-columns: 1fr;
  }

  .tv-accounting-result-window dl,
.tv-accounting-result-trial dl,
.tv-accounting-exposure-row dl{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-accounting-result-window dl > div:last-child{
    grid-column: 1 / -1;
  }

  .tv-accounting-coverage-facts,
.tv-accounting-close-facts,
.tv-accounting-exposure-quality,
.tv-accounting-drawer-section dl{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-accounting-coverage-row{
    grid-template-columns: 1fr;
    gap: var(--tv-space-2);
  }

  .tv-accounting-coverage-row dl{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tv-accounting-close-facts > div:last-child{
    grid-column: 1 / -1;
  }

  .tv-accounting-control-item{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .tv-accounting-control-item .btn{
    grid-column: 1 / -1;
    width: 100%;
  }

  .tv-accounting-stale{
    align-items: stretch;
    flex-direction: column;
  }

  .tv-accounting-stale .btn{
    width: 100%;
  }
}

@media (max-width: 520px) {
  .tv-accounting-context-bar{
    gap: var(--tv-space-2);
    padding: var(--tv-space-2);
  }

  .tv-accounting-command-copy > span,
.tv-accounting-command-copy small{
    display: none;
  }

  .tv-accounting-command-copy strong{
    font-size: 13px;
    line-height: 1.25;
  }

  .tv-accounting-context-actions{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-accounting-context-facts{
    display: none;
  }

  .tv-accounting-context-facts > div{
    padding: 6px;
    border-right: 1px solid var(--tv-border);
    border-bottom: 0;
  }

  .tv-accounting-context-facts > div:last-child{
    grid-column: auto;
  }

  .tv-accounting-coverage-facts,
.tv-accounting-exposure-quality{
    grid-template-columns: 1fr;
  }

  .tv-accounting-trust-cell{
    min-height: 50px;
    padding: 6px 8px;
  }

  .tv-accounting-trust-cell strong{
    font-size: 15px;
  }

  .tv-accounting-trust-cell small{
    display: none;
  }

  .tv-accounting-attention > .tv-accounting-section-head{
    padding: 8px 10px;
  }

  .tv-accounting-attention > .tv-accounting-section-head p{
    display: none;
  }

  .tv-accounting-attention-row{
    min-height: 58px;
    padding: 8px 10px;
  }

  .tv-accounting-coverage-row dl{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tv-accounting-result-window dl,
.tv-accounting-result-trial dl,
.tv-accounting-exposure-row dl,
.tv-accounting-drawer-section dl{
    grid-template-columns: 1fr;
  }

  .tv-accounting-result-window dl > div:last-child,
.tv-accounting-result-trial dl > div:last-child,
.tv-accounting-close-facts > div:last-child{
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tv-accounting-command-center *,
.tv-accounting-evidence-drawer *{
    scroll-behavior: auto;
  }
}

.tv-coa-command-center,
.tv-coa-register,
.tv-coa-register-body{
  min-width: 0;
}

.tv-coa-command-center{
  color: var(--tv-text);
}

.tv-coa-facts dt{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.tv-coa-register{
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
  overflow: visible;
}

.tv-coa-register-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-4);
  min-width: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border-bottom: 1px solid var(--tv-border);
}

.tv-coa-register-head > div{
  display: grid;
  gap: 3px;
  min-width: 0;
}

.tv-coa-register-head h2{
  margin: 0;
  color: var(--tv-text);
  font-size: 16px;
  line-height: 1.2;
}

.tv-coa-register-head p{
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.4;
}

.tv-coa-result-count{
  flex: 0 0 auto;
  min-height: 28px;
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  white-space: nowrap;
}

.tv-coa-toolbar{
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: var(--tv-space-3);
  align-items: end;
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

.tv-coa-filter{
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tv-coa-filter input,
.tv-coa-filter select,
.tv-coa-field input,
.tv-coa-field select,
.tv-coa-field textarea{
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
}

.tv-coa-filter input:focus-visible,
.tv-coa-filter select:focus-visible,
.tv-coa-field input:focus-visible,
.tv-coa-field select:focus-visible,
.tv-coa-field textarea:focus-visible,
.tv-coa-filter-disclosure > summary:focus-visible,
.tv-coa-account-row:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-info) 34%, transparent);
  outline-offset: 2px;
  border-color: var(--tv-info);
}

.tv-coa-filter-disclosure{
  position: relative;
  min-width: 0;
}

.tv-coa-filter-disclosure > summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  min-width: 190px;
  min-height: 44px;
  padding: 8px 11px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  cursor: pointer;
  list-style: none;
}

.tv-coa-filter-disclosure > summary::-webkit-details-marker{
  display: none;
}

.tv-coa-filter-disclosure > summary::after{
  color: var(--tv-brand);
  content: "+";
  font-size: 17px;
  font-weight: 900;
}

.tv-coa-filter-disclosure[open] > summary::after{
  content: "−";
}

.tv-coa-filter-disclosure > summary span{
  font-size: 12px;
  font-weight: 800;
}

.tv-coa-filter-disclosure > summary small{
  color: var(--tv-text-muted);
  font-size: 10px;
}

.tv-coa-filter-grid{
  position: absolute;
  top: calc(100% + var(--tv-space-2));
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  gap: var(--tv-space-3);
  width: min(560px, calc(100vw - 48px));
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-drawer);
}

.tv-coa-account-row{
  display: grid;
  grid-template-columns: 20px minmax(190px, 1.2fr) minmax(130px, .72fr) minmax(180px, .9fr) minmax(160px, .8fr) 62px;
  gap: var(--tv-space-3);
  align-items: center;
  min-width: 0;
  min-height: 70px;
  padding: var(--tv-space-2) var(--tv-space-3);
  border-bottom: 1px solid var(--tv-border);
  background: var(--tv-surface);
  cursor: pointer;
  transition: background-color .14s ease, box-shadow .14s ease;
}

.tv-coa-account-row:last-child{
  border-bottom: 0;
}

.tv-coa-account-row:hover{
  background: var(--tv-surface-muted);
}

.tv-coa-account-row:focus-visible{
  position: relative;
  z-index: 1;
  background: var(--tv-brand-soft);
  box-shadow: inset 4px 0 0 var(--tv-accent);
}

.tv-coa-account-row[data-depth="0"]{
  background: color-mix(in srgb, var(--tv-brand-soft) 54%, var(--tv-surface));
}

.tv-coa-tree-mark{
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: var(--tv-brand);
  font-size: 16px;
  font-weight: 900;
}

.tv-coa-identity,
.tv-coa-classification,
.tv-coa-balance,
.tv-coa-row-evidence{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tv-coa-identity{
  padding-inline-start: calc(var(--tv-coa-depth, 0) * var(--tv-space-3));
}

.tv-coa-identity strong,
.tv-coa-classification strong,
.tv-coa-row-evidence strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.tv-coa-identity > span{
  min-width: 0;
  color: var(--tv-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.tv-coa-identity small,
.tv-coa-classification small,
.tv-coa-balance small,
.tv-coa-balance > span,
.tv-coa-row-evidence small{
  min-width: 0;
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.tv-coa-balance{
  justify-items: end;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.tv-coa-balance strong{
  min-width: 0;
  max-width: 100%;
  color: var(--tv-brand);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.tv-coa-open{
  justify-self: end;
  color: var(--tv-brand-hover);
  font-size: 11px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.tv-coa-empty,
.tv-coa-loading{
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--tv-space-2);
  min-height: 148px;
  padding: var(--tv-space-5);
  color: var(--tv-text-muted);
  text-align: center;
}

.tv-coa-empty strong,
.tv-coa-loading strong{
  color: var(--tv-text);
}

.tv-coa-empty p,
.tv-coa-loading small{
  max-width: 62ch;
  margin: 0;
  line-height: 1.45;
}

.tv-coa-stale{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid color-mix(in srgb, var(--tv-warning) 38%, var(--tv-border));
  border-radius: var(--tv-radius-md);
  background: color-mix(in srgb, var(--tv-warning) 8%, var(--tv-surface));
}

.tv-coa-stale > div{
  display: grid;
  gap: 2px;
}

.tv-coa-stale strong{
  color: var(--tv-text);
  font-size: 12px;
}

.tv-coa-stale span{
  color: var(--tv-text-muted);
  font-size: 11px;
}

.tv-coa-blocker-list li,
.tv-coa-drawer-section li{
  margin-block: var(--tv-space-1);
  overflow-wrap: anywhere;
}

.drawer.tv-coa-account-drawer{
  width: min(780px, 100vw);
  background: var(--tv-surface-muted);
}

.tv-coa-account-drawer .drawer-header,
.tv-coa-account-drawer .drawer-footer{
  background: var(--tv-surface);
}

.tv-coa-account-drawer .drawer-title h2,
.tv-coa-account-drawer .drawer-title p{
  overflow-wrap: anywhere;
}

.tv-coa-account-drawer .drawer-body{
  padding: var(--tv-space-3);
  background: var(--tv-surface-muted);
}

.tv-coa-drawer-body{
  display: grid;
  gap: var(--tv-space-3);
  min-width: 0;
}

.tv-coa-drawer-section{
  min-width: 0;
  padding: var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tv-coa-drawer-section h3,
.tv-coa-drawer-section h4{
  margin: 0 0 var(--tv-space-2);
  color: var(--tv-text);
  line-height: 1.25;
}

.tv-coa-drawer-section h3{ font-size: 15px; }
.tv-coa-drawer-section h4{ margin-top: var(--tv-space-4); font-size: 12px; }

.tv-coa-drawer-section > p,
.tv-coa-drawer-section li{
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.5;
}

.tv-coa-facts{
  display: grid;
  min-width: 0;
  margin: 0;
  border-top: 1px solid var(--tv-border);
}

.tv-coa-facts > div{
  display: grid;
  grid-template-columns: minmax(112px, .45fr) minmax(0, 1fr);
  gap: var(--tv-space-3);
  align-items: start;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--tv-border);
}

.tv-coa-facts dd{
  min-width: 0;
  margin: 0;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
  overflow-wrap: anywhere;
}

.tv-coa-native-balance-list{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--tv-space-3);
  min-width: 0;
}

.tv-coa-native-balance{
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
  overflow: hidden;
}

.tv-coa-native-balance > header,
.tv-coa-native-balance-value{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: var(--tv-space-2) var(--tv-space-3);
  border-bottom: 1px solid var(--tv-border);
}

.tv-coa-native-balance > header strong{
  color: var(--tv-brand);
  font-size: 13px;
}

.tv-coa-native-balance > header span,
.tv-coa-native-balance-value span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
}

.tv-coa-native-balance-value strong{
  min-width: 0;
  color: var(--tv-text);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  overflow-wrap: anywhere;
}

.tv-coa-native-balance .tv-coa-facts{
  padding: 0 var(--tv-space-3) var(--tv-space-2);
  border-top: 0;
}

.tv-coa-blocker-list{
  margin: var(--tv-space-2) 0 0;
  padding-inline-start: var(--tv-space-5);
}

.tv-coa-editor{
  display: grid;
  gap: var(--tv-space-4);
  min-width: 0;
}

.tv-coa-editor-errors:empty{
  display: none;
}

.tv-coa-editor-errors .form-errors{
  margin: 0;
}

.tv-coa-editor-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tv-space-3);
  min-width: 0;
}

.tv-coa-field{
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  color: var(--tv-text);
}

.tv-coa-field > span{
  font-size: 11px;
  font-weight: 800;
}

.tv-coa-field > small{
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.4;
}

.tv-coa-field textarea{
  min-height: 88px;
  resize: vertical;
}

.tv-coa-field input[readonly]{
  background: var(--tv-surface-strong);
  color: var(--tv-text-muted);
  cursor: not-allowed;
}

.tv-coa-group-toggle{
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: var(--tv-space-3);
  align-items: center;
  min-height: 54px;
  padding: var(--tv-space-2) var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
  cursor: pointer;
}

.tv-coa-group-toggle input{
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--tv-brand);
}

.tv-coa-group-toggle span{
  display: grid;
  gap: 2px;
}

.tv-coa-group-toggle strong{
  font-size: 12px;
}

.tv-coa-group-toggle small{
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 1180px) {
  .tv-coa-account-row{
    grid-template-columns: 20px minmax(180px, 1.1fr) minmax(120px, .65fr) minmax(160px, .85fr) minmax(140px, .72fr) 56px;
  }
}

@media (max-width: 1180px) {
  .tv-coa-account-row{
    grid-template-columns: 18px minmax(0, 1fr) minmax(150px, .7fr) auto;
    grid-template-areas:
      "mark identity balance open"
      "mark classification evidence open";
    min-height: 82px;
  }

  .tv-coa-tree-mark{ grid-area: mark; }
  .tv-coa-identity{ grid-area: identity; }
  .tv-coa-classification{ grid-area: classification; }
  .tv-coa-balance{ grid-area: balance; }
  .tv-coa-row-evidence{ grid-area: evidence; }
  .tv-coa-open{ grid-area: open; }

  .tv-coa-identity{
    padding-inline-start: calc(var(--tv-coa-depth, 0) * var(--tv-space-2));
  }
}

@media (max-width: 900px) {
  .tv-coa-filter-grid{
    grid-template-columns: minmax(0, 1fr);
    width: min(320px, calc(100vw - 32px));
  }

  .tv-coa-toolbar{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .tv-coa-filter-disclosure > summary{
    min-width: 116px;
  }

  .tv-coa-filter-disclosure > summary small{
    display: none;
  }

  .tv-coa-editor-grid{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  .tv-coa-register-head{
    padding: var(--tv-space-2) var(--tv-space-3);
  }

  .tv-coa-register-head p{
    display: none;
  }

  .tv-coa-register-head h2{
    font-size: 14px;
  }

  .tv-coa-result-count{
    min-height: 24px;
    padding: 4px 7px;
    font-size: 9px;
  }

  .tv-coa-toolbar{
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--tv-space-2);
    padding: var(--tv-space-2);
  }

  .tv-coa-toolbar > .tv-coa-filter > span,
.tv-coa-filter-disclosure > summary small{
    display: none;
  }

  .tv-coa-filter-disclosure > summary{
    min-width: 96px;
    padding-inline: var(--tv-space-2);
  }

  .tv-coa-filter-grid{
    right: 0;
    width: min(300px, calc(100vw - 24px));
  }

  .tv-coa-account-row{
    grid-template-columns: 14px minmax(0, 1fr) minmax(108px, .72fr);
    grid-template-areas:
      "mark identity open"
      "mark classification balance"
      "mark evidence evidence";
    gap: 5px var(--tv-space-2);
    min-height: 96px;
    padding: var(--tv-space-2);
  }

  .tv-coa-tree-mark{
    width: 14px;
    height: 18px;
    font-size: 13px;
  }

  .tv-coa-identity{
    padding-inline-start: calc(var(--tv-coa-depth, 0) * var(--tv-space-1));
  }

  .tv-coa-identity strong,
.tv-coa-classification strong,
.tv-coa-row-evidence strong,
.tv-coa-balance strong{
    font-size: 11px;
  }

  .tv-coa-identity > span{
    font-size: 12px;
  }

  .tv-coa-identity small,
.tv-coa-classification small,
.tv-coa-balance small,
.tv-coa-balance > span,
.tv-coa-row-evidence small,
.tv-coa-open{
    font-size: 9px;
  }

  .tv-coa-open{
    align-self: start;
  }

  .tv-coa-account-drawer .drawer-body,
.tv-coa-drawer-section{
    padding: var(--tv-space-2);
  }

  .tv-coa-native-balance-list{
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-coa-facts > div{
    grid-template-columns: minmax(92px, .4fr) minmax(0, 1fr);
    gap: var(--tv-space-2);
  }

  .tv-coa-facts dt,
.tv-coa-facts dd{
    font-size: 10px;
  }

  .tv-coa-stale{
    align-items: stretch;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tv-coa-command-center *,
.tv-coa-account-drawer *{
    scroll-behavior: auto;
    transition-duration: .01ms;
  }
}

.tax-return-workbench-host,
.tax-return-workbench{
  min-width: 0;
}

.tax-return-workbench{ gap: var(--tv-space-4); }
.tax-return-workbench .workspace-stats{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tax-return-stat{ min-width: 0; }

.tax-return-stat strong,
.tax-return-info strong,
.tax-return-drawer-command strong{ overflow-wrap: anywhere; }

.tax-return-stat.is-danger{
  border-color: color-mix(in srgb, var(--tv-danger) 34%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-danger) 5%, var(--tv-surface));
}

.tax-return-stat.is-warning{
  border-color: color-mix(in srgb, var(--tv-warning) 34%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-warning) 6%, var(--tv-surface));
}

.tax-return-context{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tax-return-context > div{
  display: flex;
  align-items: center;
  gap: var(--tv-space-2);
  min-width: 0;
}

.tax-return-context select{ min-width: 180px; }
.tax-return-attention{ display: grid; gap: var(--tv-space-2); }

.tax-return-finding{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-left: 4px solid var(--tv-warning);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.tax-return-finding.is-danger{ border-left-color: var(--tv-danger); }

.tax-return-finding p,
.tax-return-panel p,
.tax-return-boundary-note p,
.tax-return-drawer-command p{
  margin: 4px 0 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.tax-return-register{ min-width: 0; overflow: hidden; }
.tax-return-register .table-scroll{ overflow-x: auto; }
.tax-return-register table{ min-width: 980px; }
.tax-return-register [data-column-key="return_number"],
.tax-return-register [data-column-key="certificate_number"],
.tax-return-register [data-column-key="submission_number"]{ min-width: 190px; }
.tax-return-register [data-column-key="period_end"],
.tax-return-register [data-column-key="party_name"],
.tax-return-register [data-column-key="invoice_name"],
.tax-return-register [data-column-key="customer_name"]{ min-width: 170px; }
.tax-return-register :is([data-column-key="output_tax"], [data-column-key="input_tax"], [data-column-key="net_tax"], [data-column-key="withheld_amount"], [data-column-key="total_amount"]){ text-align: right; font-variant-numeric: tabular-nums; }

.tax-country-pack-register{ min-width: 0; overflow-x: auto; }
.tax-country-pack-register .data-table{ min-width: 920px; }
.tax-country-pack-register [data-column-key="country_code"]{ min-width: 150px; }
.tax-country-pack-register [data-column-key="name"]{ min-width: 200px; }
.tax-country-pack-register [data-column-key="activation_status"]{ min-width: 170px; }

.tax-return-pager{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--tv-space-2);
  padding: var(--tv-space-3);
  border-top: 1px solid var(--tv-border);
}

.tax-return-pager > span{
  margin-right: auto;
  color: var(--tv-text-muted);
  font-size: 12px;
}

.tax-return-panel .section-head{ margin-bottom: var(--tv-space-2); }
.tax-return-panel .section-head h3{ margin: 0; font-size: 14px; }
.tax-return-info{ min-width: 0; }
.tax-return-info.is-danger strong{ color: var(--tv-danger); }

.tax-return-boundary-note{
  padding: var(--tv-space-3);
  border: 1px solid color-mix(in srgb, var(--tv-info) 30%, var(--tv-border));
  border-radius: var(--tv-radius-md);
  background: color-mix(in srgb, var(--tv-info) 5%, var(--tv-surface));
}

.tax-return-drawer{ width: min(860px, 100vw); }

.tax-return-drawer-command{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--tv-space-3);
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-strong);
}

.tax-return-drawer-command .drawer-header-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--tv-space-2);
}

.tax-return-money-band{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  overflow: hidden;
}

.tax-return-money-band .health-line{
  display: grid;
  gap: 4px;
  padding: var(--tv-space-3);
  border-right: 1px solid var(--tv-border);
}

.tax-return-money-band .health-line:last-child{ border-right: 0; }
.tax-return-empty{ min-height: 120px; }

@media (max-width: 900px) {
  .tax-return-workbench .workspace-stats,
.tax-return-money-band{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tax-return-drawer-command{ grid-template-columns: 1fr; }
  .tax-return-drawer-command .drawer-header-actions{ justify-content: flex-start; }
}

@media (max-width: 520px) {
  .tax-return-context,
.tax-return-context > div,
.tax-return-finding,
.tax-return-drawer-command{
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .tax-return-context select,
.tax-return-context .btn,
.tax-return-finding .btn,
.tax-return-drawer-command .btn{
    width: 100%;
    min-height: 44px;
  }

  .tax-return-register .table-scroll{ margin: 0; }
  .tax-return-register table,
.tax-country-pack-register .data-table{ min-width: 0; }
  .tax-return-register table thead,
.tax-country-pack-register .data-table thead{ display: none; }
  .tax-return-register table :is(tbody, tr, td),
.tax-country-pack-register .data-table :is(tbody, tr, td){ display: grid; width: 100%; min-width: 0; }
  .tax-return-register table tr,
.tax-country-pack-register .data-table tr{ gap: var(--tv-space-2); padding: var(--tv-space-3); border-bottom: 1px solid var(--tv-border); }
  .tax-return-register table td,
.tax-country-pack-register .data-table td{ grid-template-columns: minmax(104px, .46fr) minmax(0, 1fr); border: 0; padding: var(--tv-space-1) 0; text-align: left; justify-items: start; }
  .tax-return-register table td::before,
.tax-country-pack-register .data-table td::before{ content: attr(data-label); color: var(--tv-text-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
  .tax-return-pager{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tax-return-pager > span{ grid-column: 1 / -1; margin: 0; }
  .tax-return-drawer{ width: 100vw; }
}

.fixed-asset-form,
.fixed-asset-form *{
  box-sizing: border-box;
}

.fixed-asset-form{
  width: 100%;
  min-width: 0;
}

.fixed-asset-form .modal-grid{
  align-items: start;
}

.fixed-asset-form label{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  min-width: 0;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.fixed-asset-form label > span{
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.fixed-asset-form :is(input, select, textarea){
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid var(--tv-border-strong);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
  font-weight: 600;
}

.fixed-asset-form textarea{
  min-height: 88px;
  resize: vertical;
}

.fixed-asset-form .helper-copy{
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.fixed-asset-filters{
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(130px, .7fr)) auto;
  gap: var(--tv-space-2);
  align-items: center;
}

.fixed-asset-filters > :is(input, select, button){
  width: 100%;
  min-width: 0;
  min-height: 42px;
}

.fixed-asset-register .data-table td::before{
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 900px) {
  .fixed-asset-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fixed-asset-filters > :first-child,
.fixed-asset-filters > .btn{
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .fixed-asset-form .modal-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  .fixed-asset-filters{
    gap: var(--tv-space-2);
  }

  .fixed-asset-register.table-card > .data-table td{
    grid-template-columns: minmax(104px, .46fr) minmax(0, 1fr);
    gap: var(--tv-space-2);
  }

  .fixed-asset-register.table-card > .data-table td::before{
    font-size: 10px;
    line-height: 1.2;
  }
}

.cash-forecast-controls{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: var(--tv-space-3);
}

.cash-forecast-controls .field{
  min-width: 0;
}

.cash-forecast-controls > .btn{
  min-height: 44px;
}

.cash-forecast-register .project-time-cell{
  min-width: 0;
}

@media (max-width: 520px) {
  .cash-forecast-controls{
    grid-template-columns: 1fr;
  }

}

.sales-analysis-main,
.commercial-analysis-main{
  display: grid;
  gap: var(--tv-space-4);
  min-width: 0;
}

.sales-analysis-control-state,
.commercial-analysis-control-state{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--tv-space-3);
  min-width: 0;
  padding: var(--tv-space-3) var(--tv-space-4);
  border: 1px solid var(--tv-border);
  border-left: 4px solid var(--tv-success);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}

.sales-analysis-control-state.is-partial,
.commercial-analysis-control-state.is-partial{
  border-left-color: var(--tv-warning);
}

.sales-analysis-control-state strong,
.sales-analysis-control-state span,
.commercial-analysis-control-state strong,
.commercial-analysis-control-state span{
  min-width: 0;
  overflow-wrap: anywhere;
}

.sales-analysis-control-state > span:last-child,
.commercial-analysis-control-state > span:last-child{
  color: var(--tv-text-muted);
  text-align: right;
}

.sales-analysis-filter-panel > summary,
.commercial-analysis-filter-panel > summary{
  display: none;
}

.workspace .route-stack.tv-route-frame.sales-analysis .workspace-stat strong,
.workspace .route-stack.tv-route-frame.purchase-analysis .workspace-stat strong{
  max-width: 100%;
  font-variant-numeric: tabular-nums;
  overflow-wrap: normal;
  word-break: keep-all;
}

.sales-analysis-register .tv-money-danger,
.commercial-analysis-register .tv-money-danger{
  color: var(--tv-danger);
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}

.workspace .route-stack.tv-route-frame.purchase-analysis > .workspace-body{
  grid-template-columns: minmax(0, 1fr);
}

.purchase-analysis-register{
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.purchase-analysis-register .data-table{
  min-width: 820px;
}

.purchase-analysis-filters{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: end;
  overflow-x: visible;
}

@media (max-width: 1180px) {
  .purchase-analysis-filters{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .sales-analysis-control-state,
.commercial-analysis-control-state{
    grid-template-columns: minmax(0, 1fr);
  }

  .sales-analysis-control-state > span:last-child,
.commercial-analysis-control-state > span:last-child{
    text-align: left;
  }

}

@media (max-width: 520px) {
  .workspace .route-stack.tv-route-frame.purchase-analysis{
    gap: 10px;
  }

  .workspace .route-stack.tv-route-frame.purchase-analysis .workspace-hero{
    gap: 10px;
    padding: 12px;
  }

  .workspace .route-stack.tv-route-frame.purchase-analysis .workspace-hero-copy{
    gap: 4px;
  }

  .workspace .route-stack.tv-route-frame.purchase-analysis .workspace-hero h2{
    font-size: 22px;
  }

  .workspace .route-stack.tv-route-frame.purchase-analysis .workspace-hero p{
    font-size: 12px;
    line-height: 1.35;
  }

  .workspace .route-stack.tv-route-frame.purchase-analysis .workspace-hero-actions{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }

  .workspace .route-stack.tv-route-frame.purchase-analysis .workspace-hero-actions > .btn{
    min-width: 0;
    min-height: 42px;
    padding-inline: 12px;
  }

  .workspace .route-stack.tv-route-frame.purchase-analysis .workspace-stat{
    min-height: 78px;
    padding: 10px;
    gap: 3px;
  }

  .workspace .route-stack.tv-route-frame.sales-analysis .workspace-stat strong,
.workspace .route-stack.tv-route-frame.purchase-analysis .workspace-stat strong{
    font-size: 17px;
    letter-spacing: -.02em;
  }

  .sales-analysis-filter-panel,
.commercial-analysis-filter-panel{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  .sales-analysis-filter-panel > summary,
.commercial-analysis-filter-panel > summary{
    display: flex;
    min-height: 48px;
    padding: var(--tv-space-2) var(--tv-space-3);
    align-items: center;
    justify-content: space-between;
    gap: var(--tv-space-2);
    cursor: pointer;
  }

  .sales-analysis-filter-panel > summary span,
.commercial-analysis-filter-panel > summary span{
    color: var(--tv-text-muted);
    font-size: 11px;
    text-align: right;
  }

  .sales-analysis-filter-panel .sales-analysis-filters,
.commercial-analysis-filter-panel .commercial-analysis-filters{
    padding: var(--tv-space-3);
    border-top: 1px solid var(--tv-border);
  }

  .purchase-analysis-main{
    gap: 10px;
  }

  .purchase-analysis-filters{
    grid-template-columns: minmax(0, 1fr);
  }

  .purchase-analysis-main .commercial-analysis-control-state{
    gap: 5px;
    padding: 10px 12px;
  }

  .purchase-analysis-main .commercial-analysis-control-state strong{
    font-size: 14px;
    line-height: 1.25;
  }

  .purchase-analysis-main .commercial-analysis-control-state > span:last-child{
    font-size: 12px;
  }

  .purchase-analysis-register .data-table{
    min-width: 0;
  }

  .purchase-analysis-register .data-table thead{
    display: none;
  }

  .purchase-analysis-register .data-table tbody,
.purchase-analysis-register .data-table tr,
.purchase-analysis-register .data-table td{
    display: grid;
    width: 100%;
    min-width: 0;
  }

  .purchase-analysis-register .data-table tr{
    gap: 7px;
    padding: 12px;
    border-bottom: 1px solid var(--tv-border);
  }

  .purchase-analysis-register .data-table td{
    grid-template-columns: minmax(100px, .44fr) minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 0;
    border: 0;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .purchase-analysis-register .data-table td::before{
    content: attr(data-label);
    color: var(--tv-text-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-align: left;
    text-transform: uppercase;
  }

  .purchase-analysis-register .data-table td .tv-entity-cell{
    justify-items: end;
    text-align: right;
  }
}

.procurement-supplier-picker{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:var(--tv-space-2,8px); max-height:320px; overflow:auto; padding:2px; }
.procurement-supplier-picker .selection-card{ display:flex; align-items:center; gap:12px; min-height:56px; padding:10px 12px; border:1px solid var(--tv-border,var(--tv-border)); border-radius:var(--tv-radius-md,10px); background:var(--tv-surface,var(--tv-surface)); cursor:pointer; }
.procurement-supplier-picker .selection-card:has(input:checked){ border-color:var(--tv-brand,var(--tv-brand)); background:var(--tv-brand-soft,var(--tv-brand-soft)); }
.procurement-supplier-picker input{ width:20px; height:20px; }
.procurement-supplier-picker span{ display:grid; gap:2px; min-width:0; }
.procurement-quote-lines{ display:grid; gap:8px; }
.procurement-quote-line{ display:grid; grid-template-columns:minmax(240px,1fr) 100px minmax(150px,220px); align-items:center; gap:12px; }
.procurement-sourcing-panel .health-line strong{ max-width:68%; text-align:right; }
@media (max-width: 900px) {
  .procurement-quote-line{ grid-template-columns:1fr; }
  .procurement-sourcing-panel .health-line{ align-items:flex-start; }
  .procurement-sourcing-panel .health-line strong{ max-width:58%; overflow-wrap:anywhere; }
}

.tv-portals-root .tv-evidence-banner{
  display: flex;
  align-items: baseline;
  gap: var(--tv-space-2);
  margin-bottom: var(--tv-space-3);
  color: var(--tv-text-muted);
}
.tv-portals-root .tv-evidence-banner strong{ color: var(--tv-text); }
.tv-portals-root .data-table{ table-layout: fixed; }
.tv-portal-identity-button{
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tv-text);
  text-align: left;
}
.tv-portal-identity-button strong{ font-size: 13px; }
.tv-portal-identity-button small,
.tv-portal-identity-button code{
  display: block;
  color: var(--tv-text-muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}
.tv-portals-root .data-table .badge,
.tv-portals-root .data-table .btn{ white-space: nowrap; }
.tv-portals-root .data-table td[data-label="Actions"]{ text-align: right; }

@media (max-width: 900px) {
  .tv-portals-root .tv-evidence-banner{ align-items: flex-start; flex-direction: column; }
  .tv-portals-root .data-table{ table-layout: auto; }
  .tv-portals-root .data-table td[data-label="Actions"]{ text-align: left; }
}

.tv-route-frame[data-route-id="consolidation"] .workspace-stats{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tv-route-frame[data-route-id="consolidation"] .workspace-stat strong{
  font-size: clamp(18px, 1.55vw, 23px);
  overflow-wrap: normal;
  word-break: normal;
}
@media (max-width: 1180px) {
  .tv-route-frame[data-route-id="consolidation"] .workspace-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .tv-route-frame[data-route-id="consolidation"] .workspace-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tv-route-frame[data-route-id="consolidation"] .workspace-stat:last-child{
    grid-column: 1 / -1;
  }
}
.api-permission-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--tv-space-2, 8px);
  max-height: 320px;
  overflow: auto;
  padding: var(--tv-space-2, 8px);
  border: 1px solid var(--tv-border, var(--tv-border));
  border-radius: var(--tv-radius-sm, 6px);
}

.api-permission-grid .check-row{
  min-height: 44px;
  align-items: center;
  overflow-wrap: anywhere;
}

.receipt-inbox-host[aria-busy="true"]{ opacity: .66; pointer-events: none; }
.receipt-inbox-filters{ display: grid; grid-template-columns: minmax(280px, 1.4fr) minmax(190px, .65fr) auto; gap: var(--tv-space-3, 12px); align-items: end; }
.receipt-register{ min-width: 0; overflow-x: auto; }
.receipt-register .data-table{ min-width: 1080px; }
.receipt-attention{
  display: flex; align-items: center; justify-content: space-between; gap: var(--tv-space-4, 16px);
  padding: var(--tv-space-4, 16px) var(--tv-space-5, 20px); border: 1px solid var(--tv-warning-border);
  border-inline-start: 4px solid var(--tv-warning); border-radius: var(--tv-radius-lg, 10px); background: var(--tv-warning-soft);
}
.receipt-attention > div{ display: grid; gap: 3px; min-width: 0; }
.receipt-attention span:not(.badge){ color: var(--tv-text-muted); }
.receipt-upload-input{
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.receipt-dropzone{
  width: 100%; min-height: 190px; display: grid; place-items: center; align-content: center; gap: var(--tv-space-3, 12px);
  padding: var(--tv-space-6, 24px); border: 1px dashed var(--tv-border-strong); border-radius: var(--tv-radius-lg, 10px);
  background: var(--tv-surface-subtle); color: var(--tv-text); text-align: center;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}
.receipt-dropzone:is(:hover, :focus-visible),
.receipt-dropzone[data-drag-state="active"]{
  border-color: var(--tv-accent); background: var(--tv-brand-soft); transform: translateY(-1px);
}
.receipt-dropzone > .icon{ width: 34px; height: 34px; color: var(--tv-brand); }
.receipt-dropzone > span{ display: grid; gap: 5px; }
.receipt-dropzone strong{ font-size: 17px; overflow-wrap: anywhere; }
.receipt-dropzone span span{ color: var(--tv-text-muted); font-size: 13px; }
.receipt-control-note{
  display: grid; grid-template-columns: minmax(130px, .28fr) minmax(0, 1fr); gap: var(--tv-space-4, 16px); align-items: start;
  padding: 13px 15px; border: 1px solid var(--tv-info-border); border-inline-start: 4px solid var(--tv-info);
  border-radius: var(--tv-radius-md, 8px); background: var(--tv-info-soft);
}
.receipt-control-note strong{ color: var(--tv-brand); }
.receipt-control-note span{ color: var(--tv-text-muted); line-height: 1.45; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.receipt-inbox-drawer{
  width: min(1320px, calc(100vw - 40px));
  max-width: min(1320px, calc(100vw - 40px));
}
.receipt-detail-host,
.receipt-detail-layout,
.receipt-detail-workbench{ min-width: 0; }
.receipt-detail-layout{ display: grid; grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.35fr); gap: var(--tv-space-5, 20px); align-items: start; }
.receipt-detail-workbench{ display: grid; gap: var(--tv-space-4, 16px); }
.receipt-detail-command{ display: flex; align-items: flex-start; justify-content: space-between; gap: var(--tv-space-4, 16px); padding-block-end: var(--tv-space-3, 12px); border-block-end: 1px solid var(--tv-border); }
.receipt-detail-command h3{ margin: 3px 0 2px; font-size: clamp(22px, 3vw, 34px); letter-spacing: -.035em; }
.receipt-detail-command p{ margin: 0; color: var(--tv-text-muted); }
.receipt-detail-status{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.receipt-preview-card{
  position: sticky; top: 0; min-width: 0; overflow: hidden; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-lg, 10px);
  background: var(--tv-surface); box-shadow: var(--tv-shadow-sm);
}
.receipt-preview-stage{ min-height: 560px; max-height: 72vh; display: grid; place-items: center; overflow: auto; background: var(--tv-surface-muted); }
.receipt-preview-stage img,
.receipt-preview-stage iframe{ width: 100%; min-height: 560px; display: block; border: 0; object-fit: contain; background: var(--tv-surface); }
.receipt-preview-empty{ max-width: 280px; display: grid; justify-items: center; gap: 8px; padding: 30px; color: var(--tv-text-muted); text-align: center; }
.receipt-preview-empty > .icon{ width: 34px; height: 34px; color: var(--tv-brand); }
.receipt-preview-meta{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border-block-start: 1px solid var(--tv-border); }
.receipt-preview-meta > div{ min-width: 0; display: grid; gap: 2px; }
.receipt-preview-meta strong,
.receipt-preview-meta small{ min-width: 0; overflow-wrap: anywhere; }
.receipt-preview-meta small{ color: var(--tv-text-muted); }
.receipt-review-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tv-space-3, 12px); }
.receipt-review-grid .field{ min-width: 0; }
.receipt-review-grid :is(input, select),
.receipt-review-panel > .field > textarea{ width: 100%; }
.receipt-panel-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--tv-space-2, 8px); padding-block-start: var(--tv-space-2, 8px); }
.receipt-confidence{ display: grid; grid-template-columns: minmax(120px, 1fr) auto; align-items: center; gap: 10px; padding-block: 8px; }
.receipt-confidence meter{ width: 100%; accent-color: var(--tv-brand); }
.receipt-confidence span{ color: var(--tv-text-muted); font-size: 12px; font-weight: 700; white-space: nowrap; }
.receipt-match-panel{ display: grid; gap: var(--tv-space-3, 12px); }
.receipt-match-card{
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--tv-space-4, 16px); align-items: center; padding: 13px 14px;
  border: 1px solid var(--tv-border); border-radius: var(--tv-radius-md, 8px); background: var(--tv-surface-subtle);
}
.receipt-match-card > div,
.receipt-match-value{ min-width: 0; display: grid; gap: 3px; }
.receipt-match-card span,
.receipt-match-card small{ color: var(--tv-text-muted); overflow-wrap: anywhere; }
.receipt-match-value{ justify-items: end; text-align: right; }
.receipt-match-value strong{ font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 1040px) {
  .receipt-detail-layout{ grid-template-columns: 1fr; }
  .receipt-preview-card{ position: static; }
  .receipt-preview-stage,
.receipt-preview-stage img,
.receipt-preview-stage iframe{ min-height: 420px; max-height: 56vh; }
}
@media (max-width: 720px) {
  .receipt-inbox-filters,
.receipt-review-grid{ grid-template-columns: 1fr; }
  .receipt-inbox-filters > .btn{ width: 100%; }
  .receipt-attention,
.receipt-detail-command,
.receipt-preview-meta{ flex-direction: column; align-items: stretch; }
  .receipt-control-note,
.receipt-match-card{ grid-template-columns: 1fr; }
  .receipt-detail-status,
.receipt-panel-actions{ justify-content: flex-start; }
  .receipt-match-value{ justify-items: start; text-align: left; }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.receipt-inbox-drawer{ width: 100vw; max-width: 100vw; }
}

.direct-expense-lines{
  display: grid;
  gap: var(--tv-space-2);
}
.direct-expense-line{
  display: grid;
  grid-template-columns: minmax(180px, 1.1fr) minmax(220px, 1.7fr) minmax(120px, .6fr) minmax(170px, 1fr) auto;
  gap: var(--tv-space-2);
  align-items: end;
  padding: var(--tv-space-3);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface-muted);
}
.direct-expense-line .field{ min-width: 0; }
.direct-expense-line input,
.direct-expense-line select{ width: 100%; min-width: 0; }
.payroll-lines,
.payroll-line-row,
.payroll-line-row .field{ min-width: 0; max-width: 100%; }
.payroll-line-row{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.payroll-line-row .btn{ min-height: 44px; }
.direct-expenses-host .entity-cell small{
  display: block;
  margin-top: 2px;
  color: var(--tv-text-muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}
@media (max-width: 900px) {
  .direct-expense-line{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .payroll-line-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .direct-expense-line .btn{ width: 100%; }
}
@media (max-width: 520px) {
  .direct-expense-line{ grid-template-columns: 1fr; }
  .payroll-line-row{ grid-template-columns: 1fr; }
}

.bank-deposit-receipt-list{ display:grid; gap:var(--tv-space-2,8px); max-height:min(46vh,520px); overflow:auto; padding:2px; }
.bank-deposit-receipt{ display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:var(--tv-space-3,12px); min-height:58px; padding:10px 12px; border:1px solid var(--tv-border,var(--tv-border)); border-radius:var(--tv-radius-sm,6px); background:var(--tv-surface,var(--tv-surface)); }
.bank-deposit-receipt:has(input:checked){ border-color:var(--tv-brand,var(--tv-brand)); background:var(--tv-brand-soft,var(--tv-brand-soft)); }
.bank-deposit-receipt input{ width:18px; height:18px; }
.bank-deposit-receipt span{ display:grid; min-width:0; gap:2px; }
.bank-deposit-receipt small{ color:var(--tv-text-muted,var(--tv-text-muted)); overflow-wrap:anywhere; }
.bank-deposit-receipt b{ font-variant-numeric:tabular-nums; white-space:nowrap; }
.bank-deposit-drawer .panel{ display:grid; gap:var(--tv-space-3,12px); }
.bank-deposit-drawer .info-line{ display:grid; grid-template-columns:minmax(140px,.65fr) minmax(0,1fr); align-items:start; gap:var(--tv-space-4,16px); padding-block:7px; border-bottom:1px solid var(--tv-border,var(--tv-border)); }
.bank-deposit-drawer .info-line:last-child{ border-bottom:0; }
.bank-deposit-drawer .info-line > span{ color:var(--tv-text-muted,var(--tv-text-muted)); }
.bank-deposit-drawer .info-line > strong{ min-width:0; overflow-wrap:anywhere; text-align:right; font-variant-numeric:tabular-nums; }
@media (max-width: 520px) {
  .bank-deposit-receipt{ grid-template-columns:22px minmax(0,1fr); }
  .bank-deposit-receipt b{ grid-column:2; white-space:normal; }
  .bank-deposit-drawer .info-line{ grid-template-columns:1fr; gap:2px; }
  .bank-deposit-drawer .info-line > strong{ text-align:left; }
}

.employee-master-drawer .panel{
  min-width: 0;
}

.employee-master-drawer .info-line{
  display: grid;
  grid-template-columns: minmax(92px, .7fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--tv-space-3, 12px);
  padding-block: 7px;
  border-bottom: 1px solid var(--tv-border, var(--tv-border));
}

.employee-master-drawer .info-line:last-child{
  border-bottom: 0;
}

.employee-master-drawer .info-line > span{
  color: var(--tv-text-muted, var(--tv-text-muted));
}

.employee-master-drawer .info-line > strong{
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

@media (max-width: 520px) {
  .employee-master-drawer .info-line{
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .employee-master-drawer .info-line > strong{
    text-align: left;
  }
}

.app-shell{

}

@media (max-width: 900px) and (min-width: 521px) {
  .app-shell{

  }
}

@media (max-width: 520px) {
  .app-shell{

  }

  .app-shell{

    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 60px minmax(0, 1fr);
  }

  .app-shell > .main{
    grid-column: 1;
    grid-row: 2;
    height: calc(100dvh - 60px);
  }

  .app-shell .workspace{
    padding-bottom: calc(var(--tv-mobile-dock-height) + 18px + env(safe-area-inset-bottom));
  }

  .app-shell .route-stack{
    padding-bottom: calc(var(--tv-mobile-dock-height) + 18px + env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell{
    scroll-behavior: auto;
    transition: none;
  }
}

@media (min-width: 521px) {
  .app-shell{

  }
}

.tv-route-summary-toggle{
  display: none;
}

@media (max-width: 520px) {
  .workspace .tv-route-summary [data-summary-priority="secondary"],
.workspace .route-stack.tv-route-frame .tv-route-summary [data-summary-priority="secondary"]{
    display: none;
  }

  .workspace .tv-route-summary.is-expanded [data-summary-priority="secondary"],
.workspace .route-stack.tv-route-frame .tv-route-summary.is-expanded [data-summary-priority="secondary"]{
    display: grid;
  }

  .workspace .tv-route-summary .tv-route-summary-toggle{
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-sm);
    background: var(--tv-surface);
    color: var(--tv-brand);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
  }

  .workspace .tv-route-summary .tv-route-summary-toggle:focus-visible{
    outline: 3px solid color-mix(in srgb, var(--tv-accent) 42%, transparent);
    outline-offset: 2px;
  }
}

@media screen {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"]{
    --tv-bg: #f3f6f5;
    --tv-canvas: #f3f6f5;
    --tv-canvas-deep: #e9efed;
    --tv-surface: #ffffff;
    --tv-paper: #ffffff;
    --tv-surface-muted: #f7f9f8;
    --tv-surface-strong: #edf2f0;
    --tv-surface-cool: #f5f8f7;
    --tv-surface-raised: #ffffff;
    --tv-text: #15211f;
    --tv-text-muted: #5f6d69;
    --tv-text-subtle: #61706b;
    --tv-border: #dce5e1;
    --tv-border-subtle: #e8eeeb;
    --tv-border-strong: #bdcbc5;
    --tv-brand: #0b4a45;
    --tv-brand-hover: #083c38;
    --tv-brand-deep: #062e2b;
    --tv-brand-soft: #e6f2ef;
    --tv-on-brand: #ffffff;
    --tv-accent: #f15b2a;
    --tv-accent-hover: #d94718;
    --tv-accent-text: #a63812;
    --tv-accent-soft: #fff0e9;
    --tv-success: #167653;
    --tv-success-soft: #e8f6ef;
    --tv-success-border: #b7ddca;
    --tv-warning: #9a5b08;
    --tv-warning-soft: #fff6df;
    --tv-warning-border: #ead397;
    --tv-danger: #b52a34;
    --tv-danger-soft: #fff0f1;
    --tv-danger-border: #efc2c6;
    --tv-info: #286a78;
    --tv-info-soft: #eaf4f6;
    --tv-info-border: #bdd9de;
    --tv-ink: #082d2a;
    --tv-ink-raised: #123f3a;

    --tv-brand-border-strong: #94aaa2;
    --tv-row-hover: #f7fbf9;
    --tv-accent-on-dark: #ff9d79;
    --tv-warning-text: #6f4308;
    --tv-success-bright: #52c999;
    --tv-warning-bright: #f7b64e;
    --tv-danger-bright: #ff777f;
    --tv-table-header-border: #0a3a36;

    --tv-header-height: 72px;

    --tv-mobile-dock-height: 70px;
    --tv-radius-xs: 6px;
    --tv-radius-sm: 9px;
    --tv-radius-md: 12px;
    --tv-radius-lg: 16px;
    --tv-radius-xl: 20px;
    --tv-shadow-xs: 0 1px 2px rgba(8, 45, 42, .05);
    --tv-shadow-sm: 0 4px 12px rgba(8, 45, 42, .06);
    --tv-shadow-md: 0 12px 32px rgba(8, 45, 42, .10);
    --tv-shadow-lg: 0 24px 64px rgba(8, 45, 42, .18);
    min-height: 100dvh;
    display: grid;

    grid-template-rows: var(--tv-header-height) minmax(0, 1fr);
    overflow: hidden;
    background: var(--tv-canvas);
    color: var(--tv-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] *{
    box-sizing: border-box;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(button, input, select, textarea, summary){
    font: inherit;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(button, summary, [role="button"]):not(:disabled){
    cursor: pointer;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(button, input, select, textarea, summary, a[href]):focus-visible{
    outline: 3px solid color-mix(in srgb, var(--tv-accent) 42%, transparent);
    outline-offset: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] [data-tv-ui="premium-v4"][data-tv-component="route-frame"]{
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] [data-tv-ui="premium-v4"][data-tv-component="route-actions"]{
    min-width: 0;
    align-items: center;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] [data-tv-ui="premium-v4"][data-tv-component="metric-grid"]{
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] [data-tv-ui="premium-v4"]:is(
    [data-tv-component="empty-state"],
    [data-tv-component="loading-state"],
    [data-tv-component="state-surface"]
  ){
    min-height: 142px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 22px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-accent);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] [data-tv-ui="premium-v4"][data-tv-component="loading-state"]{
    grid-template-columns: 22px minmax(0, 1fr);
    border-inline-start-color: var(--tv-info);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] [data-tv-ui="premium-v4"] :is(
    [data-tv-region="title"],
    [data-tv-region="description"]
  ){
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-loading-state-indicator{
    width: 18px;
    height: 18px;
    border: 2px solid var(--tv-info-border);
    border-top-color: var(--tv-info);
    border-radius: 50%;
    animation: tv-v4-spin 700ms linear infinite;
  }

  @keyframes tv-v4-spin {
    to { transform: rotate(360deg); }
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header{
    grid-column: 2;
    grid-row: 1;
    position: relative;
    z-index: 28;
    min-width: 0;
    min-height: var(--tv-header-height);
    height: var(--tv-header-height);
    display: grid;
    grid-template-columns: minmax(158px, 204px) minmax(360px, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    border: 0;
    border-block-end: 1px solid var(--tv-border);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 1px 0 rgba(8, 45, 42, .025);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header::before{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header > *{
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__left{
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(188px, 238px) minmax(220px, 1fr);
    align-items: center;
    gap: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__actions,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__right{
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header .tv-command-brand{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-context{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-context strong{
    overflow: hidden;
    color: var(--tv-ink);
    font-size: 11px;
    font-weight: 780;
    letter-spacing: -.012em;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-context small{
    overflow: hidden;
    color: var(--tv-text-subtle);
    font-size: 8px;
    font-weight: 690;
    letter-spacing: .055em;
    line-height: 1.15;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-command-sidebar-toggle,
    .tv-command-icon,
    .tv-command-period,
    .tv-command-status,
    .tv-command-profile__trigger,
    .tv-command-create__trigger
  ){
    min-height: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: white;
    color: var(--tv-text-muted);
    box-shadow: var(--tv-shadow-xs);
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .icon-btn{
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: white;
    color: var(--tv-text-muted);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .icon-btn:hover:not(:disabled){
    border-color: var(--tv-border-strong);
    background: var(--tv-brand-soft);
    color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-command-sidebar-toggle,
    .tv-command-icon,
    .tv-command-period,
    .tv-command-status,
    .tv-command-profile__trigger
  ):hover{
    border-color: var(--tv-border-strong);
    background: var(--tv-surface-muted);
    color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-sidebar-toggle,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-icon,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-status,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-profile__trigger{
    width: 42px;
    min-width: 42px;
    padding: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-command-status__copy, .tv-command-profile__copy),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-profile__trigger > .icon{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-sidebar-toggle .icon,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-icon .icon{
    width: 18px;
    height: 18px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope{
    position: relative;
    min-width: 0;
    height: 42px;
    display: grid;
    grid-template-columns: 19px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 8px;
    padding: 0 9px 0 12px;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: var(--tv-surface-muted);
    color: var(--tv-brand);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope:focus-within{
    border-color: var(--tv-brand);
    background: white;
    box-shadow: 0 0 0 3px var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__icon,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope > .icon{
    grid-column: 1;
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    pointer-events: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__copy{
    grid-column: 2;
    min-width: 0;
    display: grid;
    gap: 1px;
    pointer-events: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__copy strong,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__copy small{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__copy strong{
    color: var(--tv-text);
    font-size: 10px;
    font-weight: 740;
    line-height: 1.05;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__copy small{
    color: var(--tv-text-subtle);
    font-size: 8px;
    font-weight: 620;
    line-height: 1.1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__chevron{
    grid-column: 3;
    display: grid;
    place-items: center;
    color: var(--tv-text-subtle);
    pointer-events: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__chevron .icon{
    width: 13px;
    height: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__select{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background-color: transparent;
    color: transparent;
    box-shadow: none;
    opacity: 0;
    outline: 0;
    cursor: pointer;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope__select:disabled{
    cursor: default;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search{
    width: 100%;
    min-width: 0;
    height: 42px;
    display: grid;
    grid-template-columns: 19px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 0 11px 0 13px;
    border: 1px solid var(--tv-border);
    border-radius: 11px;
    background: white;
    color: var(--tv-text-muted);
    box-shadow: inset 3px 0 0 var(--tv-accent), var(--tv-shadow-xs);
    text-align: left;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search:hover{
    border-color: var(--tv-border-strong);
    background: var(--tv-surface-muted);
    color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search__label{
    min-width: 0;
    display: grid;
    gap: 1px;
    text-align: left;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search__label strong,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search__label small{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search__label strong{
    color: var(--tv-text);
    font-size: 10px;
    font-weight: 720;
    line-height: 1.05;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search__label small{
    color: var(--tv-text-subtle);
    font-size: 8px;
    font-weight: 540;
    line-height: 1.1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search__shortcut{
    padding: 3px 7px;
    border: 1px solid var(--tv-border);
    border-radius: 6px;
    background: var(--tv-surface-muted);
    color: var(--tv-text-subtle);
    font-size: 9px;
    font-weight: 720;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-create__trigger{
    border-color: var(--tv-brand);
    background: var(--tv-brand);
    color: white;
    box-shadow: 0 6px 16px rgba(11, 74, 69, .18);
    font-weight: 760;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-create__trigger:hover{
    border-color: var(--tv-brand-hover);
    background: var(--tv-brand-hover);
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-command-create, .tv-command-profile){
    position: relative;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-menu{
    position: absolute;
    inset: calc(100% + 8px) 0 auto auto;
    z-index: 72;
    min-width: 224px;
    max-width: min(320px, calc(100vw - 24px));
    padding: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-menu[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-menu__group{
    padding: 9px 9px 5px;
    color: var(--tv-text-subtle);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-menu__identity{
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    margin: 2px 2px 7px;
    padding: 9px;
    border-radius: 9px;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-menu__identity-copy{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-notifications{
    position: relative;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-notifications__badge{
    position: absolute;
    inset: -5px -5px auto auto;
    min-width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    padding-inline: 4px;
    border: 2px solid white;
    border-radius: 999px;
    background: var(--tv-accent);
    color: white;
    font-size: 7px;
    font-weight: 820;
    line-height: 1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-period__copy{
    min-width: 0;
    display: grid;
    gap: 1px;
    text-align: left;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-command-period__copy, .tv-command-status__copy, .tv-command-profile__copy) strong{
    color: var(--tv-text);
    font-size: 10px;
    font-weight: 740;
    line-height: 1.05;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-command-period__copy, .tv-command-status__copy, .tv-command-profile__copy) small{
    color: var(--tv-text-subtle);
    font-size: 8px;
    font-weight: 650;
    line-height: 1.1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-profile__avatar{
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--tv-brand-deep);
    color: white;
    font-size: 10px;
    font-weight: 820;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-command-menu, .tv-action-menu-popover){
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: 12px;
    background: white;
    box-shadow: var(--tv-shadow-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-command-menu, .tv-action-menu-popover) button{
    border-radius: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .main{
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: calc(100dvh - var(--tv-header-height));
    overflow: hidden;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .content-frame{
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace{
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 26px clamp(20px, 2.2vw, 36px) 52px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--tv-border-strong) transparent;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace::-webkit-scrollbar,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body)::-webkit-scrollbar{
    width: 8px;
    height: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace::-webkit-scrollbar-thumb,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body)::-webkit-scrollbar-thumb{
    border: 2px solid transparent;
    border-radius: 999px;
    background: var(--tv-border-strong);
    background-clip: padding-box;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame{
    width: min(100%, 1720px);
    display: grid;
    gap: 15px;
    margin-inline: auto;
    padding: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero{
    min-height: 104px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 20px 22px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-copy{
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 4px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-copy h2,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-customer-register-head, .tv-customer-account-head) h1,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.route-state, .tv-state-surface) h2,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.route-state, .tv-state-surface) h3{
    margin: 0;
    color: var(--tv-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(25px, 2.1vw, 34px);
    font-weight: 790;
    letter-spacing: -.035em;
    line-height: 1.06;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-copy > p{
    max-width: 78ch;
    margin: 1px 0 0;
    color: var(--tv-text-muted);
    font-size: 12px;
    font-weight: 480;
    line-height: 1.5;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-route-context{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 4px;
    color: var(--tv-text-subtle);
    font-size: 9px;
    font-weight: 670;
    line-height: 1.2;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-route-context-state{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--tv-success);
    font-weight: 780;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-route-context-state::before{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px var(--tv-success-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-actions{
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn, .btn-small, .btn-sm){
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid var(--tv-border-strong);
    border-radius: 10px;
    background: white;
    background-image: none;
    color: var(--tv-text);
    box-shadow: var(--tv-shadow-xs);
    font-size: 11px;
    font-weight: 720;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 130ms ease, background 130ms ease, color 130ms ease, box-shadow 130ms ease, transform 130ms ease;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn, .btn-small, .btn-sm):hover:not(:disabled){
    border-color: var(--tv-brand);
    background: var(--tv-brand-soft);
    color: var(--tv-brand-deep);
    box-shadow: 0 5px 14px rgba(8, 45, 42, .09);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn-primary, [data-action-rank="primary"]){
    border-color: var(--tv-brand);
    background: var(--tv-brand);
    color: white;
    box-shadow: 0 7px 18px rgba(11, 74, 69, .18);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn-primary, [data-action-rank="primary"]):hover:not(:disabled){
    border-color: var(--tv-brand-hover);
    background: var(--tv-brand-hover);
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn-secondary, [data-action-rank="secondary"]){
    border-color: var(--tv-border-strong);
    background: white;
    color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn-ghost, [data-action-rank="overflow"]){
    border-color: var(--tv-border);
    background: var(--tv-surface-muted);
    color: var(--tv-text-muted);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn-danger, .danger, [data-tone="danger"] > .btn){
    border-color: var(--tv-danger-border);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn, .btn-small, .btn-sm):disabled{
    border-color: var(--tv-border);
    background: var(--tv-surface-strong);
    color: var(--tv-text-subtle);
    box-shadow: none;
    opacity: 1;
    cursor: not-allowed;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(input, select, textarea){
    min-width: 0;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid var(--tv-border-strong);
    border-radius: 10px;
    background-color: white;
    background-image: none;
    color: var(--tv-text);
    box-shadow: inset 0 1px 1px rgba(8, 45, 42, .025);
    font-size: 11px;
    font-weight: 590;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(input, select, textarea):hover:not(:disabled){
    border-color: var(--tv-brand-border-strong);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(input, select, textarea):focus{
    border-color: var(--tv-brand);
    outline: 0;
    box-shadow: 0 0 0 3px var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(input, select, textarea):disabled{
    background: var(--tv-surface-strong);
    color: var(--tv-text-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] select{
    padding-inline-end: 32px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] textarea{
    min-height: 94px;
    resize: vertical;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(input[type="checkbox"], input[type="radio"]){
    min-height: 0;
    accent-color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(label, .field){
    color: var(--tv-text);
    font-size: 10px;
    font-weight: 720;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .filters,
    .filter-bar,
    .command-row,
    .invoice-filters,
    .invoice-filter-shell,
    .tv-customer-register-filters,
    .pending-approval-filters,
    .audit-log-toolbar,
    .users-roles-filters,
    .recurring-filters
  ){
    gap: 9px;
    padding: 12px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    background-image: none;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stats.tv-route-summary,
    .tv-business-cockpit-metrics,
    .tv-customer-register-metrics,
    .tax-return-money-band
  ){
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  ){
    position: relative;
    min-width: 0;
    min-height: 104px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 16px 17px;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: 14px;
    background: white;
    background-image: none;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .tv-accounting-context-bar,
    .tv-accounting-trust-band,
    .tv-accounting-currency-card,
    .tv-accounting-connection-card,
    .tv-accounting-source-reference,
    .tv-accounting-control-item,
    .tax-return-context,
    .tax-return-finding,
    .tax-return-panel,
    .tax-return-boundary-note,
    .sales-analysis-control-state,
    .commercial-analysis-control-state,
    .procurement-sourcing-panel,
    .tv-receipt-detail-hero,
    .tv-receipt-section,
    .tv-receipt-context,
    .tv-receipt-info,
    .tv-receipt-clean-state,
    .data-imports .import-intake,
    .data-imports .import-preview,
    .data-imports .import-history,
    .data-imports .import-file-control,
    .data-imports .import-empty-state,
    .data-imports .import-readiness
  ){
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    background-image: none;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .health-line,
    .info-line,
    .detail-line,
    .metric-line
  ){
    min-width: 0;
    padding: 11px 0;
    border: 0;
    border-block-end: 1px solid var(--tv-border-subtle);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .health-line,
    .info-line,
    .detail-line,
    .metric-line
  ):last-child{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .health-line,
    .info-line,
    .detail-line,
    .metric-line
  ) strong{
    color: var(--tv-ink);
    font-variant-numeric: tabular-nums;
    overflow-wrap: normal;
    word-break: normal;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-page{
    display: grid;
    gap: 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-summary{
    display: grid;
    grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr);
    gap: 10px;
    border: 0;
    background: transparent;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-footnote{
    margin: 0;
    padding: 0 2px;
    color: var(--tv-text-subtle);
    font-size: 9px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .sales-order-command,
    .purchase-order-command,
    .purchase-requisition-command
  ){
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px 15px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-accent);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .sales-order-command,
    .purchase-order-command,
    .purchase-requisition-command
  ) strong{
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 780;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .sales-order-command,
    .purchase-order-command,
    .purchase-requisition-command
  ) p{
    margin: 3px 0 0;
    color: var(--tv-text-muted);
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .administration-command-center-host{
    min-width: 0;
    display: grid;
    gap: 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .administration-metrics{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .administration-metric{
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 15px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .administration-panel,
    .administration-clear-state,
    .administration-limitation,
    .administration-section-state
  ){
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .administration-control-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .administration-section-footer{
    padding: 12px 15px;
    border-block-start: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .administration-finding-severity{
    border-radius: 999px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  )::before{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  )[data-tone="warning"]::before{
    background: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  )[data-tone="danger"]::before{
    background: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  ) > span:first-child{
    color: var(--tv-text-subtle);
    font-size: 9px;
    font-weight: 810;
    letter-spacing: .09em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  ) > strong{
    min-width: 0;
    color: var(--tv-ink);
    font-size: clamp(20px, 1.8vw, 29px);
    font-weight: 780;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.03em;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  ) > small{
    color: var(--tv-text-muted);
    font-size: 9.5px;
    font-weight: 520;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .panel,
    .evidence-panel,
    .table-card,
    .table-scroll,
    .tv-customer-register-card,
    .invoice-cockpit-table,
    .pending-approval-register,
    .audit-log-register,
    .users-roles-user-register,
    .users-roles-role-register,
    .user-permission-register,
    .recurring-register,
    .editor-card,
    .detail-card,
    .health-card,
    .summary-card,
    .tv-accounting-panel,
    .tv-receipt-register-card,
    .tv-customer-section,
    .tv-customer-account-command,
    .tv-customer-account-overview
  ){
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    background-image: none;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .panel-head,
    .evidence-panel-head
  ){
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .panel-body,
    .evidence-panel-body
  ){
    min-width: 0;
    padding: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .detail-hero{
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 18px;
    border: 1px solid var(--tv-brand-deep);
    border-inline-start: 4px solid var(--tv-accent);
    border-radius: var(--tv-radius-lg);
    background: linear-gradient(125deg, var(--tv-brand-deep), var(--tv-brand));
    color: white;
    box-shadow: var(--tv-shadow-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .detail-hero strong{
    color: white;
    font-size: clamp(21px, 2vw, 30px);
    font-weight: 790;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.03em;
    line-height: 1.05;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .detail-hero span{
    color: rgba(239, 249, 246, .74);
    font-size: 10px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .detail-metric{
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .record-collaboration{
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .table-scroll{
    overflow-x: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    color: var(--tv-text);
    font-size: 10.75px;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table thead{
    background: var(--tv-surface-muted);
    color: var(--tv-text-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table th{
    height: 42px;
    padding: 9px 12px;
    border: 0;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
    color: var(--tv-text-muted);
    font-size: 8.75px;
    font-weight: 820;
    letter-spacing: .085em;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table th:first-child{
    padding-inline-start: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table th:last-child{
    padding-inline-end: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table .th-button{
    width: 100%;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    box-shadow: none;
    font: inherit;
    text-align: inherit;
    text-transform: inherit;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table .sort-mark{
    color: var(--tv-text-subtle);
    font-size: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table td{
    min-height: 46px;
    padding: 11px 12px;
    border: 0;
    border-block-end: 1px solid var(--tv-border-subtle);
    background: white;
    color: var(--tv-text);
    vertical-align: middle;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table td:first-child{
    padding-inline-start: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table td:last-child{
    padding-inline-end: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table tbody tr:last-child td{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table tbody tr:hover td{
    background: var(--tv-row-hover);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table tbody tr.is-clickable:hover td:first-child{
    box-shadow: inset 3px 0 0 var(--tv-accent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table :is(
    [data-column-key*="amount"],
    [data-column-key*="balance"],
    [data-column-key*="total"],
    [data-column-key*="credit"],
    [data-column-key*="debit"],
    [data-column-key*="outstanding"]
  ){
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table .row-actions{
    text-align: right;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table .empty-row td{
    padding: 34px 20px;
    color: var(--tv-text-muted);
    text-align: center;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .section-head,
    .table-card > header,
    .panel-head,
    .tv-customer-section-head,
    .tv-coa-register-head,
    .audit-log-register-head
  ){
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-block-end: 1px solid var(--tv-border);
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .section-head,
    .table-card > header,
    .panel-head,
    .tv-customer-section-head,
    .tv-coa-register-head,
    .audit-log-register-head
  ) :is(h2, h3){
    margin: 0;
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 770;
    letter-spacing: -.015em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.pager, .pagination, .ledger-pagination, .tv-customer-pager, .tax-return-pager){
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 12px;
    border: 0;
    border-block-start: 1px solid var(--tv-border);
    border-radius: 0;
    background: white;
    color: var(--tv-text-muted);
    box-shadow: none;
    font-size: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tabs, .route-tabs, .tv-customer-ledger-tabs, .segmented, [role="tablist"]){
    gap: 6px;
    padding: 5px;
    border: 1px solid var(--tv-border);
    border-radius: 11px;
    background: var(--tv-surface-muted);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace [role="tab"]{
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--tv-text-muted);
    box-shadow: none;
    font-size: 10px;
    font-weight: 700;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace [role="tab"]:is(.active, .is-active, [aria-selected="true"]){
    border-color: var(--tv-border);
    background: white;
    color: var(--tv-brand-deep);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.badge, .status-badge, .status-pill, .pill, .chip){
    min-height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 8px;
    border: 1px solid var(--tv-border);
    border-radius: 999px;
    background: var(--tv-surface-muted);
    color: var(--tv-text);
    box-shadow: none;
    font-size: 8.75px;
    font-weight: 780;
    letter-spacing: .025em;
    line-height: 1.1;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.badge-success, .status-success){
    border-color: var(--tv-success-border);
    background: var(--tv-success-soft);
    color: var(--tv-success);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.badge-warning, .status-warning){
    border-color: var(--tv-warning-border);
    background: var(--tv-warning-soft);
    color: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.badge-danger, .status-danger){
    border-color: var(--tv-danger-border);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.badge-info, .status-info){
    border-color: var(--tv-info-border);
    background: var(--tv-info-soft);
    color: var(--tv-info);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-list{
    overflow: hidden;
    border: 1px solid var(--tv-warning-border);
    border-radius: 14px;
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-list-head{
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 15px;
    border-block-end: 1px solid var(--tv-warning-border);
    background: var(--tv-warning-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-list-head h3{
    margin: 0;
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 760;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-kicker{
    color: var(--tv-warning);
    font-size: 8.5px;
    font-weight: 830;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-row{
    min-height: 54px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 11px;
    padding: 10px 14px;
    border-block-end: 1px solid var(--tv-border-subtle);
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-copy{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-copy strong{
    color: var(--tv-text);
    font-size: 11px;
    font-weight: 730;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-attention-copy span{
    color: var(--tv-text-muted);
    font-size: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .route-state,
    .tv-state-surface,
    .tv-customer-route-state,
    .tv-receipt-route-state,
    .tv-customer-empty,
    .empty-state,
    .data-empty,
    .tv-register-empty-state
  ){
    min-height: 158px;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 24px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    background-image: none;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.route-state, .tv-state-surface)[role="alert"]{
    border-color: var(--tv-danger-border);
    background: var(--tv-danger-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-state-label{
    width: max-content;
    padding: 4px 8px;
    border: 1px solid var(--tv-border);
    border-radius: 999px;
    background: var(--tv-surface-muted);
    color: var(--tv-text-muted);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.route-state, .tv-state-surface) p{
    max-width: 68ch;
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 11px;
    line-height: 1.5;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .route-loading,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] [aria-busy="true"] .loading-card{
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit.tv-business-cockpit--prepaint{
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 0;
    padding: 20px;
    overflow: hidden;
    border: 1px solid var(--tv-brand-deep);
    border-radius: var(--tv-radius-lg);
    background: linear-gradient(122deg, var(--tv-brand-deep), var(--tv-brand));
    box-shadow: inset 4px 0 0 var(--tv-accent), 0 14px 34px rgba(8, 45, 42, .14);
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-eyebrow{
    display: block;
    color: var(--tv-accent-on-dark);
    font-size: 9px;
    font-weight: 840;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint h1{
    margin: 6px 0 4px;
    color: white;
    font-size: clamp(21px, 2vw, 29px);
    font-weight: 780;
    letter-spacing: -.03em;
    line-height: 1.12;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint > p{
    max-width: 74ch;
    margin: 0;
    color: rgba(238, 249, 246, .74);
    font-size: 11px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-cards{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-top: 17px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-card{
    min-width: 0;
    min-height: 92px;
    display: grid;
    align-content: start;
    gap: 4px;
    padding: 12px 13px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-top: 3px solid var(--tv-accent-on-dark);
    border-radius: var(--tv-radius-md);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 20px rgba(4, 28, 26, .16);
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-card > :is(span, small){
    display: block;
    min-width: 0;
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 720;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-card > span{
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-card > strong{
    display: block;
    min-width: 0;
    margin: 2px 0 0;
    color: var(--tv-text);
    font-size: clamp(17px, 1.55vw, 23px);
    font-variant-numeric: tabular-nums;
    font-weight: 790;
    letter-spacing: -.025em;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-value-skeleton{
    min-height: 25px;
    color: transparent;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--tv-border) 25%, var(--tv-surface-muted) 50%, var(--tv-border) 75%);
    background-size: 200% 100%;
    animation: tv-v4-prepaint-value 1.2s ease-in-out infinite;
  }

  @keyframes tv-v4-prepaint-value {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit{
    display: grid;
    gap: 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-masthead{
    min-height: 132px;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
    align-items: stretch;
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--tv-brand-deep);
    border-radius: var(--tv-radius-lg);
    background: var(--tv-brand-deep);
    box-shadow: 0 15px 34px rgba(8, 45, 42, .14);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-masthead::after{
    content: none;
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-intro{
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 22px 24px 22px 27px;
    border-inline-start: 4px solid var(--tv-accent);
    background: linear-gradient(125deg, var(--tv-brand-deep), var(--tv-brand));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-kicker{
    color: var(--tv-accent-on-dark);
    font-size: 9px;
    font-weight: 840;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-experience-mode="daily_work"] .workspace .tv-business-cockpit-kicker{
    color: var(--tv-accent-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-masthead h2{
    margin: 0;
    color: white;
    font-size: clamp(19px, 1.65vw, 27px);
    font-weight: 780;
    letter-spacing: -.028em;
    line-height: 1.12;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-masthead p{
    max-width: 76ch;
    margin: 0;
    color: rgba(238, 249, 246, .72);
    font-size: 10px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-pulse{
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 4px;
    padding-top: 7px;
    border-block-start: 1px solid rgba(255, 255, 255, .14);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-pulse > span{
    color: var(--tv-accent-on-dark);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-pulse > strong{
    color: rgba(255, 255, 255, .84);
    font-size: 9px;
    font-weight: 650;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 0;
    border-inline-start: 1px solid rgba(255, 255, 255, .1);
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions{
    min-width: 0;
    display: grid;
    align-content: start;
    background: white;
    color: var(--tv-ink);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions__head{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 12px 7px;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions__head h3{
    margin: 0;
    color: var(--tv-ink);
    font-size: 10px;
    font-weight: 820;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions__head p{
    color: var(--tv-text-subtle);
    font-size: 9px;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions__list{
    min-width: 0;
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action{
    min-width: 0;
    min-height: 44px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    border: 0;
    border-block-end: 1px solid var(--tv-border);
    background: white;
    color: var(--tv-ink);
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action:hover{
    background: var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action.is-primary{
    box-shadow: inset 3px 0 0 var(--tv-brand);
    background: color-mix(in srgb, var(--tv-brand-soft) 72%, white);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action__copy{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action__copy :is(strong, small),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action > b{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action__copy strong{
    font-size: 10px;
    font-weight: 740;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action__copy small{
    color: var(--tv-brand);
    font-size: 9px;
    font-weight: 690;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action > b{
    max-width: 110px;
    color: var(--tv-text-subtle);
    font-size: 9px;
    font-weight: 720;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions__toggle{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context dl{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context dl > div{
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 3px;
    padding: 12px 13px;
    border: 0;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context :is(dt, dd){
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context dt{
    color: var(--tv-text-subtle);
    font-size: 8px;
    font-weight: 790;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context dd{
    color: var(--tv-ink);
    font-size: 10px;
    font-weight: 720;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    gap: 0;
    border-block-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-refresh{
    min-height: 38px;
    padding: 7px 10px;
    border: 0;
    border-inline-end: 1px solid var(--tv-border);
    background: white;
    color: var(--tv-brand);
    font-size: 9px;
    font-weight: 770;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-refresh:hover{
    background: var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-refresh:last-child{
    border-inline-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-board{
    display: grid;
    grid-template-columns: minmax(290px, .8fr) minmax(0, 1.2fr);
    grid-template-areas:
      "receivables trend"
      "exposure exposure";
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-receivables{ grid-area: receivables; }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-trend{ grid-area: trend; }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-exposure{ grid-area: exposure; }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-board > :is(section, article, div){
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-section-head{
    padding: 14px 16px;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-panel-head{
    min-height: 70px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 12px 15px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-panel-head > span{
    color: var(--tv-accent);
    font-size: 8px;
    font-weight: 830;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-panel-head h2{
    margin: 0;
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 780;
    line-height: 1.2;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-panel-head p{
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 8.5px;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-trend figure{
    margin: 0;
    padding: 14px 15px 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-chart{
    min-height: 172px;
    height: 172px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-chart-month{
    min-height: 0;
    padding: 0 4px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-chart-month:hover,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-chart-month[aria-pressed="true"]{
    background: var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-chart-bars .is-invoiced,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-business-cockpit-aging-track, .tv-business-cockpit-customer-track) > i{
    background: var(--tv-accent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-chart-bars .is-receipts{
    background: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-receivable-total{
    display: grid;
    gap: 3px;
    padding: 15px;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-receivable-total strong{
    color: var(--tv-ink);
    font-size: 22px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.025em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-aging{
    display: grid;
    gap: 11px;
    padding: 14px 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-exposure-grid{
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(260px, .88fr);
    gap: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-exposure-grid > section{
    min-width: 0;
    padding: 15px;
    border-inline-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-exposure-grid > section:last-child{
    border-inline-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-host, .modal-host){
    background: rgba(8, 45, 42, .48);
    backdrop-filter: blur(3px);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer{
    width: min(620px, calc(100vw - 20px));
    max-width: 620px;
    height: min(100dvh - 20px, 980px);
    max-height: calc(100dvh - 20px);
    margin: 10px 10px 10px auto;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 18px;
    background: white;
    box-shadow: var(--tv-shadow-lg);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal{
    width: min(720px, calc(100vw - 32px));
    max-width: min(720px, calc(100vw - 32px));
    max-height: min(880px, calc(100dvh - 32px));
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: 18px;
    background: white;
    box-shadow: var(--tv-shadow-lg);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal.modal-lg{
    width: min(1040px, calc(100vw - 32px));
    max-width: min(1040px, calc(100vw - 32px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-header, .modal-header){
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 15px 17px 15px 20px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-title, .modal-title){
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-title h2, .modal-header h2){
    margin: 0;
    color: var(--tv-ink);
    font-size: 21px;
    font-weight: 790;
    letter-spacing: -.025em;
    line-height: 1.1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-title p, .modal-header p){
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 10px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body){
    min-width: 0;
    min-height: 0;
    padding: 18px 20px 26px;
    overflow-x: hidden;
    overflow-y: auto;
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-footer, .modal-footer){
    min-height: 66px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 11px 16px;
    border-block-start: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
    box-shadow: 0 -8px 24px rgba(8, 45, 42, .04);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-header, .modal-header) .icon-btn{
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: white;
    color: var(--tv-text-muted);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-close, .modal-close){
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: white;
    color: var(--tv-text-muted);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit{
    width: min(1120px, calc(100vw - 20px));
    max-width: min(1120px, calc(100vw - 20px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .drawer-body{
    padding: 16px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit :is(
    .invoice-evidence-state,
    .tv-invoice-drawer-summary,
    .tv-invoice-drawer-strip,
    .editor-card,
    .tv-invoice-balance-card,
    .tv-invoice-detail-grid .health-line,
    .payment-entry-row,
    .table-scroll,
    .invoice-command-center,
    .invoice-action-item
  ){
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    background-image: none;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .invoice-evidence-state{
    border-inline-start: 4px solid var(--tv-success);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .invoice-evidence-state.is-limited{
    border-inline-start-color: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-evidence-inspector{
    width: min(560px, calc(100vw - 20px));
    max-width: 560px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-inspector-nav{
    position: sticky;
    top: -18px;
    z-index: 2;
    display: flex;
    gap: 5px;
    margin: -18px -20px 16px;
    padding: 10px 16px;
    overflow-x: auto;
    border-block-end: 1px solid var(--tv-border);
    background: rgba(255, 255, 255, .96);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-inspector-nav-link{
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid var(--tv-border);
    border-radius: 8px;
    background: var(--tv-surface-muted);
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 730;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-inspector-section{
    padding: 15px;
    border: 1px solid var(--tv-border);
    border-radius: 12px;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-inspector-section + .tv-inspector-section{
    margin-block-start: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-inspector-section-head{
    padding-block-end: 10px;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-inspector-eyebrow{
    color: var(--tv-accent);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.form-errors, .alert, .notice, .banner, .callout){
    padding: 12px 14px;
    border: 1px solid var(--tv-warning-border);
    border-inline-start: 4px solid var(--tv-warning);
    border-radius: var(--tv-radius-md);
    background: var(--tv-warning-soft);
    background-image: none;
    color: var(--tv-warning-text);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.form-errors, .alert-danger, .notice-danger, .banner-danger, .callout-danger){
    border-color: var(--tv-danger-border);
    border-inline-start-color: var(--tv-danger);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .toast-region{
    position: fixed;
    inset: auto 18px 18px auto;
    z-index: 110;
    display: grid;
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .toast{
    width: min(390px, calc(100vw - 32px));
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-info);
    border-radius: 12px;
    background: var(--tv-ink);
    color: white;
    box-shadow: var(--tv-shadow-lg);
    font-size: 11px;
    font-weight: 650;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .toast-success{
    border-inline-start-color: var(--tv-success-bright);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .toast-warning{
    border-inline-start-color: var(--tv-warning-bright);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .toast-danger{
    border-inline-start-color: var(--tv-danger-bright);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-command-shell{
    min-width: 0;
    display: grid;
    gap: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(240px, .74fr) minmax(0, 1.26fr);
    align-items: start;
    gap: 0;
    overflow: hidden;
    border-inline-start: 4px solid var(--tv-accent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar > :is(.tv-accounting-command-copy, .tv-accounting-context-actions){
    min-width: 0;
    padding: 14px 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-facts{
    min-width: 0;
    align-self: stretch;
    border: 0;
    border-inline-start: 1px solid var(--tv-border);
    border-radius: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions{
    grid-column: 1 / -1;
    grid-template-columns: minmax(210px, 1.35fr) minmax(150px, .8fr) repeat(3, minmax(140px, 1fr));
    align-items: center;
    padding-block: 12px;
    border-block-start: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-band{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell{
    position: relative;
    min-width: 0;
    min-height: 92px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 14px 16px;
    border-block-start: 3px solid var(--tv-border-strong);
    border-inline-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell:last-child{
    border-inline-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell[data-tone="success"]{
    border-block-start-color: var(--tv-success);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell[data-tone="warning"]{
    border-block-start-color: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell[data-tone="danger"]{
    border-block-start-color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell strong{
    color: var(--tv-ink);
    font-size: 21px;
    font-weight: 780;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.025em;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell small{
    color: var(--tv-text-muted);
    font-size: 9px;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-command-grid--workspace{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "result"
      "coverage"
      "exposure";
    align-items: start;
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-posted-result{
    grid-area: result;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-coverage{
    grid-area: coverage;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-exposure{
    grid-area: exposure;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-close{
    grid-area: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-section-head{
    min-height: 58px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 14px 16px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-section-head :is(h2, p){
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-section-head h2{
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 780;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-section-head p{
    margin-block-start: 3px;
    color: var(--tv-text-muted);
    font-size: 9px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-state{
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border: 1px solid var(--tv-border);
    border-radius: 999px;
    background: white;
    color: var(--tv-text-muted);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .045em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-state:is([data-state="available"], [data-state="clear"], [data-state="balanced"], [data-state="current"]){
    border-color: var(--tv-success-border);
    background: var(--tv-success-soft);
    color: var(--tv-success);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-state:is([data-state="partial"], [data-state="not_configured"]){
    border-color: var(--tv-warning-border);
    background: var(--tv-warning-soft);
    color: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-state:is([data-state="unavailable"], [data-state="mismatch"], [data-state="overdue"]){
    border-color: var(--tv-danger-border);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-currency-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
    padding: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-accounting-result-window, .tv-accounting-exposure-row, .tv-accounting-connection-card){
    min-width: 0;
    padding: 12px 14px;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-accounting-result-window, .tv-accounting-exposure-row, .tv-accounting-connection-card):last-child{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-accounting-loading, .tv-accounting-loading-board){
    min-width: 0;
    display: grid;
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-loading-trust{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-loading-board--workspace{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "primary"
      "secondary"
      "tertiary";
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-accounting-loading-command, .tv-accounting-loading-trust > div, .tv-accounting-loading-board > div){
    min-height: 92px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: linear-gradient(105deg, var(--tv-surface-muted) 20%, white 42%, var(--tv-surface-muted) 64%);
    background-size: 220% 100%;
    animation: tv-v4-shimmer 1.35s ease-in-out infinite;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-loading-command{
    min-height: 112px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-loading-board > div:first-child{
    grid-area: primary;
    min-height: 260px;
  }

  @keyframes tv-v4-shimmer {
    to { background-position: -220% 0; }
  }
}

@media screen and (max-width: 1240px) and (min-width: 901px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"]{

  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header{
    grid-template-columns: minmax(132px, 168px) minmax(300px, 1fr) auto;
    gap: 8px;
    padding-inline: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center{
    grid-template-columns: minmax(160px, 196px) minmax(160px, 1fr);
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-period__copy{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-period{
    width: 42px;
    min-width: 42px;
    padding: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-facts{
    border-inline-start: 0;
    border-block-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions{
    grid-column: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 900px) and (min-width: 521px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"]{

  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header{
    grid-template-columns: 42px minmax(240px, 1fr) auto;
    gap: 7px;
    padding-inline: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-context{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center{
    grid-template-columns: minmax(146px, 176px) minmax(120px, 1fr);
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-command-period, .tv-command-status, .tv-command-notifications){
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-profile__copy,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search__shortcut{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-profile__trigger{
    width: 42px;
    min-width: 42px;
    padding: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace{
    padding: 20px 18px 42px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.workspace-stats.tv-route-summary, .tv-business-cockpit-metrics, .tv-customer-register-metrics){
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-masthead{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context{
    border-inline-start: 0;
    border-block-start: 1px solid rgba(255, 255, 255, .1);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-board{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "receivables"
      "trend"
      "exposure";
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-summary{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .tv-accounting-context-bar,
    .tv-accounting-command-grid,
    .tv-accounting-loading-board
  ){
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .tv-accounting-posted-result,
    .tv-accounting-coverage,
    .tv-accounting-exposure,
    .tv-accounting-loading-board > div:first-child
  ){
    grid-area: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar > :is(div, section) + :is(div, section){
    border-inline-start: 0;
    border-block-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-facts{
    border-inline-start: 0;
    border-block-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions{
    grid-column: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-loading-board > div:first-child{
    min-height: 260px;
  }
}

@media screen and (max-width: 760px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero{
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-actions{
    width: 100%;
    justify-content: flex-start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-exposure-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-exposure-grid > section{
    border-inline-end: 0;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-exposure-grid > section:last-child{
    border-block-end: 0;
  }
}

@media screen and (max-width: 520px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit.tv-business-cockpit--prepaint{
    padding: 16px;
    border-radius: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit--prepaint .tv-prepaint-card[data-summary-priority="secondary"]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-masthead{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context{
    border-inline-start: 0;
    border-block-start: 1px solid rgba(255, 255, 255, .1);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-board{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "receivables"
      "trend"
      "exposure";
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"]{
    --tv-header-height: 62px;

    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--tv-header-height) minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header{
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: 44px minmax(112px, 1fr) 44px;
    gap: 6px;
    height: var(--tv-header-height);
    min-height: var(--tv-header-height);
    padding: 0 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__left{
    display: block;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-sidebar-toggle{
    grid-column: 1;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-context,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-scope{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center{
    grid-column: 2;
    display: block;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search{
    width: 100%;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    grid-template-columns: 17px minmax(0, 1fr);
    padding: 0 10px;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search .tv-command-search__label small,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-search .tv-command-search__shortcut{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__actions,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__right{
    grid-column: 3;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__actions > :not(.tv-command-profile),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__right > :not(.tv-command-profile){
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-profile__trigger{
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-profile__trigger > :not(.tv-command-profile__avatar){
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .main{
    grid-column: 1;
    grid-row: 2;
    height: calc(100dvh - var(--tv-header-height));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace{
    padding: 12px 10px calc(var(--tv-mobile-dock-height) + 18px + env(safe-area-inset-bottom));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame{
    gap: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero{
    min-height: 0;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-copy h2{
    font-size: 24px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-actions > :is(.btn, details),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .workspace-hero-actions details > summary{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.btn, .btn-small, .btn-sm, input, select){
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.workspace-stats.tv-route-summary, .tv-business-cockpit-metrics, .tv-customer-register-metrics){
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-intro{
    padding: 19px 18px 19px 21px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions__head p{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-action:not(:first-child){
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions.is-expanded .tv-business-cockpit-top-action:not(:first-child){
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-top-actions__toggle{
    min-height: 44px;
    display: block;
    padding: 8px 12px;
    border: 0;
    border-block-end: 1px solid var(--tv-border);
    background: white;
    color: var(--tv-brand);
    font-size: 10px;
    font-weight: 740;
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context dl{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-metrics [data-summary-priority="secondary"]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-metrics.is-expanded [data-summary-priority="secondary"]{
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-metrics-toggle{
    display: inline-flex;
    grid-column: 1 / -1;
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-route-summary [data-summary-priority="secondary"]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-route-summary.is-expanded [data-summary-priority="secondary"]{
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-route-summary .tv-route-summary-toggle{
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: white;
    color: var(--tv-brand);
    font-weight: 720;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .tv-accounting-context-bar,
    .tv-accounting-command-grid,
    .tv-accounting-loading-board
  ){
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .tv-accounting-posted-result,
    .tv-accounting-coverage,
    .tv-accounting-exposure,
    .tv-accounting-loading-board > div:first-child
  ){
    grid-area: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-band,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-loading-trust{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar > :is(div, section) + :is(div, section){
    border-inline-start: 0;
    border-block-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell{
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-loading-board > div:first-child{
    min-height: 220px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  ){
    min-height: 88px;
    padding: 13px 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .workspace-stat.tv-route-summary-cell,
    .tv-business-cockpit-metric,
    .tv-customer-register-metric,
    .money-card
  ) > strong{
    font-size: 22px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal{
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    border: 0;
    border-radius: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal-backdrop{
    padding: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-header, .modal-header){
    min-height: 66px;
    padding: 10px 11px 10px 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body){
    padding: 14px 12px 22px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-footer, .modal-footer){
    min-height: 62px;
    padding: 9px 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .toast-region{
    inset: auto 8px calc(var(--tv-mobile-dock-height) + 8px) 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .toast{
    width: 100%;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] *,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] *::before,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] *::after{
    scroll-behavior: auto;
    transition-duration: .01ms;
    animation-duration: .01ms;
    animation-iteration-count: 1;
  }
}

@media screen {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .tv-build-update{
    position: fixed;
    inset-block-start: calc(var(--tv-header-height) + 12px);
    inset-inline-end: 18px;
    z-index: 65;
    width: min(440px, calc(100vw - var(--tv-catalog-current-width) - 36px));
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--tv-border-strong);
    border-inline-start: 4px solid var(--tv-info);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
    color: var(--tv-text);
    box-shadow: var(--tv-shadow-lg);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .tv-build-update[data-reload-blocked="true"]{
    border-inline-start-color: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-build-update__copy{
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-build-update__eyebrow{
    color: var(--tv-accent);
    font-size: 9px;
    font-weight: 820;
    letter-spacing: .13em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-build-update__title{
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 780;
    line-height: 1.3;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-build-update__message{
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 11px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-build-update__reload{
    min-width: 88px;
    min-height: 38px;
    padding-inline: 14px;
  }
}

@media screen and (max-width: 520px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .tv-build-update{
    inset-block-start: calc(var(--tv-header-height) + 10px);
    inset-inline: 10px;
    width: auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-build-update__reload{
    width: 100%;
  }
}

@media screen {

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ){
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-stack,
    .detail-shell,
    .modal-form
  ){
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .detail-shell{
    gap: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal-form{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal-grid{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field){
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 6px;
    margin: 0;
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > span{
    color: var(--tv-text-muted);
    font-size: 10px;
    font-weight: 790;
    letter-spacing: .045em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > :is(small, .field-help),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .helper-copy{
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 10px;
    font-weight: 520;
    line-height: 1.5;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .helper-copy.compact{
    margin-block-start: 2px;
    font-size: 9.5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > :is(input, select, textarea),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .modal-form > :is(input, select, textarea){
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid var(--tv-border-strong);
    border-radius: var(--tv-radius-sm);
    background: white;
    color: var(--tv-text);
    box-shadow: inset 0 1px 1px rgba(8, 45, 42, .025);
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > textarea,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .modal-form > textarea{
    min-height: 96px;
    resize: vertical;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > :is(input, select, textarea):hover{
    border-color: color-mix(in srgb, var(--tv-brand) 45%, var(--tv-border-strong));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > :is(input, select, textarea):focus{
    border-color: var(--tv-brand);
    outline: 0;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tv-brand-soft) 82%, transparent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > :is(input, select, textarea):disabled,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.field, .form-field, .tv-coa-field) > :is(input, select, textarea)[readonly]{
    border-color: var(--tv-border);
    background: var(--tv-surface-strong);
    color: var(--tv-text-muted);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.modal-form, .modal-grid) > label:not(.check-field):not(.tv-coa-group-toggle):not(.field):not(.form-field):not(.tv-coa-field){
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 6px;
    margin: 0;
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.modal-form, .modal-grid) > label:not(.check-field):not(.tv-coa-group-toggle):not(.field):not(.form-field):not(.tv-coa-field) > span{
    color: var(--tv-text-muted);
    font-size: 10px;
    font-weight: 790;
    letter-spacing: .045em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.modal-form, .modal-grid) > label:not(.check-field):not(.tv-coa-group-toggle):not(.field):not(.form-field):not(.tv-coa-field) > :is(input, select, textarea){
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid var(--tv-border-strong);
    border-radius: var(--tv-radius-sm);
    background: white;
    color: var(--tv-text);
    box-shadow: inset 0 1px 1px rgba(8, 45, 42, .025);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.modal-form, .modal-grid) > label:not(.check-field):not(.tv-coa-group-toggle):not(.field):not(.form-field):not(.tv-coa-field) > textarea{
    min-height: 96px;
    resize: vertical;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.modal-form, .modal-grid) > label:not(.check-field):not(.tv-coa-group-toggle):not(.field):not(.form-field):not(.tv-coa-field) > :is(input, select, textarea):focus{
    border-color: var(--tv-brand);
    outline: 0;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tv-brand-soft) 82%, transparent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .check-field{
    min-width: 0;
    min-height: 50px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-sm);
    background: var(--tv-surface-muted);
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .check-field > input[type="checkbox"]{
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.form-error, .form-errors){
    min-width: 0;
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--tv-danger-border);
    border-inline-start: 4px solid var(--tv-danger);
    border-radius: var(--tv-radius-md);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.45;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.form-error, .form-errors)[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .form-errors :is(strong, li){
    color: inherit;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .form-errors ul{
    display: grid;
    gap: 3px;
    margin: 0;
    padding-inline-start: 18px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .helper-copy.is-warning{
    padding: 10px 12px;
    border: 1px solid var(--tv-warning-border);
    border-inline-start: 3px solid var(--tv-warning);
    border-radius: var(--tv-radius-sm);
    background: var(--tv-warning-soft);
    color: var(--tv-warning-text);
    font-weight: 640;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-header-actions{
    min-width: 0;
    max-width: min(58vw, 720px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-header-actions .btn{
    min-height: 36px;
    padding: 7px 11px;
    border-radius: var(--tv-radius-sm);
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.drawer-actions, .modal-actions, .detail-actions){
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.panel, .editor-card, .detail-card, .evidence-panel, .summary-card){
    min-width: 0;
    padding: 15px;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.panel, .editor-card, .detail-card, .evidence-panel, .summary-card) > :is(h2, h3){
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-block-end: 1px solid var(--tv-border);
    background: transparent;
    color: var(--tv-ink);
    font-size: 12px;
    font-weight: 770;
    letter-spacing: -.01em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.panel, .editor-card, .detail-card, .evidence-panel, .summary-card) > .section-head{
    min-height: 52px;
    margin: -15px -15px 14px;
    padding: 11px 15px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.health-line, .info-line, .detail-line, .metric-line){
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(118px, .42fr) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    margin: 0;
    padding: 10px 14px;
    border: 0;
    border-block-end: 1px solid var(--tv-border-subtle);
    border-radius: 0;
    background: white;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.health-line, .info-line, .detail-line, .metric-line):last-child{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.health-line, .info-line, .detail-line, .metric-line) > :is(strong, span):last-child{
    min-width: 0;
    justify-self: end;
    color: var(--tv-text);
    font-variant-numeric: tabular-nums;
    text-align: end;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.table-card, .table-scroll, .tv-receipt-evidence-table){
    min-width: 0;
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: none;
    scrollbar-width: thin;
    scrollbar-color: var(--tv-border-strong) transparent;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.data-table, .mini-table){
    width: 100%;
    min-width: 620px;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    color: var(--tv-text);
    font-size: 10.5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.data-table, .mini-table) th{
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 40px;
    padding: 10px 12px;
    border: 0;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-strong);
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 810;
    letter-spacing: .045em;
    line-height: 1.25;
    text-align: start;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.data-table, .mini-table) td{
    min-height: 44px;
    padding: 10px 12px;
    border: 0;
    border-block-end: 1px solid var(--tv-border-subtle);
    background: white;
    color: var(--tv-text);
    line-height: 1.4;
    vertical-align: middle;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.data-table, .mini-table) tbody tr:last-child td{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.data-table, .mini-table) tbody tr:hover td{
    background: var(--tv-row-hover);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.data-table, .mini-table) :is(
    [data-column-key*="amount"],
    [data-column-key*="balance"],
    [data-column-key*="total"],
    [data-column-key*="credit"],
    [data-column-key*="debit"],
    [data-column-key*="outstanding"],
    .number-cell,
    .money-cell
  ){
    font-variant-numeric: tabular-nums;
    text-align: end;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) .row-actions{
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.tv-receipt-drawer{
    width: min(980px, calc(100vw - 20px));
    max-width: min(980px, calc(100vw - 20px));
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-drawer .drawer-body{
    padding: 16px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-host,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail{
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail{
    display: grid;
    gap: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, .38fr);
    align-items: center;
    gap: 20px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid var(--tv-brand-deep);
    border-inline-start: 4px solid var(--tv-accent);
    border-radius: var(--tv-radius-lg);
    background: linear-gradient(135deg, var(--tv-ink) 0%, var(--tv-ink-raised) 100%);
    color: white;
    box-shadow: var(--tv-shadow-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-copy{
    min-width: 0;
    display: grid;
    gap: 4px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-kicker{
    color: var(--tv-accent-on-dark);
    font-size: 9px;
    font-weight: 820;
    letter-spacing: .12em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-copy h2{
    margin: 0;
    color: white;
    font-size: clamp(22px, 2.4vw, 31px);
    font-weight: 790;
    letter-spacing: -.035em;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-copy > p{
    margin: 0;
    color: var(--tv-border-strong);
    font-size: 10.5px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-badges,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions{
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-badges{
    margin-block-start: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions{
    margin-block-start: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions .btn{
    min-height: 36px;
    border-color: rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .10);
    color: white;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions .btn:hover{
    border-color: rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .17);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions .btn-primary{
    border-color: var(--tv-accent);
    background: var(--tv-accent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions .btn-danger{
    border-color: var(--tv-danger-border);
    background: rgba(181, 42, 52, .28);
    color: var(--tv-danger-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-amount{
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: var(--tv-radius-md);
    background: rgba(255, 255, 255, .09);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-amount :is(span, small){
    color: var(--tv-border-strong);
    font-size: 9.5px;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-amount > span{
    font-weight: 780;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-amount strong{
    min-width: 0;
    color: white;
    font-size: clamp(21px, 2.4vw, 30px);
    font-weight: 780;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.035em;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-command{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric{
    min-width: 0;
    min-height: 86px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 14px;
    border-inline-start: 1px solid var(--tv-border-subtle);
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric:first-child{
    border-inline-start: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric > span{
    color: var(--tv-text-muted);
    font-size: 8.5px;
    font-weight: 810;
    letter-spacing: .075em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric > strong{
    min-width: 0;
    color: var(--tv-ink);
    font-size: 16px;
    font-weight: 760;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric > small{
    color: var(--tv-text-muted);
    font-size: 9px;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric.is-success > strong{
    color: var(--tv-success);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric.is-warning > strong{
    color: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric.is-danger > strong{
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-section{
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-section-head{
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-section-head h3{
    margin: 0;
    color: var(--tv-ink);
    font-size: 12px;
    font-weight: 780;
    letter-spacing: -.01em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-section-head p{
    max-width: 90ch;
    margin: 3px 0 0;
    color: var(--tv-text-muted);
    font-size: 9.5px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-evidence-grid{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 22px;
    padding: 8px 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-info{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(110px, .42fr) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 10px 0;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-info > span{
    color: var(--tv-text-muted);
    font-size: 9.5px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-info > strong{
    min-width: 0;
    color: var(--tv-text);
    font-size: 10.5px;
    font-weight: 690;
    line-height: 1.4;
    text-align: end;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-info.is-hash > strong{
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9px;
    word-break: break-all;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-subsections{
    min-width: 0;
    display: grid;
    gap: 12px;
    padding: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-subsections > .tv-receipt-evidence-grid{
    padding: 0 4px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-evidence-table{
    border-radius: var(--tv-radius-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-identity{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-identity :is(strong, span, small){
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-identity :is(span, small){
    color: var(--tv-text-muted);
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-receipt-empty,
    .tv-receipt-clean-state,
    .tv-receipt-retry-banner,
    .tv-receipt-exceptions
  ){
    min-width: 0;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-info);
    border-radius: var(--tv-radius-md);
    background: var(--tv-info-soft);
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-empty{
    margin: 12px;
    border-inline-start-color: var(--tv-border-strong);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-clean-state{
    border-color: var(--tv-success-border);
    border-inline-start-color: var(--tv-success);
    background: var(--tv-success-soft);
    color: var(--tv-success);
    font-weight: 670;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-retry-banner{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-color: var(--tv-warning-border);
    border-inline-start-color: var(--tv-warning);
    background: var(--tv-warning-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-exceptions{
    border-color: var(--tv-danger-border);
    border-inline-start-color: var(--tv-danger);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-receipt-empty,
    .tv-receipt-clean-state,
    .tv-receipt-retry-banner,
    .tv-receipt-exceptions
  ) p{
    margin: 3px 0 0;
    color: var(--tv-text-muted);
    font-size: 10px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-timeline{
    display: grid;
    gap: 0;
    margin: 0;
    padding: 4px 16px 12px;
    list-style: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-timeline li{
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
    padding: 11px 0;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-timeline li:last-child{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-timeline-marker{
    width: 10px;
    height: 10px;
    margin-block-start: 3px;
    border: 2px solid var(--tv-brand-soft);
    border-radius: 50%;
    background: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-timeline header{
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-timeline :is(time, p){
    color: var(--tv-text-muted);
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-drawer-loading{
    position: relative;
    min-height: 188px;
    display: grid;
    align-content: center;
    gap: 7px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-info);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-drawer-loading::after{
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--tv-info) 48%, transparent 100%);
    transform: translateX(-65%);
    animation: tv-v4-receipt-evidence 1.2s ease-in-out infinite;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-drawer-loading strong{
    color: var(--tv-ink);
    font-size: 14px;
    font-weight: 770;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-drawer-loading p{
    max-width: 66ch;
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 10.5px;
    line-height: 1.5;
  }

  @keyframes tv-v4-receipt-evidence {
    0% { transform: translateX(-65%); }
    100% { transform: translateX(65%); }
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.tv-coa-account-drawer{
    width: min(820px, calc(100vw - 20px));
    max-width: min(820px, calc(100vw - 20px));
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-account-drawer .drawer-body{
    padding: 15px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-body{
    min-width: 0;
    display: grid;
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-section{
    min-width: 0;
    padding: 15px;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-section :is(h3, h4){
    margin: 0;
    color: var(--tv-ink);
    font-weight: 770;
    line-height: 1.25;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-section h3{
    font-size: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-section h4{
    margin-block-start: 16px;
    font-size: 10.5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-section > p{
    margin: 4px 0 12px;
    color: var(--tv-text-muted);
    font-size: 9.5px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-section :is(ul, .tv-coa-blocker-list){
    display: grid;
    gap: 5px;
    margin: 9px 0 0;
    padding-inline-start: 18px;
    color: var(--tv-text-muted);
    font-size: 10px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts{
    min-width: 0;
    display: grid;
    margin: 10px 0 0;
    border-block-start: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts > div{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 9px 0;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts :is(dt, dd){
    min-width: 0;
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts dt{
    color: var(--tv-text-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts dd{
    justify-self: end;
    color: var(--tv-text);
    font-weight: 680;
    font-variant-numeric: tabular-nums;
    text-align: end;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance-list{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance{
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance > header{
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance > header strong{
    color: var(--tv-brand-deep);
    font-size: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance > header span{
    color: var(--tv-text-muted);
    font-size: 8.5px;
    font-weight: 780;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance-value{
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 13px 11px;
    border-block-end: 1px solid var(--tv-border);
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance-value span{
    color: var(--tv-text-muted);
    font-size: 8.5px;
    font-weight: 760;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance-value strong{
    min-width: 0;
    color: var(--tv-ink);
    font-size: 16px;
    font-weight: 760;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance .tv-coa-facts{
    margin: 0;
    padding: 3px 11px 8px;
    border-block-start: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-editor{
    min-width: 0;
    display: grid;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-editor-errors:empty{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-editor-grid{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-group-toggle{
    min-width: 0;
    min-height: 58px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-sm);
    background: var(--tv-surface-muted);
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-group-toggle input{
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-group-toggle span{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-group-toggle strong{
    font-size: 10.5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-group-toggle small{
    color: var(--tv-text-muted);
    font-size: 9px;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-loading{
    min-height: 170px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-content: center;
    align-items: center;
    gap: 4px 11px;
    padding: 22px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-info);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-loading .spinner{
    grid-row: 1 / 3;
    width: 18px;
    height: 18px;
    border: 2px solid var(--tv-info-border);
    border-block-start-color: var(--tv-info);
    border-radius: 50%;
    animation: tv-v4-spin 700ms linear infinite;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-loading strong{
    color: var(--tv-ink);
    font-size: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-loading small{
    color: var(--tv-text-muted);
    font-size: 9.5px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.tv-receipt-create-drawer{
    width: min(1120px, calc(100vw - 20px));
    max-width: min(1120px, calc(100vw - 20px));
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-drawer .drawer-body{
    padding: 16px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-drawer .drawer-footer{
    justify-content: flex-end;
    gap: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-drawer .drawer-footer .btn{
    min-width: 124px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 310px);
    align-items: start;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-main{
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-intro,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary{
    min-width: 0;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-intro{
    display: grid;
    gap: 4px;
    padding: 15px 17px;
    overflow: hidden;
    border-color: var(--tv-brand-deep);
    border-inline-start: 4px solid var(--tv-accent);
    background: linear-gradient(135deg, var(--tv-ink) 0%, var(--tv-ink-raised) 100%);
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-intro > strong{
    font-size: 16px;
    font-weight: 820;
    letter-spacing: -.018em;
    line-height: 1.25;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-intro > p{
    max-width: 72ch;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 10.5px;
    line-height: 1.55;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card{
    display: grid;
    gap: 14px;
    padding: 17px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card-head{
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding-block-end: 12px;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card-head > span{
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--tv-brand);
    color: white;
    font-size: 11px;
    font-weight: 860;
    font-variant-numeric: tabular-nums;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card-head > div{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card-head h3,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary h3{
    margin: 0;
    color: var(--tv-ink);
    font-size: 14px;
    font-weight: 820;
    letter-spacing: -.014em;
    line-height: 1.3;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card-head p,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary p{
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 10px;
    line-height: 1.5;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-grid{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-field{
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 6px;
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-field > span{
    color: var(--tv-text-muted);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .055em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-field > small{
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 9px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-receipt-create-field,
    .tv-receipt-create-card
  ) > :is(input, select, textarea),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-field > :is(input, select, textarea){
    width: 100%;
    min-width: 0;
    min-height: 43px;
    padding: 9px 11px;
    border: 1px solid var(--tv-border-strong);
    border-radius: var(--tv-radius-sm);
    background: white;
    color: var(--tv-text);
    box-shadow: inset 0 1px 1px rgba(8, 45, 42, .025);
    font: inherit;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-card > input[type="search"]{
    width: 100%;
    min-height: 43px;
    padding: 9px 11px;
    border: 1px solid var(--tv-border-strong);
    border-radius: var(--tv-radius-sm);
    background: white;
    color: var(--tv-text);
    font: inherit;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-field > textarea{
    min-height: 78px;
    resize: vertical;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-field > input[type="file"]{
    min-height: 43px;
    padding: 6px;
    font-size: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-receipt-create-field > input,
    .tv-receipt-create-field > select,
    .tv-receipt-create-field > textarea,
    .tv-receipt-create-card > input[type="search"]
  ):focus-visible{
    outline: 0;
    border-color: var(--tv-brand);
    box-shadow: 0 0 0 3px rgba(14, 103, 95, .14);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-receipt-create-field > input,
    .tv-receipt-create-field > select,
    .tv-receipt-create-field > textarea,
    .tv-receipt-create-card > input[type="search"]
  ):disabled{
    cursor: not-allowed;
    border-color: var(--tv-border-subtle);
    background: var(--tv-surface-muted);
    color: var(--tv-text-muted);
    opacity: 1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-combobox{
    position: relative;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-results{
    position: absolute;
    z-index: 6;
    inset: calc(100% - 24px) 0 auto;
    max-height: 260px;
    padding: 6px;
    overflow: auto;
    border: 1px solid var(--tv-border-strong);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-lg);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-results[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-option{
    width: 100%;
    min-height: 48px;
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--tv-radius-sm);
    background: transparent;
    color: var(--tv-text);
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-option:is(:hover, :focus-visible, .is-active),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-option[aria-selected="true"]{
    outline: 0;
    background: var(--tv-brand-soft);
    color: var(--tv-brand-deep);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-option strong{
    font-size: 11px;
    font-weight: 790;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-option span{
    color: var(--tv-text-muted);
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-selection{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin-block-start: 8px;
    padding: 8px 10px;
    border: 1px solid var(--tv-success-border);
    border-radius: var(--tv-radius-sm);
    background: var(--tv-success-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-selection[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-selection :is(span, small){
    color: var(--tv-success);
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-selection strong{
    min-width: 0;
    overflow: hidden;
    color: var(--tv-ink);
    font-size: 10.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-option-status{
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 8px 10px;
    border-radius: var(--tv-radius-sm);
    background: var(--tv-info-soft);
    color: var(--tv-info);
    font-size: 9.5px;
    font-weight: 670;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-option-status.is-error{
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-list{
    min-width: 0;
    display: grid;
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-pager{
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-pager small{
    color: var(--tv-text-muted);
    font-size: 9px;
    font-variant-numeric: tabular-nums;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice{
    min-width: 0;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) minmax(115px, .35fr) minmax(125px, .38fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
    transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice.is-selected{
    border-color: var(--tv-brand);
    background: var(--tv-brand-soft);
    box-shadow: inset 3px 0 0 var(--tv-accent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-select input{
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-copy,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-outstanding{
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-copy strong,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-outstanding strong{
    color: var(--tv-ink);
    font-size: 10.5px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-copy :is(span, small),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-outstanding span{
    overflow: hidden;
    color: var(--tv-text-muted);
    font-size: 8.8px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-outstanding{
    justify-items: end;
    text-align: end;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice .tv-receipt-create-field > small{
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-loading,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-empty{
    min-height: 104px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 16px;
    border: 1px dashed var(--tv-border-strong);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-loading{
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-loading .spinner{
    grid-row: 1 / 3;
    width: 18px;
    height: 18px;
    border: 2px solid var(--tv-info-border);
    border-block-start-color: var(--tv-info);
    border-radius: 50%;
    animation: tv-v4-spin 700ms linear infinite;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-empty.compact{
    min-height: 76px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-empty.is-error{
    border-color: var(--tv-danger-border);
    background: var(--tv-danger-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-receipt-create-loading, .tv-receipt-create-empty) strong{
    color: var(--tv-ink);
    font-size: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-receipt-create-loading, .tv-receipt-create-empty) p{
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 9.5px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary{
    position: sticky;
    inset-block-start: 0;
    display: grid;
    align-content: start;
    gap: 11px;
    padding: 17px;
    overflow: hidden;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary::before{
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--tv-accent), var(--tv-brand));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary-lines{
    display: grid;
    border: 1px solid var(--tv-border-subtle);
    border-radius: var(--tv-radius-md);
    overflow: hidden;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary-lines .tv-receipt-info{
    min-height: 56px;
    padding: 9px 11px;
    border: 0;
    border-block-end: 1px solid var(--tv-border-subtle);
    border-radius: 0;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary-lines .tv-receipt-info:last-child{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary-lines .tv-receipt-info > strong{
    color: var(--tv-ink);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary > small{
    color: var(--tv-text-muted);
    font-size: 9.5px;
    font-weight: 700;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-outcome,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-boundary{
    display: grid;
    gap: 4px;
    padding: 11px;
    border: 1px solid var(--tv-info-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-info-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-outcome[data-outcome="advance"]{
    border-color: var(--tv-warning-border);
    background: var(--tv-warning-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-outcome[data-outcome="allocated"]{
    border-color: var(--tv-success-border);
    background: var(--tv-success-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-receipt-create-outcome, .tv-receipt-create-boundary) strong{
    color: var(--tv-ink);
    font-size: 10.5px;
    font-weight: 800;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-errors{
    margin: 0;
  }
}

@media screen and (max-width: 840px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-header{
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "title close"
      "actions actions";
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-header > .drawer-title{
    grid-area: title;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-header > .drawer-header-actions{
    grid-area: actions;
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-header > .icon-btn{
    grid-area: close;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-command{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric{
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary{
    position: static;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .6fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary > :is(.tv-receipt-kicker, h3, .tv-receipt-create-summary-lines, small){
    grid-column: 1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary > :is(.tv-receipt-create-outcome, .tv-receipt-create-boundary){
    grid-column: 2;
  }
}

@media screen and (max-width: 640px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-editor-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-evidence-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-retry-banner{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.tv-receipt-drawer,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.tv-receipt-create-drawer,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer.tv-coa-account-drawer{
    width: 100vw;
    max-width: 100vw;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-receipt-drawer,
    .tv-receipt-create-drawer,
    .tv-coa-account-drawer
  ) .drawer-body{
    padding: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head{
    gap: 13px;
    padding: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions .btn{
    flex: 1 1 150px;
    min-height: 42px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-command{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric{
    min-height: 72px;
    border-inline-start: 0;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-decision-metric:last-child{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-summary > :is(
    .tv-receipt-kicker,
    h3,
    .tv-receipt-create-summary-lines,
    small,
    .tv-receipt-create-outcome,
    .tv-receipt-create-boundary
  ){
    grid-column: 1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice{
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice-outstanding,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-invoice > .tv-receipt-create-field{
    grid-column: 2;
    justify-items: start;
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-selection{
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-customer-selection strong{
    white-space: normal;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-drawer .drawer-footer .btn{
    flex: 1 1 130px;
    min-height: 44px;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-info,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts > div,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.health-line, .info-line, .detail-line, .metric-line){
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-info > strong,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts dd,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.health-line, .info-line, .detail-line, .metric-line) > :is(strong, span):last-child{
    justify-self: start;
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance-list{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .drawer-body,
    .modal-body
  ) :is(.data-table, .mini-table){
    min-width: 560px;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-drawer-loading::after,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-create-loading .spinner,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-loading .spinner{
    animation: none;
  }
}

@media screen {

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route > .workspace-hero[data-tv-surface="route-header"]{
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-cockpit-table .data-table :is(thead, th){
    background: var(--tv-brand);
    color: var(--tv-on-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-cockpit-table .data-table th .th-button{
    color: inherit;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-bar{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-more{
    min-width: 0;
    display: block;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-secondary{
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor{
    width: min(100%, 1540px);
    min-width: 0;
    display: grid;
    gap: 16px;
    margin: 0 auto;
    padding: 20px 22px 42px;
    color: var(--tv-text);
    scroll-padding-block-end: 94px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > :is(
    .workspace-hero,
    .tv-document-strip,
    .editor-grid,
    .advanced-invoice-fields,
    .editor-table,
    .invoice-totals-panel,
    .sticky-save,
    .draft-recovery,
    .form-errors,
    [data-invoice-edit-scope]
  ){
    min-width: 0;
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero{
    min-height: 104px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 20px 22px;
    overflow: hidden;
    border: 1px solid var(--tv-brand-deep);
    border-inline-start: 5px solid var(--tv-accent);
    border-radius: var(--tv-radius-lg);
    background: linear-gradient(126deg, var(--tv-brand-deep), var(--tv-brand));
    color: white;
    box-shadow: var(--tv-shadow-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero :is(h1, h2){
    margin: 0;
    color: white;
    font-size: clamp(24px, 2.15vw, 34px);
    font-weight: 790;
    letter-spacing: -.035em;
    line-height: 1.05;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero p{
    max-width: 78ch;
    margin: 7px 0 0;
    color: rgba(238, 249, 246, .76);
    font-size: 11px;
    font-weight: 540;
    line-height: 1.5;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero .workspace-hero-actions{
    justify-content: flex-end;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero .btn{
    border-color: rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .1);
    color: white;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero .btn-primary{
    border-color: var(--tv-accent);
    background: var(--tv-accent);
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--tv-brand-deep);
    border-inline-start: 5px solid var(--tv-accent);
    border-radius: var(--tv-radius-lg);
    background: var(--tv-ink);
    box-shadow: var(--tv-shadow-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip > div{
    min-width: 0;
    min-height: 82px;
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 14px 16px;
    border: 0;
    border-inline-end: 1px solid rgba(255, 255, 255, .1);
    background: transparent;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip span{
    color: rgba(225, 241, 236, .58);
    font-size: 8.5px;
    font-weight: 820;
    letter-spacing: .105em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip strong{
    min-width: 0;
    color: white;
    font-size: 14px;
    font-weight: 740;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.018em;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .draft-recovery{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 15px 17px;
    border: 1px solid var(--tv-warning-border);
    border-inline-start: 4px solid var(--tv-warning);
    border-radius: var(--tv-radius-md);
    background: var(--tv-warning-soft);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .draft-recovery[hidden],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .form-errors[hidden],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor [hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .draft-recovery :is(strong, p){
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .draft-recovery strong{
    color: var(--tv-warning);
    font-size: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .draft-recovery p{
    margin-top: 3px;
    color: var(--tv-text-muted);
    font-size: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .draft-recovery-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .form-errors,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-revision-guard{
    padding: 14px 16px;
    border: 1px solid var(--tv-danger-border);
    border-inline-start: 4px solid var(--tv-danger);
    border-radius: var(--tv-radius-md);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-revision-guard{
    display: grid;
    gap: 8px;
    margin-top: 14px;
    border-color: var(--tv-warning-border);
    border-inline-start-color: var(--tv-warning);
    background: var(--tv-warning-soft);
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-revision-guard.is-admin-correction{
    border-color: var(--tv-info-border);
    border-inline-start-color: var(--tv-info);
    background: var(--tv-info-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .editor-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0;
    overflow: visible;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .editor-grid > .editor-card{
    min-width: 0;
    padding: 20px;
    overflow: visible;
    border: 0;
    border-radius: inherit;
    background: white;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(.editor-card, .editor-table, .invoice-totals-panel) h2{
    margin: 0;
    color: var(--tv-ink);
    font-size: 15px;
    font-weight: 790;
    letter-spacing: -.02em;
    line-height: 1.2;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .customer-picker-fieldset{
    display: grid;
    grid-template-columns: minmax(260px, 1.15fr) minmax(230px, .85fr);
    gap: 12px;
    margin: 16px 0 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-meta-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-meta-grid > .invoice-subject-field{
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(.field, .customer-picker){
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 6px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(.field > span, .customer-picker > span){
    color: var(--tv-text-muted);
    font-size: 8.5px;
    font-weight: 820;
    letter-spacing: .09em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(input, select, textarea){
    min-width: 0;
    width: 100%;
    border: 1px solid var(--tv-border-strong);
    border-radius: 10px;
    background: white;
    color: var(--tv-text);
    box-shadow: 0 1px 0 rgba(8, 45, 42, .02);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(input, select){
    min-height: 44px;
    padding: 0 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor textarea{
    min-height: 86px;
    padding: 10px 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(input, select, textarea):focus{
    border-color: var(--tv-brand);
    outline: 0;
    box-shadow: 0 0 0 3px var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(input, select, textarea):disabled{
    border-color: var(--tv-border);
    background: var(--tv-surface-strong);
    color: var(--tv-text-subtle);
    opacity: 1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .selected-customer{
    min-width: 0;
    padding: 11px 13px;
    border: 1px solid var(--tv-success-border);
    border-radius: 10px;
    background: var(--tv-success-soft);
    color: var(--tv-ink);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor :is(.combo-field, .edit-lines .combo-field){
    position: relative;
    min-width: 0;
    display: block;
    overflow: visible;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .combo-field > input{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-panel{
    z-index: 80;
    border-color: var(--tv-border);
    border-radius: 10px;
    background: white;
    box-shadow: var(--tv-shadow-lg);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .helper-copy{
    color: var(--tv-text-muted);
    font-size: 10px;
    line-height: 1.45;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .helper-copy.is-warning{
    padding: 9px 11px;
    border: 1px solid var(--tv-warning-border);
    border-radius: 9px;
    background: var(--tv-warning-soft);
    color: var(--tv-warning);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .advanced-invoice-fields{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .advanced-invoice-fields > summary{
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 18px;
    border: 0;
    background: var(--tv-surface-muted);
    color: var(--tv-ink);
    font-size: 12px;
    font-weight: 760;
    list-style: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .advanced-invoice-fields > summary::-webkit-details-marker{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .advanced-invoice-fields > summary strong{
    padding: 4px 8px;
    border: 1px solid var(--tv-border);
    border-radius: 999px;
    background: white;
    color: var(--tv-text-muted);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .advanced-invoice-fields[open] > summary{
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-brand-soft);
    color: var(--tv-brand-deep);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .advanced-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .advanced-grid > .editor-card{
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 11px;
    padding: 18px;
    border: 0;
    border-inline-end: 1px solid var(--tv-border);
    border-radius: 0;
    background: white;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .editor-table{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .editor-table > .section-head{
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px 13px;
    border: 0;
    border-block-end: 1px solid var(--tv-border);
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .editor-table > .section-head .helper-copy{
    max-width: 88ch;
    margin: 4px 0 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-line-toolbar-actions{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .editor-table > .helper-copy[role="status"]{
    margin: 12px 16px 0;
    padding: 9px 11px;
    border: 1px solid var(--tv-border);
    border-radius: 9px;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .editor-table > .table-scroll{
    width: 100%;
    min-width: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: visible;
    border: 0;
    border-radius: 0;
    background: white;
    box-shadow: none;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines{
    width: 100%;
    min-width: 0;
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines thead{
    display: table-header-group;
    background: var(--tv-ink);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines thead tr{
    display: table-row;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines th{
    height: 42px;
    padding: 9px 9px;
    border: 0;
    border-block-end: 1px solid var(--tv-brand-deep);
    background: var(--tv-ink);
    color: rgba(240, 249, 246, .76);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .08em;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody{
    display: table-row-group;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr{
    display: table-row;
    background: white;
    transition: background-color 130ms ease, box-shadow 130ms ease;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr:hover{
    background: var(--tv-row-hover);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr.is-reorder-armed{
    background: var(--tv-brand-soft);
    box-shadow: inset 4px 0 0 var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr.is-dragging{
    position: relative;
    z-index: 4;
    background: var(--tv-info-soft);
    box-shadow: inset 4px 0 0 var(--tv-accent), var(--tv-shadow-md);
    opacity: .92;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines td.line-cell{
    min-width: 0;
    width: auto;
    display: table-cell;
    padding: 10px 7px;
    overflow: visible;
    border: 0;
    border-block-end: 1px solid var(--tv-border-subtle);
    background: transparent;
    vertical-align: top;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines td.line-cell::before{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-item-main{
    width: 14%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-description{
    width: 20%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-qty{
    width: 6%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines :is(.line-rate, .line-cost){
    width: 9%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-tax{
    width: 13%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-vendor{
    width: 12%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-amount{
    width: 10%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-action{
    width: 148px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines :is(input, select, textarea){
    min-height: 40px;
    width: 100%;
    padding: 7px 8px;
    border-radius: 8px;
    background: white;
    font-size: 10.5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-description textarea{
    min-height: 40px;
    resize: vertical;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines :is(.line-qty, .line-rate, .line-cost) input{
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-amount{
    min-height: 40px;
    color: var(--tv-brand-deep);
    font-size: 11px;
    font-weight: 790;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    text-align: right;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-action-group{
    display: flex;
    justify-content: flex-end;
    gap: 5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-action .icon-btn{
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--tv-border);
    border-radius: 8px;
    background: white;
    color: var(--tv-text-muted);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-action .invoice-line-reorder-handle{
    color: var(--tv-brand);
    cursor: grab;
    touch-action: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-action .icon-btn[aria-label="Remove line"]{
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .editor-table > .table-scroll{
    overflow-x: visible;
    scrollbar-gutter: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines{
    min-width: 0;
    display: grid;
    gap: 8px;
    table-layout: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines thead{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody{
    min-width: 0;
    display: grid;
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr{
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.45fr) 52px minmax(0, .64fr) minmax(0, .9fr) minmax(0, .86fr) minmax(0, .64fr) minmax(0, .78fr) 132px;
    grid-template-areas: "item description qty rate tax vendor cost amount actions";
    gap: 6px;
    align-items: stretch;
    padding: 8px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines td.line-cell{
    width: auto;
    min-width: 0;
    display: grid;
    gap: 5px;
    align-content: end;
    padding: 0;
    border: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines td.line-cell::before{
    content: attr(data-label);
    display: block;
    color: var(--tv-text-muted);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .085em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines td.line-action::before{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .invoice-totals-panel{
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(480px, 1.22fr);
    gap: 22px;
    align-items: start;
    padding: 20px;
    overflow: visible;
    border: 1px solid var(--tv-border);
    border-inline-start: 5px solid var(--tv-brand);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-totals-head{
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-totals-head .helper-copy{
    margin: 5px 0 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-discount-compact{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .discount-mode-toggle{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 4px;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .discount-mode-option{
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 730;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .discount-mode-option:has(input:checked){
    border-color: var(--tv-success-border);
    background: var(--tv-brand-soft);
    color: var(--tv-brand-deep);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .discount-mode-option input{
    width: auto;
    min-height: 0;
    padding: 0;
    accent-color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-total-metrics{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-total-metrics .total-line{
    min-width: 0;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 11px 12px;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    background: var(--tv-surface-muted);
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 720;
    letter-spacing: .035em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-total-metrics .total-line strong{
    min-width: 0;
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 780;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.015em;
    text-align: right;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-total-metrics .total-line.major{
    border-color: var(--tv-brand-deep);
    background: var(--tv-ink);
    color: rgba(239, 248, 245, .72);
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-total-metrics .total-line.major strong{
    color: white;
    font-size: 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save{
    position: sticky;
    z-index: 14;
    bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid var(--tv-border-strong);
    border-radius: var(--tv-radius-lg);
    background: color-mix(in srgb, white 94%, transparent);
    box-shadow: 0 16px 42px rgba(8, 45, 42, .18);
    backdrop-filter: blur(18px);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .save-note{
    min-width: 240px;
    flex: 1 1 360px;
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 9.5px;
    line-height: 1.4;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .autosave-note{
    display: block;
    margin-top: 2px;
    color: var(--tv-success);
    font-weight: 720;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .btn{
    min-height: 42px;
    padding-inline: 15px;
    border-radius: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .btn-primary{
    min-width: 136px;
    border-color: var(--tv-brand);
    background: var(--tv-brand);
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit{
    width: min(1160px, calc(100vw - 22px));
    max-width: min(1160px, calc(100vw - 22px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .drawer-header{
    min-height: 78px;
    border-block-end-color: rgba(255, 255, 255, .1);
    background: var(--tv-ink);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .drawer-title h2{
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .drawer-title p{
    color: rgba(232, 245, 241, .68);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .drawer-header > .icon-btn{
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-detail--cockpit .drawer-body{
    padding: 18px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation{
    width: min(1060px, calc(100vw - 22px));
    max-width: min(1060px, calc(100vw - 22px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .drawer-header{
    min-height: 80px;
    border-block-end: 1px solid var(--tv-danger-border);
    background: linear-gradient(120deg, var(--tv-danger-soft), white);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .drawer-title h2{
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .drawer-body{
    padding: 20px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-workspace{
    max-width: 100%;
    display: grid;
    gap: 14px;
    margin: 0 auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .editor-card{
    padding: 17px;
    overflow: visible;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .editor-card h2{
    margin: 0 0 12px;
    color: var(--tv-ink);
    font-size: 15px;
    font-weight: 790;
    letter-spacing: -.02em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .editor-card:has(.invoice-cancellation-option){
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .editor-card:has(.invoice-cancellation-option) > h2{
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option{
    min-width: 0;
    min-height: 166px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 14px;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-border-strong);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option.is-ready{
    border-color: var(--tv-success-border);
    border-inline-start-color: var(--tv-brand);
    background: linear-gradient(145deg, white, var(--tv-brand-soft));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option.is-blocked{
    border-style: dashed;
    color: var(--tv-text-muted);
    opacity: .84;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option :is(strong, p){
    display: block;
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option strong{
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 770;
    line-height: 1.25;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option p{
    margin-top: 6px;
    color: var(--tv-text-muted);
    font-size: 9.75px;
    line-height: 1.5;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option .btn{
    width: 100%;
    min-height: 42px;
    justify-content: center;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option .btn-danger{
    border-color: var(--tv-danger);
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has([name="cancellation_reason"]){
    width: min(720px, calc(100vw - 22px));
    max-width: min(720px, calc(100vw - 22px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has([name="cancellation_reason"]) .drawer-body{
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has([name="cancellation_reason"]) .editor-card{
    padding: 17px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has([name="cancellation_reason"]) textarea[name="cancellation_reason"]{
    min-height: 116px;
    border-color: var(--tv-danger-border);
    background: color-mix(in srgb, var(--tv-danger-soft) 34%, white);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has(.payment-drawer-stack){
    width: min(980px, calc(100vw - 22px));
    max-width: min(980px, calc(100vw - 22px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has(.payment-drawer-stack) .drawer-header{
    min-height: 80px;
    border-block-end-color: var(--tv-success-border);
    background: linear-gradient(120deg, var(--tv-success-soft), white 66%);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has(.payment-drawer-stack) .drawer-title h2{
    color: var(--tv-brand-deep);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has(.payment-drawer-stack) .drawer-body{
    padding: 18px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
    grid-auto-flow: row;
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-context{
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0;
    padding: 16px;
    border: 1px solid var(--tv-brand-deep);
    border-inline-start: 4px solid var(--tv-accent);
    border-radius: var(--tv-radius-lg);
    background: var(--tv-ink);
    color: white;
    box-shadow: var(--tv-shadow-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-context > strong{
    margin-bottom: 8px;
    color: rgba(231, 245, 240, .66);
    font-size: 8.5px;
    font-weight: 820;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-context .health-line{
    padding: 9px 0;
    border-block-end-color: rgba(255, 255, 255, .1);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-context .health-line span{
    color: rgba(231, 245, 240, .62);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-context .health-line strong{
    color: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-context .helper-copy{
    margin: 11px 0 0;
    padding-top: 10px;
    border-block-start: 1px solid rgba(255, 255, 255, .1);
    color: rgba(231, 245, 240, .72);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-quick-actions{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-quick-actions .btn{
    min-width: 0;
    min-height: 38px;
    padding-inline: 8px;
    border-color: transparent;
    background: var(--tv-surface-muted);
    box-shadow: none;
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack > .editor-card{
    grid-column: 2;
    grid-row: 1 / span 3;
    min-width: 0;
    padding: 18px;
    overflow: visible;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack > .editor-card h2{
    margin: 0 0 14px;
    color: var(--tv-ink);
    font-size: 15px;
    font-weight: 790;
    letter-spacing: -.02em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-grid{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-grid .field{
    min-width: 0;
    display: grid;
    gap: 6px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-grid .field > span{
    color: var(--tv-text-muted);
    font-size: 8.5px;
    font-weight: 820;
    letter-spacing: .085em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-grid :is(input, select){
    min-height: 44px;
    width: 100%;
    min-width: 0;
    border-color: var(--tv-border-strong);
    border-radius: 9px;
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-proof-input{
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    border: 1px dashed var(--tv-border-strong);
    border-radius: 9px;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .allocation-preview{
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0;
    padding: 14px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-info);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .allocation-preview .health-line{
    margin: 0;
    padding: 9px 0;
    background: transparent;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack > .btn{
    justify-self: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .form-error{
    grid-column: 1 / -1;
    padding: 12px 13px;
    border: 1px solid var(--tv-danger-border);
    border-inline-start: 4px solid var(--tv-danger);
    border-radius: 10px;
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .form-error[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack > .helper-copy{
    grid-column: 1 / -1;
    margin: 0;
    color: var(--tv-text-muted);
    font-size: 9.5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.tax-return-boundary-note) .tax-return-boundary-note{
    padding: 15px;
    border: 1px solid var(--tv-warning-border);
    border-inline-start: 4px solid var(--tv-warning);
    border-radius: var(--tv-radius-md);
    background: var(--tv-warning-soft);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.tax-return-boundary-note) .tax-return-boundary-note :is(strong, p){
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.tax-return-boundary-note) .tax-return-boundary-note strong{
    color: var(--tv-warning);
    font-size: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.tax-return-boundary-note) .tax-return-boundary-note p{
    margin-top: 5px;
    color: var(--tv-text-muted);
    font-size: 10px;
    line-height: 1.5;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.credit-note-form){
    width: min(1180px, calc(100vw - 24px));
    max-width: min(1180px, calc(100vw - 24px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.credit-note-form) .modal-header{
    min-height: 82px;
    border-block-end-color: var(--tv-success-border);
    background: linear-gradient(120deg, var(--tv-brand-soft), white 68%);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.credit-note-form) .modal-header h2{
    color: var(--tv-brand-deep);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.credit-note-form) .modal-body{
    padding: 20px;
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form{
    min-width: 0;
    display: grid;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .form-errors{
    padding: 12px 14px;
    border: 1px solid var(--tv-danger-border);
    border-inline-start: 4px solid var(--tv-danger);
    border-radius: 10px;
    background: var(--tv-danger-soft);
    color: var(--tv-danger);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .form-errors[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .modal-grid{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) minmax(180px, .75fr) minmax(190px, .8fr);
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .field{
    min-width: 0;
    display: grid;
    gap: 6px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .field > span{
    color: var(--tv-text-muted);
    font-size: 8.5px;
    font-weight: 820;
    letter-spacing: .085em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form :is(input, select, textarea){
    min-width: 0;
    width: 100%;
    border-color: var(--tv-border-strong);
    border-radius: 9px;
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form :is(input, select){
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .table-card{
    min-width: 0;
    padding: 16px;
    overflow: visible;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-brand);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .table-card .info-line{
    padding: 9px 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .journal-editor-heading{
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 15px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .journal-editor-heading :is(h3, p){
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .journal-editor-heading h3{
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 780;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .journal-editor-heading p{
    margin-top: 3px;
    color: var(--tv-text-muted);
    font-size: 9.5px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .ledger-pagination-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .drawer-stack{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .drawer-stack > .table-card{
    min-width: 0;
    padding: 14px;
    overflow: visible;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .command-row{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: -14px -14px 12px;
    padding: 12px 14px;
    border: 0;
    border-block-end: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md) var(--tv-radius-md) 0 0;
    background: var(--tv-surface-muted);
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .command-row :is(strong, span){
    display: block;
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .command-row strong{
    color: var(--tv-ink);
    font-size: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .command-row span{
    margin-top: 2px;
    color: var(--tv-text-muted);
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .command-row input[type="checkbox"]{
    width: 18px;
    height: 18px;
    min-height: 0;
    accent-color: var(--tv-brand);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .drawer-stack > .table-card > .modal-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .table-card[aria-live="polite"]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 14px;
    border-inline-start-color: var(--tv-accent);
    background: linear-gradient(135deg, white, var(--tv-accent-soft));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .panel{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .panel .panel-head{
    min-height: 52px;
    padding: 11px 15px;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .panel .panel-body{
    padding: 14px 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .field{
    padding: 15px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .field textarea{
    min-height: 92px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-drawer{
    width: min(900px, calc(100vw - 22px));
    max-width: min(900px, calc(100vw - 22px));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-drawer .drawer-header{
    border-block-end-color: var(--tv-success-border);
    background: linear-gradient(120deg, var(--tv-brand-soft), white);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-drawer .drawer-body{
    background: var(--tv-canvas);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-top-actions{
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-brand);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-top-actions .btn{
    min-height: 42px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-edit-form{
    display: grid;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-edit-form > .modal-grid{
    display: grid;
    grid-template-columns: minmax(180px, .7fr) minmax(280px, 1.3fr);
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-edit-form .field{
    min-width: 0;
    display: grid;
    gap: 6px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-edit-form :is(input, textarea){
    width: 100%;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-detail > .panel{
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }
}

@container invoice-lines (max-width: 1100px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr{
    grid-template-columns: minmax(150px, 1fr) minmax(220px, 1.5fr) 56px minmax(92px, .7fr) 132px;
    grid-template-areas:
      "item description qty rate actions"
      "tax vendor cost amount actions";
  }
}

@media screen and (max-width: 1220px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .invoice-totals-panel{
    grid-template-columns: minmax(280px, .8fr) minmax(420px, 1.2fr);
  }
}

@media screen and (max-width: 980px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-bar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-more{
    grid-column: 1 / -1;
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-secondary{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor{
    padding: 16px 16px 108px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero .workspace-hero-actions{
    width: 100%;
    justify-content: flex-start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-meta-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .advanced-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .invoice-totals-panel{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .editor-card:has(.invoice-cancellation-option){
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option{
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
    grid-template-rows: auto;
    align-items: center;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack > .editor-card{
    grid-column: auto;
    grid-row: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .modal-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .table-card[aria-live="polite"]{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .drawer-stack{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 720px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor{
    gap: 12px;
    padding: 12px 12px calc(112px + env(safe-area-inset-bottom));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .editor-grid > .editor-card,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .invoice-totals-panel{
    padding: 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip > div{
    min-height: 70px;
    padding: 12px 13px;
    border-block-end: 1px solid rgba(255, 255, 255, .1);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .customer-picker-fieldset,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-meta-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .advanced-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .advanced-grid > .editor-card{
    border-inline-end: 0;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .editor-table > .section-head{
    align-items: stretch;
    flex-direction: column;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-line-toolbar-actions{
    width: 100%;
    justify-content: stretch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-line-toolbar-actions .btn{
    flex: 1 1 180px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .editor-table > .table-scroll{
    padding: 10px;
    overflow-x: visible;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines{
    min-width: 0;
    display: grid;
    gap: 10px;
    background: transparent;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines thead{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody{
    min-width: 0;
    display: grid;
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "line-title line-title"
      "item item"
      "description description"
      "qty rate"
      "tax vendor"
      "cost amount"
      "actions actions";
    gap: 9px;
    padding: 12px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-brand);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr::before{
    grid-area: line-title;
    content: "Line item";
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 820;
    letter-spacing: .085em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines td.line-cell{
    width: auto;
    display: grid;
    gap: 5px;
    padding: 0;
    border: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines td.line-cell::before{
    content: attr(data-label);
    display: block;
    color: var(--tv-text-muted);
    font-size: 8px;
    font-weight: 820;
    letter-spacing: .085em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-item-main{
    grid-area: item;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-description{
    grid-area: description;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-qty{
    grid-area: qty;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-rate{
    grid-area: rate;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-tax{
    grid-area: tax;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-vendor{
    grid-area: vendor;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-cost{
    grid-area: cost;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-amount{
    grid-area: amount;
    min-height: 44px;
    align-content: center;
    padding: 10px;
    border: 1px solid var(--tv-success-border);
    border-radius: 9px;
    background: var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-action{
    grid-area: actions;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .line-action::before{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-total-metrics,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .modal-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .table-card[aria-live="polite"],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form > .drawer-stack > .table-card > .modal-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-top-actions{
    align-items: stretch;
    flex-direction: column;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-top-actions .btn{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-edit-form > .modal-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .invoice-cancellation-option{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .credit-note-form .journal-editor-heading{
    align-items: stretch;
    flex-direction: column;
  }
}

@media screen and (max-width: 520px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-more{
    display: grid;
    grid-column: 1 / -1;
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-secondary{
    height: auto;
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-more[open] .invoice-money-secondary{
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor{
    padding-inline: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .workspace-hero :is(h1, h2){
    font-size: 23px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .tv-document-strip > div{
    min-height: 62px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-total-metrics{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save{
    bottom: calc(76px + env(safe-area-inset-bottom));
    align-items: stretch;
    padding: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .save-note{
    min-width: 0;
    flex-basis: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .btn{
    flex: 1 1 calc(50% - 5px);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .btn-primary{
    flex-basis: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .payment-drawer-stack .payment-quick-actions{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer-invoice-cancellation .drawer-body,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer:has(.payment-drawer-stack) .drawer-body,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal:has(.credit-note-form) .modal-body{
    padding: 12px;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr{
    transition: none;
  }
}

@media screen {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-route-host,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-groups,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-open-host{
    min-width: 0;
    display: grid;
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, .6fr)) auto minmax(240px, 1.3fr);
    align-items: end;
    gap: 9px;
    padding: 13px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context .field{
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tabs{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab{
    min-width: 0;
    min-height: 74px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 3px;
    padding: 13px 15px;
    border: 0;
    border-inline-end: 1px solid var(--tv-border);
    border-radius: 0;
    background: white;
    color: var(--tv-text-muted);
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab:last-child{
    border-inline-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab:is(.active, [aria-selected="true"]){
    background: var(--tv-brand-soft);
    color: var(--tv-brand-deep);
    box-shadow: inset 0 -3px 0 var(--tv-accent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab strong{
    color: inherit;
    font-size: 12px;
    font-weight: 780;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab small{
    color: var(--tv-text-subtle);
    font-size: 8.5px;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total{
    min-width: 0;
    min-height: 92px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 14px 15px;
    border: 1px solid var(--tv-border);
    border-inline-start: 4px solid var(--tv-brand);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total strong{
    color: var(--tv-ink);
    font-size: 21px;
    font-weight: 780;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.025em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-managed-ledger-group, .tv-managed-ledger-credit-panel){
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: white;
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-managed-ledger-group-head, .tv-managed-ledger-credit-panel-head){
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 15px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group-head :is(h3, p),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-credit-panel-head :is(h3, p){
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-history-title{
    margin: 4px 1px 0;
    color: var(--tv-ink);
    font-size: 17px;
    font-weight: 790;
    letter-spacing: -.02em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table-wrap{
    min-width: 0;
    overflow: auto;
    border: 0;
    background: white;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table{
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    color: var(--tv-text);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table th{
    height: 38px;
    padding: 8px 11px;
    border-block-end: 1px solid var(--tv-table-header-border);
    background: var(--tv-brand-deep);
    color: rgba(255, 255, 255, .84);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .075em;
    line-height: 1.2;
    text-align: start;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table td{
    min-height: 44px;
    padding: 10px 11px;
    border-block-end: 1px solid var(--tv-border-subtle);
    background: white;
    color: var(--tv-text);
    font-size: 10px;
    vertical-align: middle;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table tbody tr:hover td{
    background: var(--tv-brand-soft);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table :is(.numeric-cell, .tv-managed-ledger-col-outstanding, .tv-managed-ledger-outstanding){
    font-variant-numeric: tabular-nums;
    text-align: end;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-managed-ledger-credit-list, .tv-managed-ledger-equations){
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-managed-ledger-credit-row, .tv-managed-ledger-equations > div){
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 11px 15px;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.tv-managed-ledger-credit-row, .tv-managed-ledger-equations > div):last-child{
    border-block-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-host,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-page{
    min-width: 0;
    display: grid;
    gap: 13px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr) minmax(220px, .72fr);
    align-items: stretch;
    overflow: hidden;
    border-inline-start: 4px solid var(--tv-accent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command > div{
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 15px 16px;
    border-inline-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command > div:last-child{
    border-inline-end: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command-state strong{
    color: var(--tv-ink);
    font-size: 18px;
    font-weight: 780;
    letter-spacing: -.02em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command-currencies{
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command-currencies > div,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command-metrics > div{
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command-currencies strong,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command-metrics strong{
    color: var(--tv-ink);
    font-size: 17px;
    font-weight: 770;
    font-variant-numeric: tabular-nums;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command-metrics{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-overview{
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-identity{
    min-width: 0;
    padding: 15px 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-identity + .tv-customer-account-identity{
    border-inline-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-identity h2{
    margin: 0 0 10px;
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 790;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-tabs{
    position: static;
    background: var(--tv-page);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-tabpanel{
    min-width: 0;
    display: grid;
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-tabpanel[hidden]{
    display: none !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-coa-account-drawer, .bank-account-drawer){
    width: min(820px, calc(100vw - 20px));
    max-width: 820px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-coa-drawer-body, .bank-account-detail){
    min-width: 0;
    display: grid;
    gap: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-coa-drawer-section, .bank-account-detail .panel){
    min-width: 0;
    overflow: hidden;
    padding: 15px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-drawer-section h3{
    margin: 0 0 4px;
    color: var(--tv-ink);
    font-size: 13px;
    font-weight: 790;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 14px;
    margin: 12px 0 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-facts > div{
    min-width: 0;
    padding: 9px 0;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance-list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-coa-native-balance{
    padding: 13px;
    border: 1px solid var(--tv-border);
    border-inline-start: 3px solid var(--tv-brand);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.register-pager, .ledger-pagination){
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    color: var(--tv-text-muted);
    box-shadow: var(--tv-shadow-xs);
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .ledger-pagination-actions{
    display: flex;
    align-items: center;
    gap: 7px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .financial-report-family-nav{
    min-width: 0;
    display: flex;
    gap: 5px;
    padding: 5px;
    overflow-x: auto;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .financial-report-family-nav button{
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 730;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .financial-report-family-nav button:is(.active, [aria-current="page"], [aria-selected="true"]){
    border-color: var(--tv-border);
    background: white;
    color: var(--tv-brand-deep);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.commercial-analysis-filter-panel, .purchase-analysis-filter-panel){
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: white;
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.commercial-analysis-filter-panel, .purchase-analysis-filter-panel) > summary{
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 13px;
    border-block-end: 1px solid transparent;
    color: var(--tv-ink);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.commercial-analysis-filter-panel, .purchase-analysis-filter-panel)[open] > summary{
    border-block-end-color: var(--tv-border);
    background: var(--tv-surface-muted);
  }
}

@media screen and (max-width: 900px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context > :last-child{
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command > div{
    border-inline-end: 0;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-command > div:last-child{
    border-block-end: 0;
  }
}

@media screen and (max-width: 520px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tabs,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-overview{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context > :last-child{
    grid-column: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab{
    min-height: 60px;
    border-inline-end: 0;
    border-block-end: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-account-identity + .tv-customer-account-identity{
    border-inline-start: 0;
    border-block-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.register-pager, .ledger-pagination){
    align-items: stretch;
    flex-direction: column;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.tv-coa-account-drawer, .bank-account-drawer){
    width: 100vw;
    max-width: 100vw;
  }
}

@media screen {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-host,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-workbench{
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-workbench{
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-filters{
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) minmax(160px, .55fr) minmax(145px, .42fr) auto;
    align-items: center;
    gap: 9px;
    padding: 12px;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-filters :is(input, select, button),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-advance-editor, .supplier-advance-allocation-form, .supplier-advance-refund-form) :is(input, select, textarea, button){
    min-width: 0;
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-register{
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-lg);
    background: var(--tv-surface);
    box-shadow: var(--tv-shadow-sm);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-register .data-table tbody tr.is-clickable:hover{
    background: linear-gradient(90deg, var(--tv-accent-soft), var(--tv-row-hover) 34%, var(--tv-surface));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-advance-identity, .supplier-advance-available, .supplier-advance-state){
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-advance-identity, .supplier-advance-available, .supplier-advance-state) > :is(strong, small){
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-advance-identity, .supplier-advance-available, .supplier-advance-state) > small{
    color: var(--tv-text-muted);
    font-size: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-register .tv-table-row-opener-cell{
    position: relative;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-register .tv-table-row-opener{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: transparent;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-register .tv-table-row-opener:focus-visible{
    border-radius: 6px;
    outline: 3px solid color-mix(in srgb, var(--tv-accent) 42%, transparent);
    outline-offset: -4px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-advance-drawer, .supplier-advance-subrecord-drawer){
    width: min(860px, calc(100vw - 20px));
    max-width: 860px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-advance-detail, .supplier-advance-subrecord){
    min-width: 0;
    display: grid;
    gap: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command{
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--tv-brand-deep) 72%, white);
    border-radius: var(--tv-radius-lg);
    background:
      radial-gradient(circle at 90% 0, color-mix(in srgb, var(--tv-accent) 24%, transparent), transparent 44%),
      linear-gradient(135deg, var(--tv-brand-deep), var(--tv-brand));
    color: var(--tv-on-brand);
    box-shadow: var(--tv-shadow-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command > div{
    min-width: 0;
    display: grid;
    gap: 4px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command :is(strong, p, .eyebrow){
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command strong{
    font-size: 20px;
    letter-spacing: -.025em;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command p,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command .eyebrow{
    color: color-mix(in srgb, var(--tv-on-brand) 76%, transparent);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command .badge{
    border-color: rgba(255, 255, 255, .42);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .08);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-panel{
    min-width: 0;
    overflow: hidden;
    border-color: var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
    box-shadow: var(--tv-shadow-xs);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-panel > .section-head{
    padding-block-end: 10px;
    border-block-end: 1px solid var(--tv-border-subtle);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-info{
    min-width: 0;
    gap: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-info > :last-child{
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: end;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-readiness{
    min-width: 0;
    display: grid;
    justify-items: end;
    gap: 4px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-readiness small{
    max-width: 420px;
    color: var(--tv-text-muted);
    font-weight: 560;
    line-height: 1.35;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-boundary{
    border-inline-start: 4px solid var(--tv-accent);
    background: linear-gradient(90deg, var(--tv-accent-soft), var(--tv-surface) 74%);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-action-bar{
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-detail-table{
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--tv-border-subtle);
    border-radius: var(--tv-radius-md);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-pager .pager-actions{
    display: flex;
    gap: 8px;
  }
}

@media screen and (max-width: 900px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-filters > :first-child{
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-detail-table > .data-table{
    display: block;
    width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 640px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-filters,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-form-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-filters > :first-child{
    grid-column: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-filters .btn,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-action-bar .btn{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-advance-drawer, .supplier-advance-subrecord-drawer){
    width: 100vw;
    max-width: 100vw;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-command{
    grid-template-columns: minmax(0, 1fr);
    padding: 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-info{
    align-items: start;
    flex-direction: column;
    gap: 3px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-info > :last-child,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-readiness{
    justify-items: start;
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advances-register .data-table [data-column-priority="secondary"],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-detail-table .data-table [data-column-priority="secondary"]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-pager,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-pager .pager-actions{
    align-items: stretch;
    flex-direction: column;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-advance-pager .btn{
    width: 100%;
  }
}

@media screen and (max-width: 520px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-command-shell{
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar > :is(.tv-accounting-command-copy, .tv-accounting-context-actions){
    padding: 7px 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions{
    display: flex;
    grid-column: 1;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions > :is(button, select){
    flex: 0 0 auto;
    min-width: 112px;
    scroll-snap-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions > select{
    width: 140px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell{
    min-height: 50px;
    align-content: center;
    gap: 2px;
    padding: 6px 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell strong{
    font-size: 15px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell small{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention > .tv-accounting-section-head{
    min-height: 44px;
    padding: 7px 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention > .tv-accounting-section-head p,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-copy small,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-measure small{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-row{
    min-height: 64px;
    grid-template-columns: 26px minmax(0, 1fr) minmax(64px, auto);
    gap: 6px;
    padding: 7px 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-rank{
    width: 26px;
    height: 26px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-copy strong{
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-measure{
    grid-column: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: end;
    max-width: 96px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-measure strong{
    font-size: 10px;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-coa-route-frame{
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-coa-route-frame .tv-coa-register-head{
    min-height: 50px;
    padding: 6px 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-coa-route-frame .tv-coa-toolbar{
    padding: 6px 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame{
    gap: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .workspace-hero{
    gap: 8px;
    padding: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .workspace-hero p{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .workspace-hero .workspace-hero-actions{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .tv-attention-list .tv-attention-list-head{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-row{
    min-height: 58px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "badge copy action"
      "badge value action";
    align-items: center;
    gap: 4px 7px;
    padding: 6px 8px 6px 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-copy > span{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-row > .btn{
    width: auto;
    min-width: 88px;
    min-height: 44px;
    padding-inline: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .workspace-stats.tv-route-summary{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .workspace-stats.tv-route-summary > .workspace-stat.tv-route-summary-cell{
    min-height: 62px;
    padding: 8px 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .workspace-stats.tv-route-summary > .workspace-stat.tv-route-summary-cell > strong{
    font-size: 19px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame .tv-receipt-toolbar{
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 6px;
    padding: 7px 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame .tv-receipt-search > span{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame .tv-receipt-filter-disclosure > summary{
    min-width: 96px;
    min-height: 44px;
    padding-inline: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame .tv-receipt-filter-disclosure[open]{
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame .tv-receipt-register-table.table-card{
    padding: 8px;
  }
}

@media screen and (min-width: 901px) and (max-width: 1240px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-command-shell{
    gap: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar > :is(.tv-accounting-command-copy, .tv-accounting-context-actions){
    padding: 10px 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding-block: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions > :is(button, select){
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell{
    min-height: 88px;
    align-content: center;
    gap: 3px;
    padding: 10px 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell strong{
    font-size: 17px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell small{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention > .tv-accounting-section-head{
    min-height: 44px;
    padding: 8px 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention > .tv-accounting-section-head p,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-copy small,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-measure small{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-row{
    min-height: 68px;
    grid-template-columns: 30px minmax(0, 1fr) minmax(100px, auto);
    gap: 8px;
    padding: 8px 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-attention-measure{
    grid-column: auto;
    grid-template-columns: minmax(0, 1fr);
    justify-items: end;
  }
}

@container invoice-lines (max-width: 820px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "line-title line-title"
      "item item"
      "description description"
      "qty rate"
      "tax vendor"
      "cost amount"
      "actions actions";
    gap: 8px;
    padding: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines tbody tr::before{
    grid-area: line-title;
    content: "Line item";
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 820;
    letter-spacing: .085em;
    text-transform: uppercase;
  }
}

@media (max-width: 520px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .settings-route > .workspace-hero .workspace-hero-actions{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .settings-route > .workspace-hero .workspace-hero-actions .btn{
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-inline: 10px;
    white-space: normal;
    overflow-wrap: normal;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .settings-route > .workspace-hero .workspace-hero-actions .btn:first-child{
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-bar,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-secondary{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .money-card{
    min-height: 96px;
    padding: 14px 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .money-card strong{
    font-size: clamp(20px, 6.4vw, 24px);
    overflow-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"]{
  --tv-catalog-width: 284px;
  --tv-catalog-current-width: var(--tv-catalog-width);
  --tv-mobile-dock-height: 0px;
  --tv-catalog-spine: #063f3b;
  --tv-catalog-surface: #fbfcfc;
  --tv-catalog-surface-raised: #fff;
  --tv-catalog-hover: #f1f6f4;
  --tv-catalog-active: #064740;
  --tv-catalog-active-text: #fff;
  --tv-catalog-border: #dce5e1;
  --tv-catalog-border-strong: #bdcbc5;
  --tv-catalog-text: #15211f;
  --tv-catalog-muted: #5f6d69;
  --tv-catalog-subtle: #87928f;
  --tv-catalog-mint: #e6f2ef;
  --tv-catalog-accent: #f15b2a;
  grid-template-columns: var(--tv-catalog-current-width) minmax(0, 1fr);
  grid-template-rows: var(--tv-header-height, 72px) minmax(0, 1fr);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"]{
  --tv-catalog-current-width: 0px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .tv-workspace-catalog{
  grid-column: 1;
  grid-row: 1 / -1;
  position: relative;
  z-index: 34;
  width: var(--tv-catalog-current-width);
  min-width: 0;
  min-height: 0;
  height: 100dvh;
  overflow: visible;
  border-inline-start: 5px solid var(--tv-catalog-spine);
  border-inline-end: 1px solid var(--tv-catalog-border);
  background: var(--tv-catalog-surface);
  color: var(--tv-catalog-text);
  box-shadow: 6px 0 22px rgba(8, 45, 42, .06);
  transition: width 160ms ease, opacity 140ms ease, transform 180ms ease;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"] > .tv-workspace-catalog{
  width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-shell{
  width: calc(var(--tv-catalog-width) - 5px);
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c7d4cf transparent;
  background: var(--tv-catalog-surface);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-top{
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 18px 16px 12px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-brand{
  width: 100%;
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--tv-catalog-text);
  box-shadow: none;
  text-align: left;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-brand:hover{
  background: var(--tv-catalog-hover);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-brand__mark{
  width: 44px;
  height: 44px;
  display: block;
  object-fit: contain;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(8, 45, 42, .12);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-brand__copy{
  min-width: 0;
  display: grid;
  gap: 2px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-brand__copy strong{
  overflow: hidden;
  color: var(--tv-catalog-text);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-brand__copy small{
  overflow: hidden;
  color: var(--tv-catalog-muted);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .14em;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope{
  width: 100%;
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  padding: 7px 11px;
  border: 1px solid var(--tv-catalog-border);
  border-radius: 10px;
  background: #f7f9f8;
  color: var(--tv-catalog-muted);
  box-shadow: 0 1px 2px rgba(8, 45, 42, .04);
  text-align: left;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope:hover{
  border-color: var(--tv-catalog-border-strong);
  background: #fff;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__icon,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__chevron{
  display: grid;
  place-items: center;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__icon .icon,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__chevron .icon{
  width: 17px;
  height: 17px;
  color: var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__chevron .icon{
  width: 14px;
  height: 14px;
  color: var(--tv-catalog-subtle);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__copy{
  min-width: 0;
  display: grid;
  gap: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__copy strong,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__copy small{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__copy strong{
  color: var(--tv-catalog-text);
  font-size: 11px;
  font-weight: 760;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-scope__copy small{
  color: var(--tv-catalog-subtle);
  font-size: 9px;
  font-weight: 640;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-create{
  position: relative;
  min-width: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-create__trigger{
  position: relative;
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 17px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid #d94b1f;
  border-radius: 9px;
  background: var(--tv-catalog-accent);
  color: #fff;
  box-shadow: 0 6px 14px rgba(241, 91, 42, .18);
  font-size: 12px;
  font-weight: 800;
  text-align: left;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-create__trigger::after{
  content: "";
  position: absolute;
  inset: 0 37px 0 auto;
  border-inline-start: 1px solid rgba(255, 255, 255, .48);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-create__trigger:hover{
  background: #dc4b20;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-create__trigger .icon{
  width: 17px;
  height: 17px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-create__trigger .icon:last-child{
  justify-self: end;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-create__menu{
  inset: calc(100% + 6px) 0 auto;
  width: 100%;
  max-height: min(430px, calc(100dvh - 230px));
  overflow: auto;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-search{
  min-width: 0;
  height: 40px;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin: 0 16px 12px;
  padding: 0 10px;
  border: 1px solid var(--tv-catalog-border);
  border-radius: 9px;
  background: #fff;
  color: var(--tv-catalog-subtle);
  box-shadow: 0 1px 2px rgba(8, 45, 42, .04);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-search:focus-within{
  border-color: var(--tv-brand);
  box-shadow: 0 0 0 3px rgba(11, 74, 69, .10);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-search > .icon{
  width: 16px;
  height: 16px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-search__input{
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tv-catalog-text);
  outline: 0;
  font-size: 11px;
  font-weight: 630;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-search__input::placeholder{
  color: var(--tv-catalog-subtle);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-search kbd{
  min-width: 21px;
  padding: 2px 6px;
  border: 1px solid var(--tv-catalog-border);
  border-radius: 5px;
  background: #f7f9f8;
  color: var(--tv-catalog-subtle);
  font-size: 9px;
  font-weight: 760;
  text-align: center;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-body{
  flex: 0 0 auto;
  min-width: 0;
  min-height: auto;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 0 10px 16px;
  overflow: visible;
  overscroll-behavior: auto;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-routes{
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 2px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-routes > .tv-catalog-route-row + .tv-catalog-group{
  margin-block-start: 5px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route-row{
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route-row[hidden]{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route{
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--tv-catalog-muted);
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  text-align: left;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route > .icon{
  width: 17px;
  height: 17px;
  color: #607c75;
  stroke-width: 1.85;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route > span:not(.tv-catalog-count){
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route:hover{
  border-color: var(--tv-catalog-border);
  background: var(--tv-catalog-hover);
  color: var(--tv-catalog-text);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route:is(.active, [aria-current="page"]){
  border-color: var(--tv-catalog-active);
  background: var(--tv-catalog-active);
  color: var(--tv-catalog-active-text);
  box-shadow: 0 5px 14px rgba(8, 45, 42, .14);
  font-weight: 760;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route:is(.active, [aria-current="page"])::before{
  content: "";
  position: absolute;
  inset: 8px auto 8px -10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--tv-catalog-accent);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route:is(.active, [aria-current="page"]) > .icon,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route:is(.active, [aria-current="page"]) .tv-catalog-count{
  color: #fff;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-count,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-badge{
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--tv-catalog-mint);
  color: var(--tv-brand);
  font-size: 9px;
  font-weight: 820;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-badge--attention{
  background: #fff1d1;
  color: #9d6600;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group{
  min-width: 0;
  border: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group[hidden]{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group > summary{
  list-style: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group > summary::-webkit-details-marker{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__summary{
  min-width: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto 15px;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--tv-catalog-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 740;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__summary:hover{
  border-color: var(--tv-catalog-border);
  background: var(--tv-catalog-hover);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__icon,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__chevron{
  display: grid;
  place-items: center;
  color: #607c75;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__icon .icon{
  width: 17px;
  height: 17px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__chevron .icon{
  width: 14px;
  height: 14px;
  transition: transform 140ms ease;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group[open] > summary .tv-catalog-group__chevron .icon{
  transform: rotate(180deg);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__routes{
  min-width: 0;
  display: grid;
  gap: 1px;
  margin-inline-start: 18px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__routes .tv-catalog-route{
  min-height: 28px;
  padding-block: 3px;
  font-size: 11.5px;
  font-weight: 620;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-more{
  min-width: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-more[hidden]{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-more > summary{
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 9px 5px 36px;
  list-style: none;
  border-radius: 8px;
  color: var(--tv-catalog-subtle);
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-more > summary::-webkit-details-marker{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-more > summary:hover{
  background: var(--tv-catalog-hover);
  color: var(--tv-catalog-text);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-more__count{
  min-width: 21px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #f1f4f3;
  text-align: center;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group-more__routes{
  display: grid;
  gap: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-utilities{
  min-width: 0;
  display: grid;
  gap: 3px;
  margin-block-start: 10px;
  padding: 12px 2px 18px;
  border-block-start: 1px solid var(--tv-catalog-border);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-utility-menu{
  position: relative;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-utility{
  width: 100%;
  min-width: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 6px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--tv-catalog-muted);
  box-shadow: none;
  font-size: 11.5px;
  font-weight: 680;
  text-align: left;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-utility:hover{
  border-color: var(--tv-catalog-border);
  background: var(--tv-catalog-hover);
  color: var(--tv-catalog-text);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-utility .icon{
  width: 16px;
  height: 16px;
  color: #607c75;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-collapse .icon{
  transform: rotate(90deg);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-recent-menu{
  position: absolute;
  inset: auto 0 calc(100% + 6px);
  z-index: 8;
  width: 100%;
  max-height: min(320px, 42dvh);
  display: grid;
  gap: 3px;
  padding: 7px;
  overflow: auto;
  border: 1px solid var(--tv-catalog-border);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(8, 45, 42, .16);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-recent-menu[hidden]{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-recent-route{
  width: 100%;
  min-height: 36px;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--tv-catalog-muted);
  box-shadow: none;
  font-size: 10px;
  font-weight: 650;
  text-align: left;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-recent-route:hover{
  background: var(--tv-catalog-hover);
  color: var(--tv-catalog-text);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-recent-route .icon{
  width: 16px;
  height: 16px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-recent-empty{
  margin: 0;
  padding: 10px;
  color: var(--tv-catalog-subtle);
  font-size: 10px;
  line-height: 1.4;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header{
  grid-column: 2;
  grid-row: 1;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-catalog-toggle{
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--tv-border);
  border-radius: 10px;
  background: #fff;
  color: var(--tv-text-muted);
  box-shadow: var(--tv-shadow-xs);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-catalog-toggle:hover{
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-catalog-toggle .icon{
  width: 18px;
  height: 18px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .main{
  grid-column: 2;
  grid-row: 2;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-backdrop{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
  .tv-catalog-brand,
  .tv-catalog-scope,
  .tv-catalog-create__trigger,
  .tv-catalog-search__input,
  .tv-catalog-route,
  .tv-catalog-group__summary,
  .tv-catalog-group-more > summary,
  .tv-catalog-utility,
  .tv-command-catalog-toggle
):focus-visible{
  outline: 3px solid rgba(241, 91, 42, .34);
  outline-offset: 2px;
}

@media screen and (max-width: 1240px) and (min-width: 901px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"]{
    --tv-catalog-width: 254px;
  }
}

@media screen and (max-width: 900px) and (min-width: 521px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"]{
    --tv-catalog-width: 238px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-top{
    padding-inline: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-search{
    margin-inline: 12px;
  }
}

@media screen and (max-width: 520px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"]{
    --tv-header-height: 62px;
    --tv-catalog-width: min(90vw, 340px);
    --tv-catalog-current-width: 0px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--tv-header-height) minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"] .tv-command-header{
    grid-column: 1;
    grid-row: 1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .tv-workspace-catalog,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"] > .tv-workspace-catalog{
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 78;
    width: var(--tv-catalog-width);
    height: 100dvh;
    border-inline-start-width: 5px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
    box-shadow: 22px 0 54px rgba(8, 45, 42, .26);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-mobile-open="true"] > .tv-workspace-catalog{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-shell{
    width: calc(var(--tv-catalog-width) - 5px);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-route,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__routes .tv-catalog-route,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__summary{
    min-height: 44px;
    font-size: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-catalog-create__trigger,
    .tv-catalog-search,
    .tv-catalog-utility
  ){
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-backdrop{
    position: fixed;
    inset: 0;
    z-index: 77;
    display: block;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(8, 45, 42, .58);
    opacity: 0;
    pointer-events: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-backdrop[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-mobile-open="true"] > .tv-catalog-backdrop{
    opacity: 1;
    pointer-events: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .main,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"] > .main{
    grid-column: 1;
    grid-row: 2;
    height: calc(100dvh - var(--tv-header-height));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace{
    padding-block-end: calc(18px + env(safe-area-inset-bottom));
  }

  body[data-tv-catalog-open="true"] #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace{
    overflow-y: hidden;
    overscroll-behavior: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .tv-workspace-catalog,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-group__chevron .icon{
    transition: none;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center{
  grid-template-columns: minmax(170px, 220px) minmax(196px, auto) minmax(220px, 1fr);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--tv-border);
  border-radius: 10px;
  background: var(--tv-surface-muted);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch__option{
  min-width: 0;
  min-height: 34px;
  padding: 5px 9px;
  overflow: hidden;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--tv-text-muted);
  box-shadow: none;
  font-size: 10px;
  font-weight: 780;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch__option:is(:hover, :focus-visible){
  background: white;
  color: var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch__option.is-active,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch__option[aria-pressed="true"]{
  background: var(--tv-brand);
  color: white;
  box-shadow: var(--tv-shadow-xs);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-top > .tv-experience-switch{
  width: 100%;
  background: #f7f9f8;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-top > .tv-experience-switch__option{
  min-height: 38px;
  font-size: 10px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-menu--create [role="menuitem"]{
  align-items: start;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-create-menu__copy{
  min-width: 0;
  display: grid;
  gap: 2px;
  text-align: left;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-create-menu__copy strong{
  color: inherit;
  font-size: 12px;
  line-height: 1.25;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-create-menu__copy small{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 560;
  line-height: 1.35;
  white-space: normal;
}

.tv-catalog-help,
.tv-catalog-help .tv-help-section,
.tv-help-glossary{
  display: grid;
  gap: 12px;
}

.tv-catalog-help > p,
.tv-catalog-help :is(ul, dl, dd){
  margin-block: 0;
}

.tv-catalog-help .tv-help-section{
  gap: 7px;
  padding-top: 12px;
  border-top: 1px solid var(--tv-border);
}

.tv-catalog-help .tv-help-section h3{
  margin: 0;
  font-size: 14px;
}

.tv-help-glossary > div{
  display: grid;
  grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr);
  gap: 10px;
}

.tv-help-glossary dt{ font-weight: 780; }
.tv-help-glossary dd{ color: var(--tv-text-muted); }

.tv-daily-work{
  min-width: 0;
  display: grid;
  gap: 14px;
}

.tv-daily-work__head{
  min-width: 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--tv-border);
  border-inline-start: 4px solid var(--tv-brand);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-panel);
}

.tv-daily-work__head h2{
  margin: 4px 0;
  color: var(--tv-text);
  font-size: clamp(21px, 2.5vw, 28px);
}

.tv-daily-work__head p{
  margin: 0;
  color: var(--tv-text-muted);
}

.tv-daily-work__tasks{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.tv-daily-task{
  min-width: 0;
  min-height: 96px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 15px 16px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  color: var(--tv-text);
  box-shadow: var(--tv-shadow-xs);
  text-align: left;
}

.tv-daily-task strong{ font-size: 14px; }
.tv-daily-task span{ color: var(--tv-text-muted); font-size: 11px; line-height: 1.4; }
.tv-daily-task:is(:hover, :focus-visible){ border-color: var(--tv-brand); background: var(--tv-brand-soft); }
.tv-daily-task.is-primary{ border-color: var(--tv-brand); background: var(--tv-brand); color: white; }
.tv-daily-task.is-primary span{ color: rgba(255, 255, 255, .78); }

.workspace .workspace-hero-actions > .tv-action-menu{
  position: relative;
}

.workspace .tv-action-menu-popover{
  z-index: 40;
  min-width: 210px;
  max-width: min(320px, calc(100vw - 24px));
}

.workspace .tv-route-summary-cell > .btn{
  justify-self: start;
  min-height: 36px;
  margin-top: 4px;
}

.route-destructive-confirmation-copy{
  display: grid;
  gap: 10px;
  color: var(--tv-text);
  line-height: 1.55;
}

.route-destructive-confirmation-copy p{
  margin: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route{
  padding-bottom: 18px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor{
  padding-bottom: 18px;
  scroll-padding-bottom: 24px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save{
  position: static !important;
  inset: auto !important;
  width: 100%;
  min-height: 0;
  margin: 0;
  z-index: auto !important;
  backdrop-filter: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-panel{
  position: absolute;
  inset: calc(100% + 6px) auto auto 0;
  width: 100%;
  max-width: 100%;
  max-height: min(320px, 48vh);
  display: grid;
  gap: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid var(--tv-border-strong);
  border-radius: 12px;
  background: white;
  box-shadow: 0 18px 42px rgba(8, 45, 42, .18);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  z-index: 140;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-panel[hidden]{
  display: none !important;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-panel.align-end{
  inset-inline: auto 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-panel.opens-upward{
  inset-block: auto calc(100% + 6px);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-status{
  padding: 5px 8px 4px;
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row{
  width: 100%;
  min-width: 0;
  min-height: 52px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  align-content: center;
  padding: 8px 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--tv-text);
  font: inherit;
  text-align: start;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row strong,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row strong{
  color: var(--tv-ink);
  font-size: 12px;
  font-weight: 790;
  line-height: 1.3;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 620;
  line-height: 1.35;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row:is(:hover, :focus-visible, .is-active),
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row[aria-selected="true"]{
  outline: 0;
  background: var(--tv-brand-soft);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-row:focus-visible{
  box-shadow: inset 0 0 0 2px var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-create{
  margin-top: 3px;
  border-top: 1px solid var(--tv-border);
  border-radius: 0 0 9px 9px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-create strong{
  color: var(--tv-brand-deep);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .inline-lookup-empty{
  margin: 0;
  padding: 12px;
  border: 0;
  border-radius: 9px;
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.45;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .edit-lines .inline-lookup-panel{
  position: static;
  width: 100%;
  max-width: 100%;
  margin-top: 6px;
  box-shadow: var(--tv-shadow-sm);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor{
  container-name: tv-invoice-editor;
  container-type: inline-size;
}

@container tv-invoice-editor (max-width: 900px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .customer-picker-fieldset,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-meta-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .advanced-grid,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .invoice-totals-panel{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-review-actions{
    width: 100%;
    justify-items: stretch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor .invoice-review-actions > .btn{
    width: 100%;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .save-note{
    min-width: 0;
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .btn{
    width: 100%;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor[data-invoice-mode="new"] > .sticky-save [data-invoice-action="cancel"]{
    display: none;
  }
}

@container tv-invoice-editor (max-width: 520px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save{
    grid-template-columns: minmax(0, 1fr);
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route :is(
  .invoice-money-host,
  .invoice-exposure-stack,
  .invoice-money-bar,
  .invoice-money-more,
  .invoice-money-secondary,
  .invoice-cockpit-table
){
  min-height: 0 !important;
  height: auto !important;
  align-self: start;
  contain: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-views{
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-table-scroll{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

@media screen and (max-width: 1240px) and (min-width: 901px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center{
    grid-template-columns: minmax(138px, 176px) minmax(154px, 184px) minmax(150px, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch__option{
    padding-inline: 6px;
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-filters-primary{
    grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(150px, .8fr)) minmax(150px, .8fr) auto;
  }
}

@media screen and (max-width: 900px) and (min-width: 521px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center{
    grid-template-columns: minmax(128px, 156px) minmax(146px, 176px) minmax(120px, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center > .tv-command-scope{
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch__option{
    padding-inline: 5px;
    font-size: 9px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-filters-primary{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-filters-primary .invoice-search{
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 700px){
  .tv-daily-work__tasks{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 520px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header__center > .tv-experience-switch{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-top > .tv-experience-switch{
    display: grid;
  }

  .tv-daily-work__head{
    display: grid;
    gap: 10px;
    padding: 16px;
  }

  .tv-daily-work__head > .btn{ width: 100%; min-height: 44px; }
  .tv-daily-work__tasks{ grid-template-columns: minmax(0, 1fr); }
  .tv-daily-task{ min-height: 78px; }

  .workspace .workspace-hero-actions{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace .workspace-hero-actions > :is(.btn, details){
    min-width: 0;
  }

  .workspace .workspace-hero-actions .btn,
.workspace .workspace-hero-actions details > summary{
    min-height: 44px;
    padding-inline: 8px;
    white-space: normal;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor{
    padding-bottom: 18px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
    padding: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .save-note{
    grid-column: 1 / -1;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-invoice-editor > .sticky-save .btn{
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-inline: 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-more{
    display: grid !important;
    grid-column: 1 / -1;
    min-height: 0 !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-more > summary{
    display: flex !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-money-more:not([open]) > .invoice-money-secondary{
    display: none !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-filter-shell,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-cockpit-table{
    min-height: 0 !important;
    margin: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-page .tv-customer-register-summary{
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row;
    gap: 8px !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-page .tv-customer-register-summary > *{
    width: 100%;
    min-width: 0;
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-page .tv-customer-register-metrics{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-page .tv-customer-register-metric{
    width: 100%;
    min-height: 66px;
    padding: 10px 12px;
    border-inline-start: 0;
    border-block-start: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-page .tv-customer-register-metric:first-child{
    border-block-start: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table{
    overflow: visible;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table .data-table{
    width: 100%;
    min-width: 0;
    display: block;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table .data-table thead{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table .data-table :is(tbody, tr){
    width: 100%;
    min-width: 0;
    display: grid;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table .data-table tr{
    overflow: hidden;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table .data-table td{
    width: 100% !important;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(88px, .36fr) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table .data-table td::before{
    position: static;
    width: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table td[data-label="Receipt"] .tv-receipt-identity strong{
    display: block;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tv-help-glossary > div{ grid-template-columns: minmax(0, 1fr); gap: 2px; }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
  button,
  [role="button"],
  summary,
  input,
  select,
  textarea
):focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-accent) 42%, transparent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] *,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] *::before,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] *::after{
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context{
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: 16px;
  background: var(--tv-surface);
  box-shadow: 0 8px 26px rgba(4, 34, 34, .055);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-head{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-block-end: 1px solid var(--tv-border);
  background: color-mix(in srgb, var(--tv-surface-muted) 72%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-head h2{
  margin: 0;
  color: var(--tv-ink);
  font-size: 15px;
  font-weight: 820;
  letter-spacing: -.015em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-head p{
  margin: 3px 0 0;
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.45;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls{
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(132px, .65fr) minmax(132px, .65fr) minmax(150px, .7fr) auto minmax(240px, 1.35fr);
  align-items: end;
  gap: 11px;
  padding: 14px 16px 16px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls .field{
  min-width: 0;
  margin: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls :is(input, select, .btn){
  min-height: 44px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls > input[type="search"]{
  width: 100%;
  min-width: 0;
  padding-inline: 13px;
  border: 1px solid var(--tv-border);
  border-radius: 10px;
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls > input[type="search"]:focus{
  border-color: var(--tv-brand);
  outline: 3px solid color-mix(in srgb, var(--tv-brand) 16%, transparent);
  outline-offset: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tabs{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 7px;
  border: 1px solid var(--tv-border);
  border-radius: 15px;
  background: color-mix(in srgb, var(--tv-surface-muted) 76%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab{
  position: relative;
  min-width: 0;
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 10px 13px 10px 16px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: var(--tv-text-muted);
  text-align: start;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: transparent;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab strong{
  color: var(--tv-ink);
  font-size: 13px;
  font-weight: 820;
  letter-spacing: -.01em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab small{
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.35;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab:is(:hover, :focus-visible){
  border-color: color-mix(in srgb, var(--tv-brand) 28%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-brand-soft) 48%, white);
  outline: 2px solid color-mix(in srgb, var(--tv-brand) 16%, transparent);
  outline-offset: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab.active{
  border-color: color-mix(in srgb, var(--tv-brand) 34%, var(--tv-border));
  background: var(--tv-surface);
  box-shadow: 0 7px 18px rgba(4, 34, 34, .08);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab.active::before{
  background: var(--tv-accent);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab.active strong{
  color: var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total-grid{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total{
  position: relative;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 15px 16px 15px 19px;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: 14px;
  background: var(--tv-surface);
  box-shadow: 0 7px 22px rgba(4, 34, 34, .045);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total.is-due::before{ background: var(--tv-accent); }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total.is-credit::before,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total.is-clear::before{ background: var(--tv-success); }

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total-head{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total-head span{
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .055em;
  text-transform: uppercase;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total-head small{
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  font-size: 10px;
  font-weight: 800;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total > strong{
  color: var(--tv-ink);
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total.is-due > strong{ color: color-mix(in srgb, var(--tv-accent) 85%, black); }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total.is-credit > strong{ color: var(--tv-success); }

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total > span{
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 760;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total > small{
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: 16px;
  background: var(--tv-surface);
  box-shadow: 0 9px 28px rgba(4, 34, 34, .055);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-open-queue{
  border-color: color-mix(in srgb, var(--tv-accent) 32%, var(--tv-border));
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group-head{
  min-width: 0;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-block-end: 1px solid var(--tv-border);
  background: color-mix(in srgb, var(--tv-surface-muted) 68%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-open-queue > .tv-managed-ledger-group-head{
  background: linear-gradient(90deg, color-mix(in srgb, var(--tv-accent) 7%, white), white 48%);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group-head .eyebrow{
  color: var(--tv-accent);
  font-size: 9px;
  letter-spacing: .08em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group-head :is(h2, h3){
  margin: 2px 0;
  color: var(--tv-ink);
  font-size: 18px;
  font-weight: 830;
  letter-spacing: -.02em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group-head small{
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.4;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-open-count{
  flex: none;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--tv-accent) 10%, white);
  color: color-mix(in srgb, var(--tv-accent) 84%, black);
  font-size: 11px;
  font-weight: 840;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-history-title{
  margin: 2px 0 -3px;
  color: var(--tv-ink);
  font-size: 18px;
  font-weight: 830;
  letter-spacing: -.02em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table-wrap{
  min-width: 0;
  overflow-x: auto;
  border-block-start: 0;
  scrollbar-gutter: stable;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table{
  width: 100%;
  min-width: 940px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table th{
  height: 42px;
  padding: 9px 12px;
  border: 0;
  border-block-end: 1px solid color-mix(in srgb, var(--tv-brand) 70%, black);
  background: var(--tv-brand);
  color: var(--tv-on-brand);
  font-size: 10px;
  font-weight: 780;
  letter-spacing: .025em;
  line-height: 1.25;
  text-transform: none;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table td{
  min-height: 48px;
  padding: 11px 12px;
  border: 0;
  border-block-end: 1px solid var(--tv-border-subtle, var(--tv-border));
  background: var(--tv-surface);
  color: var(--tv-text);
  font-size: 11px;
  line-height: 1.4;
  vertical-align: middle;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table tbody tr:nth-child(even) td{
  background: color-mix(in srgb, var(--tv-surface-muted) 45%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table tbody tr:is(:hover, :focus-within) td{
  background: color-mix(in srgb, var(--tv-brand-soft) 56%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table tbody tr:last-child td{
  border-block-end: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table .numeric-cell{
  color: var(--tv-ink);
  font-weight: 760;
  text-align: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table .tv-managed-ledger-outstanding{
  color: color-mix(in srgb, var(--tv-accent) 82%, black);
  font-weight: 850;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table .tv-text-link{
  color: var(--tv-brand);
  font-weight: 820;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 1120px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls > :is(input[type="search"], .btn){
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls > input[type="search"]{
    grid-column: 1 / -1;
    grid-row: 1;
  }
}

@media (max-width: 700px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls{
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-context-controls > input[type="search"]{
    grid-column: 1;
    grid-row: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tabs{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-tab{
    min-height: 58px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-total-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group-head{
    align-items: flex-start;
    flex-direction: column;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-group-head > .btn{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table{
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table thead{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table :is(tbody, tr, td){
    display: grid;
    width: 100%;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table tr{
    gap: 8px;
    padding: 13px;
    border-block-end: 1px solid var(--tv-border);
    background: var(--tv-surface);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table td,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table tbody tr:nth-child(even) td{
    min-height: 0;
    grid-template-columns: minmax(100px, .42fr) minmax(0, 1fr);
    align-items: baseline;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: start;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table td::before{
    content: attr(data-label);
    color: var(--tv-text-muted);
    font-size: 9px;
    font-weight: 820;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table .numeric-cell{
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table td[colspan]{
    grid-template-columns: minmax(0, 1fr);
    padding: 8px 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-managed-ledger-table td[colspan]::before{
    display: none;
  }
}

.supplier-bill-form{
  display: grid;
  gap: 14px;
}

.supplier-bill-steps{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.supplier-bill-steps li{
  min-width: 0;
  min-height: 40px;
  display: grid;
  place-items: center;
  padding: 7px 9px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 760;
  text-align: center;
}

.supplier-bill-steps li.is-current{
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
}

.supplier-bill-step{
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.supplier-bill-step-head{
  display: grid;
  gap: 3px;
}

.supplier-bill-step-head > span{
  color: var(--tv-brand);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.supplier-bill-step-head h3,
.supplier-bill-step-head p,
.supplier-bill-review > p{
  margin: 0;
}

.supplier-bill-step-head h3{ color: var(--tv-text); font-size: 16px; }
.supplier-bill-step-head p,
.supplier-bill-review > p,
.supplier-bill-due-hint{ color: var(--tv-text-muted); font-size: 11px; line-height: 1.45; }
.supplier-bill-money-fields{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.supplier-bill-source-picker{ min-width: 0; }
.supplier-bill-source-picker select{ max-width: 100%; text-overflow: ellipsis; }

@media screen and (max-width: 700px){
  .supplier-bill-steps{ grid-template-columns: minmax(0, 1fr); }
  .supplier-bill-steps li:not(.is-current){ display: none; }
  .supplier-bill-steps li{ justify-items: start; min-height: 36px; text-align: left; }
  .supplier-bill-step{ padding: 12px; }
  .supplier-bill-money-fields{ grid-template-columns: minmax(0, 1fr); }
  .supplier-bill-source-picker{ display: grid; grid-template-columns: minmax(0, 1fr); }
  .supplier-bill-source-picker .btn{ width: 100%; min-height: 44px; white-space: normal; }
}

.tv-invoice-steps{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  counter-reset: none;
  list-style: none;
}

.tv-invoice-steps li{
  min-width: 0;
  min-height: 42px;
  display: grid;
  place-items: center;
  padding: 8px 10px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 760;
  text-align: center;
}

.tv-invoice-steps li.is-current{
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
  color: var(--tv-brand);
}

.tv-invoice-step-kicker{
  display: block;
  margin-bottom: 3px;
  color: var(--tv-brand);
  font-size: 10px;
  font-weight: 840;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tv-invoice-editor[data-invoice-mode="new"] > .tv-document-strip{
  display: none !important;
}

.tv-invoice-editor .invoice-review-actions{
  min-width: 0;
  display: grid;
  justify-items: end;
  gap: 8px;
}

.tv-invoice-editor .invoice-review-actions > .btn{
  min-height: 42px;
}

@media screen and (max-width: 700px){
  .tv-invoice-steps{
    grid-template-columns: minmax(0, 1fr);
  }

  .tv-invoice-steps li{
    min-height: 36px;
    justify-items: start;
    text-align: left;
  }

  .tv-invoice-steps li:not(.is-current){
    display: none;
  }

  .tv-invoice-editor .invoice-review-actions{
    width: 100%;
    justify-items: stretch;
  }

  .tv-invoice-editor .invoice-review-actions > .btn{
    width: 100%;
  }

  .tv-invoice-editor[data-invoice-mode="new"] > .sticky-save [data-invoice-action="cancel"]{
    display: none;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-id-cell{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  min-width: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-id-cell .tv-receipt-identity strong{
  overflow: hidden;
  overflow-wrap: normal;
  word-break: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-copy-id{
  min-width: 44px;
  min-height: 36px;
  padding-inline: 8px;
}

@media screen and (max-width: 520px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-register-table td[data-label="Payment number"] .tv-receipt-identity strong{
    display: block;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-copy-id{
    min-height: 44px;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-summary-disclosure{
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  overflow: hidden;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-summary-disclosure > summary,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced > summary{
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  color: var(--tv-text);
  background: var(--tv-surface-muted);
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-summary-disclosure > summary span,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced > summary span{
  margin-inline-start: auto;
  color: var(--tv-text-muted);
  font-size: 11px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-summary-disclosure[open] > summary,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced[open] > summary{
  border-block-end: 1px solid var(--tv-border);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-summary-disclosure .tv-customer-register-summary{
  border: 0;
  border-radius: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-primary-filters{
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(160px, .35fr) auto auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border-block-end: 1px solid var(--tv-border);
  background: var(--tv-surface);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-primary-filters label,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced label{
  display: grid;
  gap: 6px;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 800;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-primary-filters :is(input, select){
  width: 100%;
  min-height: 44px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced .tv-customer-register-toolbar{
  grid-template-columns: repeat(3, minmax(150px, 1fr)) auto auto;
  border-block-end: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-table .data-table{
  min-width: 720px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-table .data-table :is(th, td)[data-column-key="customer"]{ width: 26%; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-table .data-table :is(th, td)[data-column-key="contact"]{ width: 24%; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-table .data-table :is(th, td)[data-column-key="currencyTotals"]{ width: 28%; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-table .data-table :is(th, td)[data-column-key="actionability"]{ width: 22%; }

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-balance-cell,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-row-details{
  min-width: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-balance-cell > small,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-row-details > span{
  display: block;
  margin-block-start: 5px;
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.4;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-row-details > summary{
  color: var(--tv-brand);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  text-transform: capitalize;
}

@media screen and (max-width: 850px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-primary-filters{
    grid-template-columns: minmax(0, 1fr) minmax(150px, .4fr) auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-primary-filters > .btn.btn-ghost{
    grid-column: 1 / -1;
    justify-self: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced .tv-customer-register-toolbar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 520px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-summary-disclosure > summary,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced > summary{
    align-items: flex-start;
    flex-direction: column;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-summary-disclosure > summary span,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced > summary span{
    margin-inline-start: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-primary-filters,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced .tv-customer-register-toolbar{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-primary-filters > .btn,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-customer-register-advanced .btn{
    width: 100%;
    min-height: 44px;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-experience-mode="business_overview"] .invoice-register-route .invoice-attention-host{ order: 1; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-experience-mode="business_overview"] .invoice-register-route .invoice-money-host{ order: 2; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-experience-mode="business_overview"] .invoice-register-route .invoice-cockpit-table{ order: 3; }

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-experience-mode="daily_work"] .invoice-register-route .invoice-cockpit-table{ order: 1; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-experience-mode="daily_work"] .invoice-register-route .invoice-attention-host{ order: 2; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-experience-mode="daily_work"] .invoice-register-route .invoice-money-host{ order: 3; }

@media screen and (max-width: 520px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .invoice-register-route .invoice-attention-host .tv-attention-row:nth-of-type(n + 2){
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .invoice-register-route .invoice-attention-host .tv-attention-list-head{
    min-height: 40px;
  }
}

.invoice-policy-alternatives{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 10px;
}

@media screen and (max-width: 520px){
  .invoice-policy-alternatives{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .invoice-policy-alternatives > .btn{
    width: 100%;
    min-height: 44px;
  }
}

.bank-reconciliation-steps{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bank-reconciliation-steps > li{
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface-muted);
}

.bank-reconciliation-steps > li.is-current{
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
}

.bank-reconciliation-steps strong{ color: var(--tv-text); font-size: 11px; }
.bank-reconciliation-steps span{ color: var(--tv-text-muted); font-size: 10px; line-height: 1.35; }

.bank-reconciliation-empty{
  display: grid;
  justify-items: start;
  gap: 16px;
  padding: clamp(20px, 4vw, 40px);
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

.bank-reconciliation-empty h2,
.bank-reconciliation-empty p{ margin: 0; }
.bank-reconciliation-empty p{ max-width: 68ch; color: var(--tv-text-muted); line-height: 1.55; }
.bank-reconciliation-empty ol{ display: grid; gap: 8px; margin: 0; padding-inline-start: 22px; color: var(--tv-text); }
.bank-reconciliation-empty .btn{ min-height: 44px; }

@media screen and (max-width: 700px){
  .bank-reconciliation-steps{ grid-template-columns: minmax(0, 1fr); }
  .bank-reconciliation-steps > li:not(.is-current){ display: none; }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-guide,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-family-disclosure,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-current-details{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.financial-report-guide, .financial-report-family-disclosure, .settings-current-details) > summary{
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.financial-report-guide, .financial-report-family-disclosure, .settings-current-details) > summary span{
  margin-inline-start: auto;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 600;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.financial-report-guide, .financial-report-family-disclosure, .settings-current-details)[open] > summary{
  border-block-end: 1px solid var(--tv-border);
  background: var(--tv-surface-muted);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-guide-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-guide-option{
  min-width: 0;
  min-height: 72px;
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-surface);
  color: var(--tv-text);
  text-align: start;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-guide-option span{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.45;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-guide-option:is(:hover, :focus-visible, .is-current){
  border-color: var(--tv-brand);
  background: var(--tv-brand-soft);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-interpretation{
  display: grid;
  gap: 5px;
  padding: 13px 15px;
  border-inline-start: 4px solid var(--tv-brand);
  border-radius: var(--tv-radius-sm);
  background: var(--tv-brand-soft);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-interpretation p{
  max-width: 78ch;
  margin: 0;
  color: var(--tv-text-muted);
  line-height: 1.5;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-family-disclosure .financial-report-family-nav{
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-guided-main{
  min-width: 0;
  display: grid;
  gap: 16px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-hub{
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: var(--tv-surface);
  box-shadow: var(--tv-shadow-xs);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  border-block-end: 1px solid var(--tv-border);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-head :is(h2, p){ margin: 0; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-head h2{ margin-block: 4px 7px; font-size: clamp(19px, 2vw, 25px); }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-head p:last-child{ max-width: 66ch; color: var(--tv-text-muted); line-height: 1.5; }

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-progress{
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: var(--tv-brand-soft);
  color: var(--tv-brand-deep);
  font-size: 11px;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-row{
  min-width: 0;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 20px;
  border-block-end: 1px solid var(--tv-border-subtle);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-row:last-child{ border-block-end: 0; }

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-state{
  display: inline-flex;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--tv-warning-soft, #fff4d6);
  color: var(--tv-warning-text, #7a4b00);
  font-size: 10px;
  font-weight: 800;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-row.is-ready .settings-setup-state{
  background: var(--tv-success-soft, #e9f7ef);
  color: var(--tv-success-text, #17633c);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-copy{ min-width: 0; display: grid; gap: 4px; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-copy p{ margin: 0; color: var(--tv-text-muted); font-size: 11px; line-height: 1.45; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-current-details .settings-business-grid{ padding: 14px; }

@media screen and (max-width: 700px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .financial-report-guide-grid{ grid-template-columns: minmax(0, 1fr); }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.financial-report-guide, .financial-report-family-disclosure, .settings-current-details) > summary{ align-items: flex-start; flex-direction: column; }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.financial-report-guide, .financial-report-family-disclosure, .settings-current-details) > summary span{ margin-inline-start: 0; }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-head{ flex-direction: column; }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-row{ grid-template-columns: auto minmax(0, 1fr); padding: 14px; }
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .settings-setup-row > .btn{ grid-column: 1 / -1; width: 100%; min-height: 44px; }
}

@media screen and (max-width: 390px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack.tv-route-frame.financial-statements .financial-statement-tabs{ grid-template-columns: minmax(0, 1fr); }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-bill-supplier-picker{
  min-width: 0;
  width: 100%;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-bill-supplier-picker > input{
  width: 100%;
  min-width: 0;
  min-height: 44px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-actions, .tv-receipt-more-actions){
  position: relative;
  flex: 0 0 auto;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-actions, .tv-receipt-more-actions) > summary{
  list-style: none;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-actions, .tv-receipt-more-actions) > summary::-webkit-details-marker{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-menu, .tv-receipt-more-menu){
  position: absolute;
  inset-block-start: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 12;
  width: min(280px, calc(100vw - 32px));
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--tv-border);
  border-radius: var(--tv-radius-md);
  background: #fff;
  box-shadow: var(--tv-shadow-lg, 0 18px 48px rgba(15, 23, 42, .16));
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-menu, .tv-receipt-more-menu) > button{
  width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 0;
  border-radius: var(--tv-radius-sm);
  background: transparent;
  color: var(--tv-ink);
  font: inherit;
  font-weight: 700;
  text-align: start;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-menu, .tv-receipt-more-menu) > button:is(:hover, :focus-visible){
  background: var(--tv-surface-soft, #f5f7f8);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-menu, .tv-receipt-more-menu) > button:is(.is-danger, .btn-danger){
  color: var(--tv-danger-text, #9f1d20);
}

@media screen and (max-width: 520px){

  .workspace .workspace-hero-actions:has(> .tv-action-menu) > [data-action-rank="secondary"]{
    display: none;
  }
}

@media screen and (max-width: 1240px) and (min-width: 521px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-experience-switch__option{
    font-size: 11px;
  }
}

@media screen and (max-width: 700px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-bill-drawer .drawer-header-actions{
    overflow: visible;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .supplier-bill-drawer .drawer-header-actions > :is(.btn, details){
    flex: 1 1 132px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-actions, .tv-receipt-more-actions) > summary{
    width: 100%;
    min-height: 44px;
    justify-content: center;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.supplier-bill-more-menu, .tv-receipt-more-menu){
    inset-inline: 0 auto;
  }
}

@media screen and (max-width: 640px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body) .panel{
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body) .table-card{
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-actions .btn{
    min-height: 44px;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
  .invoice-id-select strong,
  .tv-entity-cell > strong,
  .tv-gl-entity > strong,
  .tv-gl-source-link > strong
){
  display: block;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  word-break: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-cockpit-table .data-table th .sort-mark,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-cockpit-table .data-table th[aria-sort] .sort-mark{
  color: #fff;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
  .invoice-id-select,
  .invoice-cell-stack
){
  width: 100%;
  min-width: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
  .invoice-id-text,
  .invoice-open-button
){
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  word-break: normal;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 640px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body){
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .panel,
    .evidence-panel,
    .table-card,
    .work-queue-register-block,
    .invoice-cockpit-table,
    .tv-business-cockpit-trend
  ){
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-width: 520px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    button,
    .btn,
    summary,
    [role="button"]
  ){
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
  ){
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-table-scroll .data-table thead{
    display: none !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-coa-route-frame > .tv-route-summary{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-panel-head > span{
    color: var(--tv-brand-hover);
    font-size: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-panel-head p{
    font-size: 11px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-table-scroll .data-table,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-table-scroll .data-table tbody,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-table-scroll .data-table tbody tr,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .invoice-register-route .invoice-table-scroll .data-table td[data-column-key="id"]{
    width: 100% !important;
    min-width: 0 !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .workspace-stats.tv-route-summary{
    display: none !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-row{
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "badge copy"
      "value value"
      "action action";
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-receipt-page-frame > .tv-attention-list--compact .tv-attention-row > .btn{
    width: 100%;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .tv-route-frame[data-route-id="sales-analysis"],
    .tv-route-frame[data-route-id="purchase-analysis"]
  ) > .tv-route-summary{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .financial-report-family-nav button{
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .work-queue-register .data-table thead{
    display: none !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .party-directory .data-table{
    overflow: visible;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-customer-register-identity .tv-customer-ref{
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .data-table th button{
    min-width: 44px !important;
    min-height: 44px !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-route-frame[data-route-id="inventory-control-reconciliation"] .checkbox-control{
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-panel-head > span{
  color: var(--tv-brand-hover);
  font-size: 11px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-command-copy > span{
  color: var(--tv-brand);
}

@media screen and (min-width: 521px) and (max-width: 1100px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"]{
    --tv-header-height: 62px;
    --tv-catalog-width: min(90vw, 340px);
    --tv-catalog-current-width: 0px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--tv-header-height) minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-command-header,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"] .tv-command-header{
    grid-column: 1;
    grid-row: 1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .tv-workspace-catalog,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"] > .tv-workspace-catalog{
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 78;
    width: var(--tv-catalog-width);
    height: 100dvh;
    border-inline-start-width: 5px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
    box-shadow: 22px 0 54px rgba(8, 45, 42, .26);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-mobile-open="true"] > .tv-workspace-catalog{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-shell{
    width: calc(var(--tv-catalog-width) - 5px);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(
    .tv-catalog-create__trigger,
    .tv-catalog-search,
    .tv-catalog-route,
    .tv-catalog-group__summary,
    .tv-catalog-group-more > summary,
    .tv-catalog-utility
  ){
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-backdrop{
    position: fixed;
    inset: 0;
    z-index: 77;
    display: block;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(8, 45, 42, .58);
    opacity: 0;
    pointer-events: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-backdrop[hidden]{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-mobile-open="true"] > .tv-catalog-backdrop{
    opacity: 1;
    pointer-events: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] > .main,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"][data-catalog-collapsed="true"] > .main{
    grid-column: 1;
    grid-row: 2;
    height: calc(100dvh - var(--tv-header-height));
  }

  body[data-tv-catalog-open="true"] #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace{
    overflow-y: hidden;
    overscroll-behavior: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .drawer{
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
  }
}

@media screen and (min-width: 521px) and (max-width: 1100px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-attention-list--compact .tv-attention-list-rows{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-attention-list--compact .tv-attention-row{
    grid-template-columns: auto minmax(120px, 1fr) auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack[data-route-id="inventory-tax-command-center"] .panel{
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .route-stack[data-route-id="inventory-tax-command-center"] .panel > .data-table{
    width: max-content;
    min-width: 820px;
    max-width: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register){
    max-width: 100%;
    overflow: visible;
    padding: 10px;
    background: var(--tv-surface-muted);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table{
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table thead{
    display: none !important;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table tbody{
    display: grid;
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table tbody tr{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    padding: 12px;
    overflow: visible;
    border: 1px solid var(--tv-border);
    border-radius: var(--tv-radius-md);
    background: var(--tv-surface);
    box-shadow: var(--tv-shadow-panel);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table tbody td{
    display: grid;
    width: auto;
    min-width: 0;
    gap: 4px;
    padding: 8px 0;
    overflow: visible;
    border: 0;
    text-align: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table tbody td::before{
    color: var(--tv-text-subtle);
    content: attr(data-label);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table tbody :is([data-column-key="title"], [data-column-key="actions"]){
    grid-column: 1 / -1;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table tbody [data-column-key="title"]{
    padding-top: 0;
    border-bottom: 1px solid var(--tv-border);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(.work-queue-register, .control-tower-register) > .data-table tbody [data-column-key="actions"] .btn{
    width: 100%;
    min-width: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .operational-exception-toolbar{
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .operational-exception-toolbar .btn{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .control-tower-register > .ledger-pagination{
    min-width: 0;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 521px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-catalog-top > .tv-experience-switch{
    display: none;
  }
}

@media screen and (min-width: 901px) and (max-width: 1100px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace :is(
    .table-card,
    .table-scroll,
    .tv-customer-register-table,
    .tv-receipt-register-table,
    .invoice-table-scroll,
    .panel:has(.data-table)
  ){
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body){
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] :is(.drawer-body, .modal-body) :is(
  .panel,
  .table-card,
  .table-scroll,
  .tv-receipt-evidence-table
){
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .budget-editor-line{
  grid-template-columns: minmax(180px, 1.5fr) minmax(110px, .65fr) minmax(100px, .55fr) minmax(140px, 1fr) 44px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .table-card{
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .work-queue-register-block{
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .work-queue-register-block .data-table{
  overflow: visible;
}

@container (max-width: 900px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-masthead{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-context{
    border-inline-start: 0;
    border-block-start: 1px solid rgba(255, 255, 255, .12);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-board{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "trend"
      "readout"
      "receivables"
      "exposure";
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-trend{
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route{
  container-type: inline-size;
}

@container (max-width: 700px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-daily-work__head{
    display: grid;
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-daily-work__head > .btn{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-daily-work__tasks,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-attention-list--compact .tv-attention-list-rows{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-attention-list--compact .tv-attention-row{
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "badge copy"
      "value value"
      "action action";
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-attention-list--compact .tv-attention-row > .btn{
    width: 100%;
  }
}

@media screen and (min-width: 1000px){
  @container (max-width: 900px){
    body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-daily-work__head{
      display: grid;
      gap: 10px;
    }

    body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-daily-work__head > .btn{
      width: 100%;
    }

    body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-daily-work__tasks{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-attention-list--compact .tv-attention-list-rows{
      grid-template-columns: minmax(0, 1fr);
    }

    body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-attention-list--compact .tv-attention-row{
      grid-template-columns: auto minmax(0, 1fr);
      grid-template-areas:
        "badge copy"
        "value value"
        "action action";
      align-items: start;
    }

    body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-business-cockpit-route .tv-attention-list--compact .tv-attention-row > .btn{
      width: 100%;
    }
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-command-center{
  container-type: inline-size;
}

@container (max-width: 900px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar{
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-bar > :is(.tv-accounting-command-copy, .tv-accounting-context-actions){
    padding: 10px 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-command-copy small,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-facts{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions{
    grid-column: 1;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-context-actions > *{
    flex: 0 0 150px;
    min-width: 150px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-band{
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 1fr);
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-accounting-trust-cell{
    min-height: 84px;
    padding: 9px 10px;
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route{
  container-type: inline-size;
}

@container (max-width: 900px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route .tv-daily-work__head{
    display: grid;
    gap: 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route .tv-daily-work__head > .btn{
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route .tv-daily-work__tasks{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route .tv-attention-list--compact .tv-attention-list-rows{
    grid-template-columns: minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route .tv-attention-list--compact .tv-attention-row{
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "badge copy"
      "value value"
      "action action";
    align-items: start;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route .tv-attention-list--compact .tv-attention-row > .btn{
    width: 100%;
  }
}

@container (max-width: 520px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .workspace .tv-daily-work-route .tv-daily-work__tasks{
    grid-template-columns: minmax(0, 1fr);
  }
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal.global-search-modal-v2{
  width: min(1040px, calc(100vw - 32px));
  max-width: min(1040px, calc(100vw - 32px));
  height: min(850px, calc(100dvh - 32px));
  max-height: min(850px, calc(100dvh - 32px));
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid color-mix(in srgb, var(--tv-brand) 22%, var(--tv-border));
  border-radius: 22px;
  background: var(--tv-surface);
  box-shadow: 0 28px 80px rgba(4, 34, 34, .24), 0 2px 8px rgba(4, 34, 34, .08);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2::before{
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--tv-accent) 0 16%, var(--tv-brand) 16% 100%);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 > .modal-header{
  min-height: 82px;
  padding: 18px 20px 16px 24px;
  border-block-end: 1px solid var(--tv-border);
  background: var(--tv-surface);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 > .modal-header h2{
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 820;
  letter-spacing: -.035em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 > .modal-header p{
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 > .modal-footer{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 > .modal-body{
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 96% 0, color-mix(in srgb, var(--tv-accent) 7%, transparent), transparent 30%),
    var(--tv-surface);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-shell-v2{
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-query{
  position: relative;
  min-width: 0;
  padding: 20px 24px 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-query-icon{
  position: absolute;
  z-index: 1;
  inset: 38px auto auto 43px;
  display: grid;
  place-items: center;
  color: var(--tv-brand);
  pointer-events: none;
  transform: translateY(-50%);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-query-icon .icon{
  width: 21px;
  height: 21px;
  stroke-width: 2.2;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-input{
  width: 100%;
  min-height: 58px;
  padding: 13px 52px 13px 52px;
  border: 1px solid color-mix(in srgb, var(--tv-brand) 28%, var(--tv-border));
  border-radius: 16px;
  background: var(--tv-surface);
  color: var(--tv-ink);
  box-shadow: 0 8px 24px rgba(4, 34, 34, .06);
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -.01em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-input::placeholder{
  color: color-mix(in srgb, var(--tv-text-muted) 82%, white);
  font-weight: 560;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-input::-webkit-search-cancel-button{
  display: none;
  appearance: none;
  -webkit-appearance: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-input:focus{
  border-color: var(--tv-brand);
  outline: 3px solid color-mix(in srgb, var(--tv-brand) 18%, transparent);
  outline-offset: 2px;
  box-shadow: 0 10px 30px rgba(4, 34, 34, .1);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-clear-query{
  position: absolute;
  z-index: 2;
  inset: 28px 34px auto auto;
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--tv-text-muted);
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-clear-query[hidden],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-tools[hidden],
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-clear-filters[hidden]{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-clear-query:is(:hover, :focus-visible){
  background: var(--tv-surface-muted);
  color: var(--tv-ink);
  outline: 2px solid color-mix(in srgb, var(--tv-brand) 24%, transparent);
  outline-offset: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-clear-query .icon{
  width: 17px;
  height: 17px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-feedback{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 26px 12px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-feedback .global-search-status{
  min-height: 18px;
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  font-weight: 680;
  line-height: 1.45;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-keyboard-help{
  flex: none;
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-tools{
  position: relative;
  z-index: 3;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 24px;
  border-block: 1px solid var(--tv-border);
  background: color-mix(in srgb, var(--tv-surface-muted) 72%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-filters{
  min-width: 0;
  display: flex;
  gap: 7px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  padding: 2px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-select{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-filter{
  min-height: 38px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px 7px 12px;
  border: 1px solid var(--tv-border);
  border-radius: 999px;
  background: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
  font-size: 12px;
  font-weight: 740;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-filter strong{
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-filter:is(:hover, :focus-visible){
  border-color: color-mix(in srgb, var(--tv-brand) 45%, var(--tv-border));
  background: var(--tv-brand-soft);
  outline: 2px solid color-mix(in srgb, var(--tv-brand) 20%, transparent);
  outline-offset: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-filter.is-active{
  border-color: var(--tv-brand);
  background: var(--tv-brand);
  color: var(--tv-on-brand);
  box-shadow: 0 5px 14px rgba(4, 73, 69, .18);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-filter.is-active strong{
  background: rgba(255, 255, 255, .18);
  color: var(--tv-on-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements{
  position: relative;
  flex: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements > summary{
  min-height: 40px;
  min-width: 132px;
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  gap: 1px;
  padding: 6px 34px 6px 12px;
  border: 1px solid var(--tv-border);
  border-radius: 11px;
  background: var(--tv-surface);
  color: var(--tv-text);
  cursor: pointer;
  list-style: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements > summary::-webkit-details-marker{
  display: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements > summary::after{
  content: "⌄";
  position: absolute;
  inset: 10px 12px auto auto;
  color: var(--tv-brand);
  font-size: 16px;
  font-weight: 900;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements[open] > summary{
  border-color: var(--tv-brand);
  outline: 3px solid color-mix(in srgb, var(--tv-brand) 14%, transparent);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements > summary > span{
  font-size: 12px;
  font-weight: 800;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements > summary > small{
  color: var(--tv-text-muted);
  font-size: 10px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinement-panel{
  position: absolute;
  z-index: 10;
  inset: calc(100% + 8px) 0 auto auto;
  width: min(340px, calc(100vw - 48px));
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--tv-brand) 22%, var(--tv-border));
  border-radius: 14px;
  background: var(--tv-surface);
  box-shadow: 0 18px 48px rgba(4, 34, 34, .18);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-status-filter{
  display: grid;
  gap: 6px;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 800;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-status-filter select{
  width: 100%;
  min-height: 46px;
  padding: 9px 36px 9px 11px;
  border: 1px solid var(--tv-border);
  border-radius: 10px;
  background-color: var(--tv-surface);
  color: var(--tv-text);
  font: inherit;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-status-filter select:focus{
  border-color: var(--tv-brand);
  outline: 3px solid color-mix(in srgb, var(--tv-brand) 16%, transparent);
  outline-offset: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-test-option{
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--tv-border);
  border-radius: 10px;
  background: var(--tv-surface-muted);
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-test-option input{
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
  accent-color: var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-test-option span{
  display: grid;
  gap: 2px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-test-option strong{
  color: var(--tv-text);
  font-size: 12px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-test-option small{
  color: var(--tv-text-muted);
  font-size: 11px;
  line-height: 1.4;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-clear-filters{
  width: 100%;
  min-height: 42px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-results{
  min-width: 0;
  min-height: 0;
  max-height: none;
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 18px;
  padding: 18px 24px 28px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scroll-padding: 16px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group{
  min-width: 0;
  min-height: max-content;
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--tv-border);
  border-radius: 16px;
  background: var(--tv-surface);
  box-shadow: 0 7px 24px rgba(4, 34, 34, .055);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group > header{
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 14px 10px 16px;
  border-block-end: 1px solid var(--tv-border);
  background: color-mix(in srgb, var(--tv-surface-muted) 72%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group > header > div{
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 9px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group h3{
  margin: 0;
  color: var(--tv-ink);
  font-size: 14px;
  font-weight: 820;
  letter-spacing: -.01em;
  text-transform: none;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group > header span{
  color: var(--tv-text-muted);
  font-size: 11px;
  font-weight: 680;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-view-all{
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px 6px 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--tv-brand);
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-view-all:is(:hover, :focus-visible){
  background: var(--tv-brand-soft);
  outline: 2px solid color-mix(in srgb, var(--tv-brand) 20%, transparent);
  outline-offset: 1px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group-list{
  display: grid;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result{
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 82px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(124px, auto);
  align-items: center;
  gap: 13px;
  padding: 12px 14px;
  border: 0;
  border-block-end: 1px solid var(--tv-border-subtle, var(--tv-border));
  border-radius: 0;
  background: var(--tv-surface);
  color: var(--tv-text);
  text-align: start;
  cursor: pointer;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result:last-child{
  border-block-end: 0;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result:is(:hover, :focus-visible){
  z-index: 1;
  background: color-mix(in srgb, var(--tv-brand-soft) 62%, white);
  outline: 0;
  box-shadow: inset 4px 0 var(--tv-accent);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--tv-brand) 23%, transparent);
  outline-offset: -3px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result-icon{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--tv-brand) 13%, var(--tv-border));
  border-radius: 13px;
  background: linear-gradient(145deg, var(--tv-brand-soft), var(--tv-surface));
  color: var(--tv-brand);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result-icon .icon{
  width: 20px;
  height: 20px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result-copy{
  min-width: 0;
  display: grid;
  gap: 4px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-title{
  min-width: 0;
  overflow: hidden;
  color: var(--tv-ink);
  font-size: 15px;
  font-weight: 820;
  letter-spacing: -.015em;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-description{
  min-width: 0;
  overflow: hidden;
  color: var(--tv-text);
  font-size: 12px;
  font-weight: 620;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-meta{
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--tv-text-muted);
  font-size: 10px;
  line-height: 1.3;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-kind,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-status{
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 760;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-kind{
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-status.is-success{
  background: color-mix(in srgb, var(--tv-success) 11%, white);
  color: color-mix(in srgb, var(--tv-success) 88%, black);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-status.is-warning{
  background: color-mix(in srgb, var(--tv-warning) 12%, white);
  color: color-mix(in srgb, var(--tv-warning) 78%, black);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-status.is-danger{
  background: color-mix(in srgb, var(--tv-danger) 10%, white);
  color: var(--tv-danger);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-status.is-neutral{
  background: var(--tv-surface-muted);
  color: var(--tv-text-muted);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-trailing{
  min-width: 0;
  display: grid;
  justify-items: end;
  gap: 5px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result-amount{
  color: var(--tv-ink);
  font-size: 13px;
  font-weight: 840;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-open{
  color: var(--tv-brand);
  font-size: 10px;
  font-weight: 800;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state{
  min-height: 260px;
  display: grid;
  grid-template-columns: auto minmax(0, 460px);
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 36px 24px;
  border: 1px dashed color-mix(in srgb, var(--tv-brand) 24%, var(--tv-border));
  border-radius: 18px;
  background: color-mix(in srgb, var(--tv-brand-soft) 36%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-icon{
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--tv-surface);
  color: var(--tv-brand);
  box-shadow: 0 8px 22px rgba(4, 34, 34, .08);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-icon .icon{
  width: 24px;
  height: 24px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state > div{
  display: grid;
  gap: 6px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state h3{
  margin: 0;
  color: var(--tv-ink);
  font-size: 17px;
  font-weight: 820;
  letter-spacing: -.02em;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state p{
  margin: 0;
  color: var(--tv-text-muted);
  font-size: 12px;
  line-height: 1.55;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state > .btn{
  grid-column: 2;
  justify-self: start;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state.is-danger{
  border-color: color-mix(in srgb, var(--tv-danger) 28%, var(--tv-border));
  background: color-mix(in srgb, var(--tv-danger) 4%, white);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state.is-danger .global-search-empty-icon{
  color: var(--tv-danger);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-loading{
  display: grid;
  gap: 10px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton{
  min-height: 82px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 112px;
  align-items: center;
  gap: 13px;
  padding: 12px 14px;
  border: 1px solid var(--tv-border);
  border-radius: 14px;
  background: var(--tv-surface);
  animation: global-search-skeleton-pulse 1.25s ease-in-out var(--search-skeleton-delay) infinite alternate;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton > span{
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: var(--tv-surface-muted);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton > div{
  display: grid;
  gap: 7px;
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton i,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton b{
  display: block;
  height: 9px;
  border-radius: 999px;
  background: var(--tv-surface-muted);
}

body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton i:nth-child(1){ width: 42%; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton i:nth-child(2){ width: 74%; }
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton i:nth-child(3){ width: 34%; }

@keyframes global-search-skeleton-pulse{
  from{ opacity: .58; }
  to{ opacity: 1; }
}

@media (max-width: 700px){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .modal.global-search-modal-v2{
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 > .modal-header{
    min-height: 72px;
    padding: 13px 12px 11px 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 > .modal-header p,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-keyboard-help{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-query{
    padding: 14px 14px 0;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-query-icon{
    inset: 43px auto auto 32px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-clear-query{
    inset: 22px 22px auto auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-input{
    min-height: 56px;
    padding-inline: 48px;
    font-size: 16px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-feedback{
    padding: 9px 16px 10px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-tools{
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    padding: 10px 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-filters{
    display: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-select{
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    color: var(--tv-text-muted);
    font-size: 11px;
    font-weight: 760;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-type-select select{
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 34px 8px 11px;
    border: 1px solid var(--tv-border);
    border-radius: 14px;
    background: var(--tv-surface);
    color: var(--tv-text);
    font: inherit;
    font-size: 12px;
    font-weight: 740;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinements > summary{
    width: 100%;
    min-height: 44px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-refinement-panel{
    position: static;
    width: 100%;
    margin-top: 8px;
    box-shadow: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-results{
    gap: 14px;
    padding: 14px 12px 24px;
    scrollbar-gutter: auto;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group{
    border-radius: 14px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group > header{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding-inline: 12px 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group > header > div{
    flex-wrap: wrap;
    gap: 2px 8px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-group > header > div > span{
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-view-all{
    max-width: none;
    overflow: visible;
    white-space: nowrap;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result{
    min-height: 92px;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-modal-v2 .global-search-result-icon{
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-title,
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-description{
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-trailing{
    grid-column: 2;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-items: start;
    align-items: center;
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result-open{
    justify-self: end;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state{
    min-height: 240px;
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: 12px;
    padding: 26px 20px;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-empty-state > .btn{
    grid-column: 1;
    width: 100%;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton{
    grid-template-columns: 40px minmax(0, 1fr);
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton > b{
    display: none;
  }
}

@media (prefers-reduced-motion: reduce){
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-skeleton{
    animation: none;
  }

  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .global-search-result{
    transition: none;
  }
}