.od-inv-shell .card{border:1px solid rgba(125,211,252,.12);border-radius:30px;overflow:hidden;background:radial-gradient(circle at top left,rgba(56,189,248,.08),transparent 32%),radial-gradient(circle at top right,rgba(34,197,94,.07),transparent 28%),linear-gradient(180deg,rgba(8,12,22,.98),rgba(5,9,18,.98));box-shadow:0 30px 70px rgba(2,6,23,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.od-inv-stage{display:grid;gap:18px;color:#e6eef9;font-family:"Bahnschrift","Segoe UI Variable Text","Segoe UI",sans-serif}
.od-inv-hero,.od-inv-zone,.od-inv-listPanel,.od-inv-sidePanel,.od-inv-modalHero,.od-inv-detailSection,.od-inv-financePanel,.od-inv-routeStrip{border:1px solid rgba(148,163,184,.12);border-radius:24px;background:linear-gradient(180deg,rgba(10,15,28,.9),rgba(7,11,21,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.od-inv-hero{position:relative;overflow:hidden;padding:24px;border-radius:28px;border-color:rgba(125,211,252,.12);background:linear-gradient(150deg,rgba(10,18,32,.96),rgba(7,11,21,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 48px rgba(2,6,23,.32)}
.od-inv-hero:after{content:"";position:absolute;right:-8%;top:-20%;width:320px;height:320px;background:radial-gradient(circle,rgba(56,189,248,.18),rgba(56,189,248,0) 60%);pointer-events:none}
.od-inv-hero__grid,.od-inv-grid,.od-inv-main,.od-inv-modalHero__grid,.od-inv-detailGrid,.od-inv-routeGrid,.od-inv-packageCard__stats,.od-inv-detailMetrics,.od-inv-financeGrid,.od-inv-statGrid{display:grid;gap:12px}
.od-inv-hero__grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:18px}
.od-inv-eyebrow,.od-inv-stat__label,.od-inv-zoneTitle span,.od-inv-listHead span,.od-inv-sectionHead span,.od-inv-modalKicker,.od-inv-detailMeta__label,.od-inv-empty span{color:rgba(148,163,184,.82);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.od-inv-eyebrow{display:inline-flex;margin-bottom:8px;color:rgba(125,211,252,.9);font-weight:700;letter-spacing:.16em}
.od-inv-hero h2,.od-inv-zoneTitle strong,.od-inv-listHead strong,.od-inv-sideTitle strong,.od-inv-sectionHead h4,.od-inv-modalHero h3{margin:0;font-family:"Segoe UI Variable Display","Bahnschrift",sans-serif}
.od-inv-hero h2{font-size:clamp(1.72rem,2.2vw,2.54rem);line-height:1.02;letter-spacing:-.03em}
.od-inv-modalHero h3{font-size:clamp(1.7rem,2vw,2.3rem);letter-spacing:-.03em}
.od-inv-hero p,.od-inv-zoneTitle small,.od-inv-listHead small,.od-inv-sectionHead p,.od-inv-sideCard p,.od-inv-empty p,.od-inv-stat__meta,.od-inv-packageMeta,.od-inv-detailMeta__value{color:rgba(191,219,254,.72);font-size:.86rem}
.od-inv-hero__chips,.od-inv-filterChips,.od-inv-resultsChips,.od-inv-warningList,.od-inv-issuerChips,.od-inv-detailBadges{display:flex;flex-wrap:wrap;gap:8px}
.od-inv-hero__chips,.od-inv-filterChips{margin-top:14px}
.odx-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.66);color:#dbeafe;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.odx-badge.is-success{border-color:rgba(74,222,128,.22);background:rgba(22,101,52,.26);color:#bbf7d0}.odx-badge.is-info{border-color:rgba(56,189,248,.2);background:rgba(14,116,144,.22);color:#bae6fd}.odx-badge.is-warning{border-color:rgba(250,204,21,.24);background:rgba(113,63,18,.26);color:#fde68a}.odx-badge.is-danger{border-color:rgba(248,113,113,.24);background:rgba(127,29,29,.28);color:#fecaca}.odx-badge.is-neutral{color:#cbd5e1}
.od-inv-stat{padding:15px 16px;border-radius:20px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(8,13,24,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.od-inv-stat__value,.od-inv-metric__value,.od-inv-financeItem__value,.od-inv-routeNode strong,.od-inv-sideItem strong,.od-inv-issuerLine strong,.od-inv-packageLine strong,.od-inv-detailMeta__valueStrong,.od-inv-timelineItem__title{display:block;color:#f8fbff;font-weight:700}
.od-inv-stat__value{margin-top:8px;font-family:"Segoe UI Variable Display","Bahnschrift",sans-serif;font-size:1.28rem;letter-spacing:-.03em}
.od-inv-control{padding:18px 20px;border:1px solid rgba(148,163,184,.12);border-radius:24px;background:rgba(8,13,24,.82)}
.od-inv-control__top,.od-inv-zoneHead,.od-inv-listHead,.od-inv-sideTitle,.od-inv-sectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.od-inv-control__bar{display:grid;grid-template-columns:minmax(220px,1.1fr) repeat(3,minmax(140px,.56fr)) repeat(5,auto);gap:10px;margin-top:16px}
.od-inv-control__bar input,.od-inv-control__bar select,.od-inv-nativeCard input,.od-inv-nativeCard select{min-height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.8);color:#f8fbff}
.od-inv-control__bar .btn,.od-inv-nativeCard .btn,#invBackdrop .btn{min-height:42px;border-radius:14px;transition:transform .16s ease,box-shadow .16s ease}
.od-inv-control__bar .btn:hover,.od-inv-nativeCard .btn:hover,#invBackdrop .btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(2,6,23,.24)}
.od-inv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px}.od-inv-main{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:18px}
.od-inv-zone,.od-inv-listPanel,.od-inv-sidePanel,.od-inv-modalHero,.od-inv-detailSection,.od-inv-financePanel,.od-inv-routeStrip{padding:18px}
.od-inv-zone .card,.od-inv-nativeCard{margin-top:14px;border-radius:22px;border-color:rgba(148,163,184,.1)!important;background:rgba(7,12,22,.7)!important;box-shadow:none}
.od-inv-nativeCard .card-head{border-bottom-color:rgba(148,163,184,.1)}
.od-inv-sidePanel{display:grid;gap:14px;align-content:start}.od-inv-sideCard{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.6)}.od-inv-sideList,.od-inv-issuerSignal,.od-inv-packageSignal{display:grid;gap:10px}.od-inv-sideItem,.od-inv-issuerLine,.od-inv-packageLine{padding:10px 12px;border-radius:14px;background:rgba(7,12,22,.54);border:1px solid rgba(148,163,184,.12)}
.od-inv-tableShell,.od-inv-packageGrid,.od-inv-packageOrders{overflow:auto}.od-inv-table{width:100%;border-collapse:collapse}.od-inv-table th,.od-inv-table td,.od-inv-packageOrders th,.od-inv-packageOrders td{padding:14px 12px;border-bottom:1px solid rgba(148,163,184,.1);vertical-align:top}.od-inv-table th,.od-inv-packageOrders th{color:rgba(148,163,184,.84);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.od-inv-table tbody tr:hover{background:rgba(15,23,42,.52)}
.od-inv-rowTitle,.od-inv-rowRoute,.od-inv-rowMoney,.od-inv-rowDriver{display:grid;gap:6px}.od-inv-rowTitle strong,.od-inv-rowRoute strong,.od-inv-rowMoney strong,.od-inv-rowDriver strong{color:#f8fbff}.od-inv-rowTitle small,.od-inv-rowRoute small,.od-inv-rowMoney small,.od-inv-rowDriver small{color:rgba(191,219,254,.66)}
.od-inv-packageGrid{display:grid;gap:14px;margin-top:14px}.od-inv-packageCard{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:rgba(9,14,24,.8)}.od-inv-packageCard__top{display:grid;grid-template-columns:minmax(0,1.1fr) auto;gap:12px;align-items:start}.od-inv-packageCard__stats,.od-inv-detailMetrics,.od-inv-financeGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.od-inv-metric,.od-inv-financeItem,.od-inv-routeNode{padding:13px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.1);background:rgba(15,23,42,.54)}.od-inv-packageExpander{margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.1)}
.od-inv-empty{padding:24px;border-radius:20px;border:1px dashed rgba(148,163,184,.2);background:rgba(15,23,42,.3);text-align:center}
#invBackdrop{padding:18px}#invBackdrop .modal{width:min(1380px,96vw)!important;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;padding:0!important;border-radius:28px;border:1px solid rgba(125,211,252,.16);background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 34%),radial-gradient(circle at top right,rgba(34,197,94,.1),transparent 32%),linear-gradient(180deg,rgba(8,12,22,.98),rgba(5,9,18,.98));box-shadow:0 28px 80px rgba(3,7,18,.62),inset 0 1px 0 rgba(255,255,255,.04)}
#invBackdrop .modal-head{padding:18px 24px 16px;border-bottom:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}#invBackdrop .card-body{flex:1 1 auto;min-height:0;overflow:auto;padding:24px}#invBackdrop .modal-foot{position:sticky;bottom:0;z-index:4;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:18px 24px 22px;border-top:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(5,9,18,.18),rgba(5,9,18,.98) 34%)}
.od-inv-detail{display:grid;gap:18px;color:#e6eef9}.od-inv-modalHero{position:relative;overflow:hidden}.od-inv-modalHero:after{content:"";position:absolute;right:-6%;top:-12%;width:280px;height:280px;background:radial-gradient(circle,rgba(56,189,248,.16),rgba(56,189,248,0) 62%);pointer-events:none}.od-inv-modalHero__grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(300px,.95fr);gap:18px}.od-inv-detailGrid,.od-inv-routeGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.od-inv-timeline{display:grid;gap:12px;margin-top:14px}.od-inv-timelineItem{position:relative;padding:14px 16px 14px 28px;border-radius:16px;border:1px solid rgba(148,163,184,.1);background:rgba(15,23,42,.46)}.od-inv-timelineItem:before{content:"";position:absolute;left:12px;top:18px;width:8px;height:8px;border-radius:999px;background:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.16)}.od-inv-timelineItem.is-success:before{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.16)}.od-inv-timelineItem.is-warning:before{background:#facc15;box-shadow:0 0 0 4px rgba(250,204,21,.16)}.od-inv-timelineItem.is-danger:before{background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.16)}
.od-inv-loading{display:grid;gap:12px}.od-inv-loading div{height:76px;border-radius:18px;background:linear-gradient(90deg,rgba(15,23,42,.72),rgba(30,41,59,.95),rgba(15,23,42,.72));background-size:200% 100%;animation:odInvPulse 1.3s linear infinite}@keyframes odInvPulse{from{background-position:200% 0}to{background-position:-200% 0}}
@media (max-width:1180px){.od-inv-hero__grid,.od-inv-grid,.od-inv-main,.od-inv-modalHero__grid,.od-inv-detailGrid,.od-inv-routeGrid{grid-template-columns:1fr}.od-inv-control__bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.od-inv-statGrid,.od-inv-packageCard__stats,.od-inv-detailMetrics,.od-inv-financeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.od-inv-control__bar,.od-inv-packageCard__stats,.od-inv-detailMetrics,.od-inv-financeGrid{grid-template-columns:1fr}#invBackdrop,.od-inv-shell .card-body{padding:16px}}


/* invoice detail readability overrides */
#section-invoices .card,
#section-invoices .card > .card-body {
  overflow: visible;
}

#invBackdrop .modal {
  width: min(1240px, 94vw) !important;
}

#invBackdrop .modal-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

#invBackdrop .modal-head > * {
  min-width: 0;
}

#invBackdrop #invIdBadge {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.od-inv-stage {
  gap: 16px;
}

.od-inv-hero,
.od-inv-zone,
.od-inv-listPanel,
.od-inv-sidePanel,
.od-inv-modalHero,
.od-inv-detailSection,
.od-inv-financePanel,
.od-inv-routeStrip {
  padding: 20px;
}

.od-inv-hero__grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.9fr);
  align-items: start;
}

.od-inv-modalHero,
.od-inv-detailSection,
.od-inv-routeStrip {
  overflow: hidden;
}

.od-inv-modalHero__grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  gap: 20px;
  align-items: start;
}

.od-inv-detailMetrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.od-inv-routeGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.od-inv-detailGrid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.od-inv-stackGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 14px;
}

.od-inv-contactCard {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 16px 18px;
  border-radius: 18px;
}

.od-inv-subcardTitle {
  margin-bottom: 2px;
  color: var(--od-admin-dim, rgba(148, 163, 184, 0.84));
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.od-inv-metaList {
  display: grid;
  gap: 0;
}

.od-inv-metaRow {
  display: grid;
  grid-template-columns: minmax(148px, 0.38fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 11px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.od-inv-metaRow:first-child {
  padding-top: 0;
  border-top: 0;
}

.od-inv-metaRow:last-child {
  padding-bottom: 0;
}

.od-inv-metaRow .od-inv-detailMeta__label {
  padding-top: 2px;
}

.od-inv-metaValue,
.od-inv-detailMeta__value,
.od-inv-detailMeta__valueStrong,
.od-inv-financeItem__value,
.od-inv-routeNode strong,
.od-inv-rowTitle small,
.od-inv-rowRoute small,
.od-inv-rowMoney small,
.od-inv-rowDriver small,
.od-inv-sideItem strong,
.od-inv-issuerLine strong,
.od-inv-packageLine strong,
.od-inv-timelineItem__title {
  display: block;
  min-width: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.od-inv-sectionHead,
.od-inv-listHead,
.od-inv-zoneHead {
  flex-wrap: wrap;
}

.od-inv-sectionHead h4 {
  font-size: 1.04rem;
}

.od-inv-sectionHead p,
.od-inv-listHead small,
.od-inv-zoneTitle small,
.od-inv-stat__meta,
.od-inv-detailMeta__value,
.od-inv-metaValue {
  font-size: 0.92rem;
  line-height: 1.55;
  max-width: 72ch;
}

.od-inv-financeGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.od-inv-financeItem,
.od-inv-routeNode,
.od-inv-sideItem,
.od-inv-issuerLine,
.od-inv-packageLine,
.od-inv-metric,
.od-inv-rowTitle,
.od-inv-rowRoute,
.od-inv-rowMoney,
.od-inv-rowDriver {
  min-width: 0;
}

.od-inv-control__top > div,
.od-inv-zoneTitle,
.od-inv-listHead > div,
.od-inv-sideTitle > div,
.od-inv-sectionHead > div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.od-inv-zoneTitle span,
.od-inv-listHead span,
.od-inv-sideTitle span,
.od-inv-sectionHead span {
  display: block;
  line-height: 1.1;
}

.od-inv-zoneTitle strong,
.od-inv-listHead strong,
.od-inv-sideTitle strong,
.od-inv-sectionHead h4 {
  display: block;
  line-height: 1.16;
}

.od-inv-zoneTitle small,
.od-inv-listHead small,
.od-inv-sideTitle small,
.od-inv-sectionHead p {
  display: block;
  margin: 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.od-inv-zoneHead,
.od-inv-listHead,
.od-inv-sideTitle,
.od-inv-sectionHead {
  align-items: flex-start;
}

@media (max-width: 1180px) {
  .od-inv-hero__grid,
  .od-inv-modalHero__grid,
  .od-inv-detailGrid,
  .od-inv-routeGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .od-inv-detailMetrics,
  .od-inv-financeGrid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  #invBackdrop .modal {
    width: min(100vw, 98vw) !important;
    border-radius: 22px;
  }

  #invBackdrop .card-body {
    padding: 18px;
  }

  .od-inv-detailMetrics,
  .od-inv-financeGrid,
  .od-inv-control__bar,
  .od-inv-packageCard__stats {
    grid-template-columns: 1fr;
  }

  .od-inv-metaRow {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}