#inventoryPanel.inventory-trace-ready > .inventory-total-value,
#inventoryPanel.inventory-trace-ready > #inventorySummary { display:none; }
.inventory-trace { margin:18px 0 22px; border:1px solid #dce7e0; background:#fff; border-radius:22px; padding:26px; color:var(--ink,#14231f); box-shadow:0 12px 32px #143d3108; }
.inventory-trace * { box-sizing:border-box; }
.inventory-trace p { line-height:1.6; }
.it-header { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.it-eyebrow { font-size:10px; font-weight:800; letter-spacing:.13em; color:#527064; }
.it-snapshot { font-size:11px; color:#697d73; background:#f3f7f4; padding:7px 10px; border-radius:8px; }
.it-value { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:20px 0; }
.it-value h2 { font-size:19px; margin:0 0 8px; letter-spacing:-.025em; }
.it-value strong { display:block; font-size:clamp(30px,3vw,46px); line-height:1.15; font-weight:850; letter-spacing:-.055em; color:#153e30; }
.it-value p { margin:9px 0 0; font-size:12px; color:#62766b; }
.it-value-icon { width:66px; height:66px; background:#ebf5ee; color:#28563f; border-radius:19px; padding:18px; flex-shrink:0; }
.it-equation { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:15px; background:#f5f8f5; border-radius:13px; }
.it-term { flex:1 1 135px; min-width:0; }
.it-term b { display:block; font-size:18px; font-weight:800; overflow-wrap:anywhere; }
.it-term small { display:block; font-size:11px; color:#64766c; margin-top:5px; }
.it-equation > i { font-size:22px; font-style:normal; color:#8aa194; }
.it-result { background:#e4f2e8; padding:11px 13px; border-radius:10px; color:#184c33; }
.it-note { margin:10px 0; font-size:11px; color:#6b7d73; }
.it-warning { border-left:3px solid #d49a38; background:#fff8e9; padding:10px 12px; border-radius:6px; color:#715321; font-size:12px; }
.it-ledger { border:1px solid #e5ece7; border-radius:12px; margin:15px 0; }
.inventory-trace summary { cursor:pointer; list-style:none; }
.inventory-trace summary::-webkit-details-marker { display:none; }
.inventory-trace summary:focus-visible,.inventory-trace button:focus-visible { outline:3px solid #589778; outline-offset:4px; border-radius:8px; }
.it-ledger > summary,.it-adjustments > summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 15px; font-size:12px; }
.it-ledger summary b { font-size:11px; color:#5c7567; }
.inventory-trace summary i { font-style:normal; }
.it-receipt { padding:3px 15px 12px; }
.it-receipt-row { display:flex; justify-content:space-between; gap:15px; padding:12px 0; border-bottom:1px solid #edf1ee; font-size:12px; }
.it-receipt-row > span { min-width:0; }
.it-receipt-row > span:last-child { text-align:right; flex-shrink:0; max-width:50%; }
.it-receipt-row b { display:block; overflow-wrap:anywhere; font-weight:700; }
.it-receipt-row small { display:block; font-size:10px; color:#708077; margin-top:4px; }
.it-receipt-total { display:flex; justify-content:space-between; gap:12px; padding-top:13px; font-size:12px; }
.it-adjustments { background:#fffaf1; border:1px solid #f0e3c9; border-radius:12px; margin:15px 0; }
.it-adjustments summary span { font-size:11px; color:#816238; }
.it-adjustments > p,.it-adjustments > .it-equation { margin:10px 15px; font-size:12px; }
.it-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px; align-items:stretch; }
.it-card { min-width:0; border:1px solid #e0e9e3; border-radius:14px; background:#fff; }
.it-card > summary { padding:17px; }
.it-card:not([open]) > summary {height:100%;display:flex;flex-direction:column;}
.it-card:not([open]) .it-open {margin-top:auto;}
.it-card-top { display:flex; gap:9px; align-items:center; font-size:12px; font-weight:750; min-height:32px; }
.it-icon { width:31px; height:31px; border-radius:9px; background:#eef5ef; color:#426853; display:grid; place-items:center; padding:7px; flex-shrink:0; }
.inventory-trace svg { display:block; width:100%; height:100%; }
.it-card summary > strong { display:block; margin-top:15px; font-size:clamp(18px,1.7vw,25px); font-weight:800; letter-spacing:-.035em; overflow-wrap:anywhere; }
.it-card summary > small { display:block; margin-top:5px; font-size:11px; color:#5e7567; }
.it-card-sources { display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-top:13px; padding:9px 0; border-top:1px dashed #e1eae4; border-bottom:1px dashed #e1eae4; }
.it-card-sources span { min-width:0; flex:1 1 65px; }
.it-card-sources small { display:block; font-size:9px; color:#718376; }
.it-card-sources b { display:block; font-size:11px; margin-top:4px; overflow-wrap:anywhere; }
.it-card-sources > i { color:#83998c; font-style:normal; }
.it-card summary > p { font-size:11px; color:#728278; min-height:52px; margin:12px 0; }
.it-open { display:flex; justify-content:space-between; font-size:11px; font-weight:750; color:#235941; padding-top:9px; border-top:1px solid #edf2ee; }
.it-card[open] { grid-column:1 / -1; }
.it-card[open] > summary { padding-bottom:10px; }
.it-card[open] summary > p { min-height:0; }
.it-card-body { padding:0 15px 10px; }
.it-card-body .it-receipt { padding-left:0; padding-right:0; }
.it-outside { margin-top:23px; padding-top:20px; border-top:1px solid #e7ede9; }
.it-outside h3 { margin:6px 0 13px; font-size:15px; }
.it-outside-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.it-outside-grid > details { border:1px dashed #d9e3dc; border-radius:12px; background:#fafcfb; min-width:0; }
.it-outside-grid summary { display:flex; align-items:center; gap:11px; padding:15px; }
.it-outside-grid summary > span:nth-child(2) { flex:1; min-width:0; }
.it-outside-grid summary b,.it-outside-grid summary strong,.it-outside-grid summary small { display:block; }
.it-outside-grid summary b { font-size:11px; color:#64766b; }
.it-outside-grid summary strong { font-size:20px; margin-top:5px; }
.it-outside-grid summary small { font-size:10px; margin-top:5px; color:#6c8073; }
.it-outside-grid details > p,.it-outside-grid details > button { margin:0 15px 15px; font-size:12px; }
.it-footer { display:grid; gap:7px; padding-top:17px; margin-top:17px; border-top:1px solid #edf1ee; font-size:10px; line-height:1.5; color:#728277; }
@media (max-width:1100px) { .it-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.inventory-trace .it-shopify-error {margin:14px 0;border:1px solid #e9adb5;border-radius:10px;color:#b42338;background:#fff5f6;}
.inventory-trace .it-shopify-error > summary {padding:12px;font-weight:650;cursor:pointer;}
.inventory-trace .it-shopify-error :is(b,strong,small) {color:#b42338;}
.it-transit-row {display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--v2-line,#d9e3dc);}
.it-transit-row small {overflow-wrap:anywhere;}
.inventory-shopify-error {color:#b42338;background:#fff5f6;border:1px solid #e9adb5;border-radius:8px;padding:8px;}
.inventory-shopify-error :is(span,b,strong,small,summary), #inventoryOtherMetrics .inventory-metric:first-child :is(span,strong,small) {color:#b42338;}
#inventoryHistoryCard .inventory-history-row {grid-template-columns:110px 115px repeat(4,minmax(140px,1fr)) 170px;min-width:955px;}
#inventoryHistoryCard:not([data-physical-visible="true"]) .inventory-history-row {grid-template-columns:110px 115px repeat(3,minmax(140px,1fr)) 170px;min-width:815px;}
.inventory-history-archive .inventory-history-download {font-size:12px;min-height:36px;white-space:nowrap;}
.inventory-history-archive small {display:block;margin-top:5px;}
.inventory-history-archive-reason {font-size:10px;overflow-wrap:anywhere;}
#inventoryHistoryCard:not([data-physical-visible="true"]) .inventory-history-row > :nth-child(4) {display:none;}
.inventory-history-eye {display:inline-flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;}
.inventory-history-eye svg {width:20px;height:20px;}
.inventory-history-eye[aria-pressed="true"] .inventory-history-eye-slash {display:none;}
.inventory-history-eye:focus-visible {outline:2px solid var(--v2-accent,#3268cf);outline-offset:3px;}
.inventory-history-row .inventory-history-total {background:var(--v2-accent-soft,#edf4ff);box-shadow:inset 3px 0 var(--v2-accent,#3268cf);}
.inventory-history-total strong {color:var(--v2-ink,#263447);font-size:calc(13px + var(--ui-font-offset,0px));}
.inventory-history-head .inventory-history-total {color:var(--v2-accent,#3268cf);font-weight:750;}
#inventoryHistoryList .inventory-history-head > span:nth-child(3) {color:inherit;background:transparent;}
.it-header-actions {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;}
.inventory-trace .it-diagnostics-button,.inventory-trace .it-diagnostics-close {border:1px solid var(--v2-line,#d7e1ee);background:#fff;color:var(--v2-ink,#263447);cursor:pointer;border-radius:9px;font:inherit;}
.inventory-trace .it-diagnostics-button {padding:9px 12px;font-size:12px;font-weight:650;}
.inventory-trace .it-diagnostics-button:hover {background:#eef4ff;border-color:#91b2e9;}
.it-secondary {margin-top:22px;border-top:1px solid var(--v2-line,#d7e1ee);padding-top:6px;}
.inventory-trace .it-diagnostics {width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid var(--v2-line,#d7e1ee);border-radius:18px;background:#fff;color:var(--v2-ink,#263447);box-shadow:0 24px 90px #14243e40;overflow:auto;}
.it-diagnostics::backdrop {background:rgb(15 27 46 / 48%);}
.it-diagnostics-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.it-diagnostics-heading h3 {margin:7px 0 14px;font-size:21px;color:inherit;}
.inventory-trace .it-diagnostics-close {width:36px;height:36px;flex-shrink:0;font-size:25px;line-height:1;}
.it-diagnostics .it-card {margin-top:18px;}
.inventory-trace .it-metric-modal {width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;}
.inventory-trace .it-metric-modal[open] {display:flex;flex-direction:column;gap:10px;}
.it-metric-modal .it-diagnostics-heading {flex-shrink:0;}
.it-metric-modal .it-diagnostics-heading h3 {margin-bottom:0;}
.it-metric-content {min-height:0;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;padding:2px 3px 8px;}
.it-metric-totals {display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 16px;}
.it-metric-totals strong {font-size:28px;letter-spacing:-.035em;color:var(--v2-ink,#263447);}
.it-metric-totals small {font-size:12px;color:var(--v2-muted,#607086);}
.it-metric-content .it-transit-row {padding:14px;border:1px solid var(--v2-line,#d7e1ee);border-radius:10px;margin:0 0 10px;}
.it-metric-content .it-transit-row strong {font-size:20px;}
.it-metric-content .it-transit-row[hidden] {display:none;}
.it-transit-lines {margin-top:6px;border-top:1px solid var(--v2-line,#d7e1ee);padding-top:8px;}
.it-transit-lines > summary {font-size:12px;font-weight:650;color:var(--v2-accent,#3268cf);padding:4px 0;}
.it-transit-lines .it-receipt-row {align-items:flex-start;}
.it-transit-filter {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;margin:0 0 14px;padding:12px;border:1px solid var(--v2-line,#d7e1ee);border-radius:10px;background:var(--v2-surface-soft,#f5f8fc);}
.it-transit-filter label {font-size:12px;font-weight:650;color:var(--v2-ink,#263447);}
.it-transit-filter select {width:100%;min-width:0;max-width:100%;min-height:38px;padding:7px 10px;background:#fff;color:var(--v2-ink,#263447);border:1px solid var(--v2-line,#d7e1ee);border-radius:7px;}
.it-transit-filter p {grid-column:1 / -1;margin:0;font-size:11px;color:var(--v2-muted,#607086);}
@media (max-width:600px) {.it-transit-filter {grid-template-columns:minmax(0,1fr);padding:10px;}}
@media (max-width:600px) {
  .inventory-trace .it-metric-modal {padding:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}
  .it-metric-content .it-equation {gap:8px;padding:10px;}
  .it-metric-content .it-term {flex-basis:110px;}
  .it-metric-content .it-term b {font-size:16px;}
  .it-metric-content .it-receipt {padding:0 2px 10px;}
}
/* A compact overview, not a fixed-height canvas: drilldowns and zoom may grow
   naturally. Mobile retains the stacked, readable layout. */
@media (min-width:1101px) {
  html[data-workspace="v2"] main[data-view="inventory"]:has(#inventoryPanel[data-v2-pane="summary"]) {padding:16px 30px 8px!important;}
  html[data-workspace="v2"] #inventoryPanel[data-v2-pane="summary"] > .inventory-hero {margin-bottom:6px;padding-bottom:0;gap:14px;align-items:center;}
  html[data-workspace="v2"] #inventoryPanel[data-v2-pane="summary"] > .inventory-hero h1 {font-size:24px!important;margin:3px 0 0;}
  html[data-workspace="v2"] #inventoryPanel[data-v2-pane="summary"] > .inventory-hero p {display:none;}
  #inventoryPanel[data-v2-pane="summary"] .inventory-trace {padding:12px 18px;margin:10px 0 0;}
  .it-overview {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;}
  .it-overview > .it-header {grid-column:2;grid-row:1;}
  .it-overview > .it-header > .it-eyebrow {display:none;}
  .it-overview .it-header-actions {flex-direction:column;align-items:flex-end;gap:7px;}
  .it-overview > .it-value {grid-column:1;grid-row:1;margin:0;}
  .it-overview .it-value-icon {display:none;}
  .it-overview .it-value h2 {font-size:15px;margin-bottom:4px;}
  .it-overview .it-value strong {font-size:32px;}
  .it-overview .it-value p {margin-top:3px;font-size:11px;}
  .inventory-trace > .it-grid {margin-top:14px;gap:10px;}
  .inventory-trace > .it-grid > .it-card > summary {padding:10px;}
  .inventory-trace > .it-grid .it-card-top {min-height:26px;}
  .inventory-trace > .it-grid .it-icon {width:26px;height:26px;padding:5px;}
  .inventory-trace > .it-grid summary > strong {margin-top:7px;font-size:24px;}
  .inventory-trace > .it-grid .it-card-sources {margin-top:7px;padding:5px 0;}
  .inventory-trace > .it-grid summary > p {display:none;}
  .inventory-trace > .it-grid .it-open {margin-top:7px;padding-top:5px;}
  .inventory-trace > .it-outside {display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px;align-items:center;margin-top:10px;padding-top:8px;}
  .inventory-trace > .it-outside h3 {margin:5px 0 0;font-size:13px;}
  .inventory-trace > .it-outside .it-eyebrow {font-size:9px;letter-spacing:.05em;}
  .inventory-trace > .it-outside .it-outside-grid summary {padding:8px;}
  .inventory-trace > .it-outside .it-outside-grid summary strong {font-size:19px;margin-top:3px;}
  .inventory-trace > .it-note {margin:7px 0;font-size:10px;}
  .inventory-trace > .it-secondary {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;padding-top:6px;}
  .it-secondary > :is(.it-ledger,.it-adjustments) {margin:0;min-width:0;}
  .it-secondary > details[open] {grid-column:1 / -1;}
  .it-secondary > details > summary {padding:8px 12px;font-size:11px;}
}
@media (max-width:600px) {.it-header-actions {width:100%;justify-content:flex-start;}.inventory-trace .it-diagnostics {padding:18px;}}
@media (max-width:600px) { .inventory-trace { padding:16px; border-radius:16px; } .it-value-icon { display:none; } .it-grid,.it-outside-grid { grid-template-columns:1fr; } .it-term { flex-basis:110px; } .it-equation { gap:8px; padding:10px; } .it-term b { font-size:16px; } .it-card summary > p { min-height:0; } .it-adjustments summary { align-items:flex-start; flex-direction:column; } }