.inventory-v2 {
  --inventory-navy: #0b1730;
  --inventory-navy-2: #13213d;
  --inventory-blue: #0b66ff;
  --inventory-cyan: #18a6b8;
  --inventory-green: #19815d;
  --inventory-amber: #d38a10;
  --inventory-red: #c93b32;
  --inventory-violet: #6757c7;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 2px 0 24px;
  align-items: start;
}

.inventory-v2 > .dashboard-widget {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 6px;
}

.inventory-v2-overview {
  position: relative;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(300px, 1.15fr) minmax(470px, 1.7fr) 190px;
  overflow: hidden;
  border: 1px solid #172a4b;
  background: var(--inventory-navy);
  box-shadow: 0 16px 34px rgba(11, 23, 48, 0.14);
  color: #fff;
}

.inventory-v2-overview::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--inventory-blue) 0 48%, var(--inventory-cyan) 48% 72%, #69d0b0 72% 100%);
}

.inventory-v2-overview-main {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 25px 28px 22px;
}

.inventory-v2-kicker {
  color: #9eb6da;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.inventory-v2-overview-main > strong {
  display: block;
  max-width: 100%;
  margin-top: 8px;
  overflow-wrap: anywhere;
  color: #fff;
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: 0;
}

.inventory-v2-overview-main > strong.positive {
  color: #7ee0bd;
}

.inventory-v2-overview-main > strong.negative {
  color: #ff9b92;
}

.inventory-v2-overview-main p {
  max-width: 420px;
  margin: 10px 0 0;
  overflow-wrap: anywhere;
  color: #b7c6df;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
}

.inventory-v2-overview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.inventory-v2-overview-metrics > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 22px 20px;
}

.inventory-v2-overview-metrics > div + div {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.inventory-v2-overview-metrics span {
  color: #9eb6da;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.inventory-v2-overview-metrics strong {
  margin-top: 8px;
  overflow-wrap: anywhere;
  color: #fff;
  font-size: 20px;
  line-height: 1.15;
}

.inventory-v2-overview-metrics small {
  margin-top: 6px;
  color: #98aac5;
  font-size: 11px;
  line-height: 1.35;
}

.inventory-v2-score {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}

.inventory-v2-score-ring {
  position: relative;
  display: grid;
  width: 102px;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#42c59b calc(var(--inventory-score) * 1%), rgba(255, 255, 255, 0.12) 0);
}

.inventory-v2-score-ring::before {
  content: "";
  position: absolute;
  width: 78px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--inventory-navy);
}

.inventory-v2-score-ring span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.inventory-v2-score-ring strong {
  font-size: 22px;
}

.inventory-v2-score-ring small {
  color: #9eb6da;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.inventory-v2-score p {
  margin: 10px 0 0;
  color: #afbdd3;
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
}

.inventory-v2-composition {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(190px, 0.8fr) minmax(260px, 1.6fr) minmax(390px, 2fr);
  gap: 18px;
  align-items: center;
  min-width: 0;
  padding: 13px 28px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.025);
}

.inventory-v2-section-label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.inventory-v2-section-label span {
  color: inherit;
  font-size: 12px;
  font-weight: 800;
}

.inventory-v2-section-label em {
  color: #8394ad;
  font-size: 10px;
  font-style: normal;
}

.inventory-v2-segments,
.inventory-v2-validity-bar {
  display: flex;
  width: 100%;
  height: 9px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.08);
}

.inventory-v2-segments > i,
.inventory-v2-validity-bar > i {
  display: block;
  min-width: 2px;
  height: 100%;
}

.inventory-v2-segments .replenish,
.inventory-v2-segment-legend .replenish > i,
.inventory-v2-rotation-list .replenish > span i,
.inventory-v2-rotation-list .replenish > div i {
  background: var(--inventory-blue);
}

.inventory-v2-segments .healthy,
.inventory-v2-segment-legend .healthy > i,
.inventory-v2-rotation-list .healthy > span i,
.inventory-v2-rotation-list .healthy > div i {
  background: var(--inventory-green);
}

.inventory-v2-segments .excess,
.inventory-v2-segment-legend .excess > i,
.inventory-v2-rotation-list .excess > span i,
.inventory-v2-rotation-list .excess > div i {
  background: var(--inventory-amber);
}

.inventory-v2-segments .stale,
.inventory-v2-segment-legend .stale > i,
.inventory-v2-rotation-list .stale > span i,
.inventory-v2-rotation-list .stale > div i {
  background: var(--inventory-red);
}

.inventory-v2-segments .watch,
.inventory-v2-segment-legend .watch > i,
.inventory-v2-rotation-list .watch > span i,
.inventory-v2-rotation-list .watch > div i {
  background: #8090a8;
}

.inventory-v2-segment-legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.inventory-v2-segment-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #aebcd2;
  font-size: 10px;
  white-space: nowrap;
}

.inventory-v2-segment-legend span > i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
}

.inventory-v2-segment-legend strong {
  color: #fff;
  font-size: 10px;
}

.inventory-v2-panel {
  display: flex;
  min-width: 0;
  min-height: 360px;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #dbe3ec;
  background: #fff;
  box-shadow: 0 8px 22px rgba(24, 39, 64, 0.055);
}

.inventory-v2-panel--capital {
  grid-column: span 7;
}

.inventory-v2-panel--risk {
  grid-column: span 5;
}

.inventory-v2-panel--rotation {
  grid-column: span 5;
}

.inventory-insights-grid {
  --inventory-blue: #0b66ff;
  --inventory-green: #19815d;
  --inventory-amber: #d38a10;
  --inventory-red: #c93b32;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  align-items: stretch;
}

.inventory-insights-grid > .inventory-v2-panel {
  grid-column: auto;
  width: 100%;
  max-width: 100%;
  min-height: 470px;
  border-radius: 6px;
}

.inventory-product-ranking-card .inventory-v2-rank-row {
  padding: 6px 0;
}

.inventory-product-ranking-card .inventory-v2-rank-index {
  width: 21px;
  height: 21px;
}

.inventory-product-ranking-card--slow .inventory-v2-panel-head span {
  color: var(--inventory-red);
}

.inventory-product-ranking-card--slow .inventory-v2-rank-name > div i {
  background: linear-gradient(90deg, var(--inventory-red), #e47d72);
}

.inventory-product-ranking-card--replenishment .inventory-v2-panel-head span {
  color: var(--inventory-blue);
}

.inventory-product-ranking-card--replenishment .inventory-v2-rank-name > div i {
  background: linear-gradient(90deg, var(--inventory-blue), #4c9bff);
}

.inventory-action-panel {
  min-width: 0;
}

.inventory-action-list {
  display: flex;
  gap: 5px;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}

.inventory-action-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) minmax(96px, auto);
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 46px;
  padding: 5px 8px;
  border: 1px solid #dfe6ee;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(28, 45, 70, 0.025);
}

.inventory-action-item:hover {
  border-color: #cbd5e1;
  background: #fbfcfe;
}

.inventory-action-rank {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 4px;
  background: #eef2f6;
  color: #536178;
  font-size: 9px;
  font-weight: 850;
}

.inventory-action-identity {
  min-width: 0;
}

.inventory-action-identity h3 {
  overflow: hidden;
  margin: 0;
  color: #253147;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-action-identity p {
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  min-width: 0;
  margin: 3px 0 0;
  color: #8490a2;
  font-size: 8px;
  font-weight: 700;
}

.inventory-action-identity p span {
  white-space: nowrap;
}

.inventory-action-identity p b {
  color: #4b596d;
  font-weight: 850;
}

.inventory-action-status {
  padding: 2px 5px;
  border: 1px solid #dce3eb;
  border-radius: 3px;
  background: #f4f6f9;
  color: #5f6e82;
  font-size: 8px;
  font-weight: 800;
}

.inventory-action-decision {
  min-width: 96px;
  padding-left: 8px;
  border-left: 1px solid #e5eaf0;
  text-align: right;
}

.inventory-action-decision small,
.inventory-action-decision strong,
.inventory-action-decision > span {
  display: block;
}

.inventory-action-decision small {
  color: #7e8b9e;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.inventory-action-decision strong {
  margin-top: 2px;
  color: #172033;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

.inventory-action-decision strong em {
  color: #68768b;
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
}

.inventory-action-decision > span {
  margin-top: 3px;
  color: #8a96a7;
  font-size: 8px;
  font-weight: 700;
}

.inventory-v2-panel--priority {
  grid-column: span 4;
}

.inventory-v2-panel--branches {
  grid-column: span 3;
}

.inventory-v2-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e6ebf1;
}

.inventory-v2-panel-head > div {
  min-width: 0;
}

.inventory-v2-panel-head span {
  display: block;
  color: var(--inventory-blue);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.inventory-v2-panel-head h2 {
  margin: 4px 0 0;
  color: #172033;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0;
}

.inventory-v2-panel-head > em {
  color: #78869a;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.inventory-v2-rank-list {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}

.inventory-v2-rank-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) minmax(92px, auto);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 9px 0;
}

.inventory-v2-rank-row + .inventory-v2-rank-row {
  border-top: 1px solid #edf1f5;
}

.inventory-v2-rank-index {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 4px;
  background: #f0f4f9;
  color: #637188;
  font-size: 9px;
  font-weight: 850;
}

.inventory-v2-rank-name {
  min-width: 0;
}

.inventory-v2-rank-name strong {
  display: block;
  overflow: hidden;
  color: #253147;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-v2-rank-name > div {
  width: 100%;
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 2px;
  background: #edf2f7;
}

.inventory-v2-rank-name > div i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--inventory-blue), #4c9bff);
}

.inventory-v2-rank-value {
  min-width: 0;
  text-align: right;
}

.inventory-v2-rank-value strong {
  display: block;
  color: #172033;
  font-size: 11px;
  white-space: nowrap;
}

.inventory-v2-rank-value span {
  display: block;
  margin-top: 3px;
  color: #8592a4;
  font-size: 9px;
  white-space: nowrap;
}

.inventory-v2-alert-list {
  display: flex;
  flex-direction: column;
}

.inventory-v2-alert-list > div {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  gap: 5px 10px;
  align-items: center;
  padding: 10px 0;
}

.inventory-v2-alert-list > div + div {
  border-top: 1px solid #edf1f5;
}

.inventory-v2-alert-list > div > i {
  grid-row: 1 / span 2;
  width: 8px;
  height: 28px;
  border-radius: 2px;
  background: #9aa7b8;
}

.inventory-v2-alert-list > div.warn > i {
  background: var(--inventory-amber);
}

.inventory-v2-alert-list > div.danger > i {
  background: var(--inventory-red);
}

.inventory-v2-alert-list > div.watch > i {
  background: var(--inventory-violet);
}

.inventory-v2-alert-list span {
  color: #526075;
  font-size: 11px;
  font-weight: 700;
}

.inventory-v2-alert-list strong {
  color: #172033;
  font-size: 12px;
  white-space: nowrap;
}

.inventory-v2-alert-list em {
  grid-column: 2 / -1;
  color: #8b97a8;
  font-size: 9px;
  font-style: normal;
}

.inventory-v2-validity {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #e6ebf1;
}

.inventory-v2-validity .inventory-v2-section-label {
  margin-bottom: 10px;
  color: #263247;
}

.inventory-v2-validity-bar {
  height: 8px;
  background: #edf2f7;
}

.inventory-v2-validity-bar .bucket-1,
.inventory-v2-validity-legend .bucket-1 > i {
  background: #c93b32;
}

.inventory-v2-validity-bar .bucket-2,
.inventory-v2-validity-legend .bucket-2 > i {
  background: #e18824;
}

.inventory-v2-validity-bar .bucket-3,
.inventory-v2-validity-legend .bucket-3 > i {
  background: #d7b437;
}

.inventory-v2-validity-bar .bucket-4,
.inventory-v2-validity-legend .bucket-4 > i {
  background: #5d9be8;
}

.inventory-v2-validity-bar .bucket-5,
.inventory-v2-validity-legend .bucket-5 > i {
  background: #2b9677;
}

.inventory-v2-validity-bar .bucket-6,
.inventory-v2-validity-legend .bucket-6 > i {
  background: #9aa7b8;
}

.inventory-v2-validity-legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 16px;
  margin-top: 12px;
}

.inventory-v2-validity-legend span {
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-width: 0;
  color: #6f7c8f;
  font-size: 9px;
}

.inventory-v2-validity-legend span > i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
}

.inventory-v2-validity-legend b {
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-v2-validity-legend strong {
  color: #2b3548;
  font-size: 9px;
  white-space: nowrap;
}

.inventory-v2-rotation-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}

.inventory-v2-rotation-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  padding: 8px 0;
}

.inventory-v2-rotation-list > div + div {
  border-top: 1px solid #edf1f5;
}

.inventory-v2-rotation-list > div > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #46546a;
  font-size: 11px;
  font-weight: 750;
}

.inventory-v2-rotation-list > div > span i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
}

.inventory-v2-rotation-list > div > strong {
  color: #172033;
  font-size: 11px;
}

.inventory-v2-rotation-list > div > em {
  color: #8a96a7;
  font-size: 9px;
  font-style: normal;
}

.inventory-v2-rotation-list > div > div {
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: #edf2f7;
}

.inventory-v2-rotation-list > div > div i {
  display: block;
  height: 100%;
}

.inventory-v2-empty {
  display: grid;
  min-height: 180px;
  place-items: center;
  color: #8290a3;
  font-size: 11px;
  text-align: center;
}

.inventory-v2-empty--compact {
  min-height: 54px;
}

.inventory-v2--current > .inventory-analysis-panel {
  grid-column: 1 / -1;
  min-height: 520px;
  height: auto;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(24, 39, 64, 0.055);
}

.inventory-v2--current > .inventory-analysis-panel .table-toolbar {
  min-height: 70px;
  padding: 16px 20px;
  border-bottom: 1px solid #e1e7ee;
}

.inventory-v2--current > .inventory-analysis-panel .table-toolbar h2 {
  font-size: 17px;
}

.inventory-v2--current > .inventory-analysis-panel .inventory-analysis-scroll {
  max-height: 620px;
}

.inventory-v2--current .inventory-analysis-table thead th {
  background: #f4f7fa;
  color: #536176;
  font-size: 10px;
}

.inventory-v2--current .inventory-analysis-table tbody td,
.inventory-v2--current .inventory-analysis-table tfoot td {
  height: 46px;
  border-color: #edf1f5;
}

.inventory-v2-overview--movement {
  grid-template-columns: minmax(310px, 1.05fr) minmax(560px, 1.9fr) minmax(240px, 0.85fr);
}

.inventory-v2-overview-metrics--movement {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inventory-v2-flow-balance {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 20px 24px;
}

.inventory-v2-flow-balance > div:first-child {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}

.inventory-v2-flow-balance > div:first-child span {
  color: #9eb6da;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.inventory-v2-flow-balance > div:first-child strong {
  color: #fff;
  font-size: 18px;
}

.inventory-v2-flow-track {
  display: flex;
  width: 100%;
  min-width: 0;
  height: 10px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.08);
}

.inventory-v2-flow-track i {
  display: block;
  height: 100%;
}

.inventory-v2-flow-track .entry,
.inventory-v2-flow-balance p .entry {
  background: #4bc49a;
}

.inventory-v2-flow-track .exit,
.inventory-v2-flow-balance p .exit {
  background: #f2a84a;
}

.inventory-v2-flow-balance p {
  display: flex;
  gap: 16px;
  margin: 10px 0 0;
}

.inventory-v2-flow-balance p span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #9eb0ca;
  font-size: 9px;
}

.inventory-v2-flow-balance p i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
}

.inventory-v2--movement > .inventory-movement-evolution-panel {
  grid-column: span 8;
  height: 470px;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(24, 39, 64, 0.055);
}

.inventory-v2--movement > .inventory-movement-evolution-panel > header {
  min-height: 72px;
  padding: 16px 20px;
  border-bottom: 1px solid #e1e7ee;
}

.inventory-v2--movement > .inventory-movement-evolution-panel h2 {
  font-size: 17px;
}

.inventory-v2--movement .inventory-flow-bar.entrada {
  fill: #2c9b77;
}

.inventory-v2--movement .inventory-flow-bar.saida {
  fill: #e49a33;
}

.inventory-v2-panel--movement-rank {
  grid-column: span 6;
  min-height: 380px;
}

.inventory-v2-panel--out .inventory-v2-panel-head span {
  color: #c66f14;
}

.inventory-v2-panel--out .inventory-v2-rank-name > div i {
  background: linear-gradient(90deg, #d77d1d, #f0ad53);
}

.inventory-v2-panel--in .inventory-v2-panel-head span {
  color: #19815d;
}

.inventory-v2-panel--in .inventory-v2-rank-name > div i {
  background: linear-gradient(90deg, #19815d, #55b994);
}

.inventory-v2-panel--movement-context {
  grid-column: span 4;
  min-height: 470px;
}

.inventory-v2-context-block {
  min-width: 0;
}

.inventory-v2-context-title {
  display: block;
  margin-bottom: 4px;
  color: #7a8798;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.inventory-v2-panel--movement-context .inventory-v2-rank-row {
  grid-template-columns: 22px minmax(0, 1fr) minmax(80px, auto);
  padding: 7px 0;
}

.inventory-v2-panel--movement-context .inventory-v2-rank-index {
  width: 20px;
  height: 20px;
}

.inventory-v2-status-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #e6ebf1;
}

.inventory-v2-status-chips > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid #dfe6ee;
  border-radius: 4px;
  background: #f7f9fb;
  color: #566477;
  font-size: 9px;
}

.inventory-v2-status-chips > span > i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8593a5;
}

.inventory-v2-status-chips > span.good > i,
.inventory-v2-status-chips > span.success > i {
  background: var(--inventory-green);
}

.inventory-v2-status-chips > span.warn > i {
  background: var(--inventory-amber);
}

.inventory-v2-status-chips > span.danger > i {
  background: var(--inventory-red);
}

.inventory-v2-status-chips b {
  font-weight: 700;
}

.inventory-v2-status-chips strong {
  color: #1d293d;
}

.inventory-v2--movement > .inventory-details-panel {
  grid-column: 1 / -1;
  height: auto;
  min-height: 500px;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(24, 39, 64, 0.055);
}

.inventory-v2--movement > .inventory-details-panel .table-toolbar {
  min-height: 70px;
  padding: 16px 20px;
}

.inventory-v2--movement > .inventory-details-panel .table-toolbar h2 {
  font-size: 17px;
}

.inventory-v2--movement > .inventory-details-panel .inventory-table-scroll {
  max-height: 620px;
}

@media (max-width: 1420px) {
  .inventory-v2-overview {
    grid-template-columns: minmax(280px, 1fr) minmax(430px, 1.55fr) 170px;
  }

  .inventory-v2-overview--movement {
    grid-template-columns: minmax(280px, 1fr) minmax(500px, 1.8fr) minmax(210px, 0.8fr);
  }

  .inventory-v2-overview-main {
    padding-right: 22px;
    padding-left: 22px;
  }

  .inventory-v2-overview-main > strong {
    font-size: 30px;
  }

  .inventory-v2-overview-metrics > div {
    padding-right: 14px;
    padding-left: 14px;
  }

  .inventory-v2-overview-metrics strong {
    font-size: 17px;
  }

  .inventory-v2-panel--rotation,
  .inventory-v2-panel--priority {
    grid-column: span 6;
  }

  .inventory-v2-panel--branches {
    grid-column: 1 / -1;
    min-height: 300px;
  }

  .inventory-v2-panel--branches .inventory-v2-rank-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }

  .inventory-v2-panel--branches .inventory-v2-rank-row:nth-child(2) {
    border-top: 0;
  }
}

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

  .inventory-insights-grid > .inventory-product-ranking-card--slow {
    grid-column: 1 / -1;
  }

  .inventory-v2-overview,
  .inventory-v2-overview--movement {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  }

  .inventory-v2-score,
  .inventory-v2-flow-balance {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: flex-start;
    gap: 18px;
    padding: 14px 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .inventory-v2-score-ring {
    width: 70px;
  }

  .inventory-v2-score-ring::before {
    width: 52px;
  }

  .inventory-v2-score-ring strong {
    font-size: 16px;
  }

  .inventory-v2-score p {
    margin: 0;
    text-align: left;
  }

  .inventory-v2-composition {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  .inventory-v2-segment-legend {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .inventory-v2-panel--capital,
  .inventory-v2-panel--risk,
  .inventory-v2-panel--rotation,
  .inventory-v2-panel--priority,
  .inventory-v2-panel--branches,
  .inventory-v2--movement > .inventory-movement-evolution-panel,
  .inventory-v2-panel--movement-context,
  .inventory-v2-panel--movement-rank {
    grid-column: span 6;
  }

  .inventory-v2--movement > .inventory-movement-evolution-panel {
    grid-column: 1 / -1;
  }

  .inventory-v2-panel--branches .inventory-v2-rank-list {
    display: flex;
  }

  .inventory-v2-panel--branches .inventory-v2-rank-row:nth-child(2) {
    border-top: 1px solid #edf1f5;
  }
}

@media (max-width: 760px) {
  .inventory-insights-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .inventory-action-item {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .inventory-action-decision {
    display: flex;
    grid-column: 2;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
    padding: 7px 0 0;
    border-top: 1px solid #e5eaf0;
    border-left: 0;
    text-align: left;
  }

  .inventory-action-decision strong,
  .inventory-action-decision > span {
    margin-top: 0;
  }

  .inventory-insights-grid > .inventory-v2-panel,
  .inventory-insights-grid > .inventory-product-ranking-card--slow {
    grid-column: 1 / -1;
    min-height: 0;
  }

  .inventory-v2 {
    gap: 12px;
  }

  .inventory-v2-overview,
  .inventory-v2-overview--movement,
  .inventory-v2-panel--capital,
  .inventory-v2-panel--risk,
  .inventory-v2-panel--rotation,
  .inventory-v2-panel--priority,
  .inventory-v2-panel--branches,
  .inventory-v2--movement > .inventory-movement-evolution-panel,
  .inventory-v2-panel--movement-context,
  .inventory-v2-panel--movement-rank {
    grid-column: 1 / -1;
  }

  .inventory-v2-overview,
  .inventory-v2-overview--movement {
    grid-template-columns: 1fr;
  }

  .inventory-v2-overview-main {
    padding: 24px 20px;
  }

  .inventory-v2-overview-main > strong {
    font-size: 28px;
  }

  .inventory-v2-overview-metrics,
  .inventory-v2-overview-metrics--movement {
    grid-template-columns: 1fr;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .inventory-v2-overview-metrics > div {
    min-height: 82px;
    padding: 14px 20px;
  }

  .inventory-v2-overview-metrics > div + div {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0;
  }

  .inventory-v2-score,
  .inventory-v2-flow-balance {
    flex-direction: column;
    align-items: flex-start;
  }

  .inventory-v2-composition {
    grid-template-columns: 1fr;
    padding: 16px 20px;
  }

  .inventory-v2-segment-legend {
    grid-column: auto;
  }

  .inventory-v2-panel {
    min-height: 0;
    padding: 16px;
  }

  .inventory-v2-panel-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .inventory-v2-validity-legend {
    grid-template-columns: 1fr;
  }

  .inventory-v2-rank-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .inventory-v2-rank-value {
    grid-column: 2;
    text-align: left;
  }
}