/* V68.UI8 — Inventory operational workspace */

.drt-ui8-inventory,
.drt-ui8-inventory-ledger {
  --ui8-ink: #153449;
  --ui8-muted: #667f91;
  --ui8-line: #d9e6ef;
  --ui8-line-strong: #c5dae8;
  --ui8-surface: #ffffff;
  --ui8-surface-soft: #f6fafc;
  --ui8-blue: #2879a8;
  --ui8-blue-soft: #eaf5fb;
  --ui8-green: #17785a;
  --ui8-green-soft: #edf9f3;
  --ui8-amber: #a66210;
  --ui8-amber-soft: #fff7e7;
  --ui8-red: #b54444;
  --ui8-red-soft: #fff1f1;
  color: var(--ui8-ink);
  display: grid;
  gap: 1rem;
}

.drt-ui8-inventory-commandbar,
.drt-ui8-ledger-intro {
  align-items: end;
  background: linear-gradient(135deg, #f7fbfd 0%, #ffffff 66%);
  border: 1px solid var(--ui8-line);
  border-radius: 1.1rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(28rem, .9fr);
  padding: 1rem 1.05rem;
}

.drt-ui8-ledger-intro {
  grid-template-columns: minmax(0, 1fr);
}

.drt-ui8-inventory-copy,
.drt-ui8-ledger-intro > div {
  display: grid;
  gap: .28rem;
  min-width: 0;
}

.drt-ui8-inventory-copy > span,
.drt-ui8-ledger-intro span,
.drt-ui8-section-head span {
  color: var(--ui8-blue);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .01em;
}

.drt-ui8-inventory-copy > strong,
.drt-ui8-ledger-intro strong {
  color: var(--ui8-ink);
  font-size: 1.02rem;
  font-weight: 950;
  line-height: 1.45;
}

.drt-ui8-inventory-copy > small,
.drt-ui8-ledger-intro small {
  color: var(--ui8-muted);
  font-size: .72rem;
  font-weight: 650;
  line-height: 1.8;
  max-width: 64rem;
}

.drt-ui8-inventory-filter {
  align-items: end;
  display: grid;
  gap: .65rem;
  grid-template-columns: minmax(10rem, .75fr) minmax(13rem, 1.25fr) auto;
}

.drt-ui8-inventory-filter > div,
.drt-ui8-ledger-filters > div,
.drt-ui8-form-grid > div,
.drt-ui8-form-stack > div {
  min-width: 0;
}

.drt-ui8-inventory .label,
.drt-ui8-inventory-ledger .label {
  color: #526d80;
  display: block;
  font-size: .66rem;
  font-weight: 850;
  margin-bottom: .28rem;
}

.drt-ui8-inventory-nav {
  background: #f2f7fa;
  border: 1px solid var(--ui8-line);
  border-radius: .9rem;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  padding: .35rem;
}

.drt-ui8-inventory-nav a {
  align-items: center;
  border-radius: .68rem;
  color: #3c5e73;
  display: inline-flex;
  font-size: .72rem;
  font-weight: 850;
  gap: .38rem;
  min-height: 2.35rem;
  padding: .45rem .72rem;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.drt-ui8-inventory-nav a:hover,
.drt-ui8-inventory-nav a:focus-visible {
  background: #fff;
  box-shadow: 0 1px 5px rgb(28 72 98 / 8%);
  color: #145b83;
  outline: none;
}

.drt-ui8-inventory-context {
  align-items: center;
  background: var(--ui8-blue-soft);
  border: 1px solid #b9deef;
  border-inline-start: .28rem solid #3b93bf;
  border-radius: .9rem;
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: .75rem .85rem;
}

.drt-ui8-inventory-context > div:first-child {
  display: grid;
  gap: .15rem;
}

.drt-ui8-inventory-context span,
.drt-ui8-inventory-context small {
  color: #55788e;
  font-size: .68rem;
  font-weight: 700;
}

.drt-ui8-inventory-context strong {
  color: #174864;
  font-size: .8rem;
  font-weight: 900;
}

.drt-ui8-inventory-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  grid-column: 1 / -1;
}

.drt-ui8-inventory-suggestions span {
  background: #fff;
  border: 1px solid #c8e5f2;
  border-radius: 999px;
  color: #295b75;
  padding: .28rem .52rem;
}

.drt-ui8-inventory-kpis {
  display: grid;
  gap: .7rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.drt-ui8-inventory-kpis > div {
  background: var(--ui8-surface);
  border: 1px solid var(--ui8-line);
  border-radius: .9rem;
  min-width: 0;
  padding: .78rem .85rem;
  position: relative;
  overflow: hidden;
}

.drt-ui8-inventory-kpis > div::before {
  background: #61a6ca;
  content: "";
  inset-block: 0;
  inset-inline-start: 0;
  position: absolute;
  width: .22rem;
}

.drt-ui8-inventory-kpis > div.is-warning {
  background: var(--ui8-amber-soft);
  border-color: #efd8a8;
}

.drt-ui8-inventory-kpis > div.is-warning::before { background: #d4932e; }
.drt-ui8-inventory-kpis > div.is-danger { background: var(--ui8-red-soft); border-color: #efcaca; }
.drt-ui8-inventory-kpis > div.is-danger::before { background: #cf5555; }
.drt-ui8-inventory-kpis > div.is-info { background: #f1f8fc; border-color: #cce2ee; }

.drt-ui8-inventory-kpis span {
  color: var(--ui8-muted);
  display: block;
  font-size: .66rem;
  font-weight: 800;
}

.drt-ui8-inventory-kpis strong {
  color: var(--ui8-ink);
  display: block;
  font-size: 1.15rem;
  font-weight: 950;
  margin-top: .14rem;
}

.drt-ui8-inventory-kpis small {
  color: #718796;
  display: block;
  font-size: .62rem;
  font-weight: 700;
  margin-top: .1rem;
}

.drt-ui8-inventory-layout {
  align-items: start;
  display: grid;
  gap: .9rem;
  grid-template-columns: minmax(0, 1.65fr) minmax(18rem, .7fr);
}

.drt-ui8-inventory-stock,
.drt-ui8-inventory-alerts,
.drt-ui8-inventory-consume,
.drt-ui8-rules,
.drt-ui8-movements-preview,
.drt-ui8-management,
.drt-ui8-filter-drawer,
.drt-ui8-ledger-list {
  background: var(--ui8-surface);
  border: 1px solid var(--ui8-line);
  border-radius: 1rem;
}

.drt-ui8-section-head {
  align-items: center;
  border-bottom: 1px solid #e5eef4;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  padding: .78rem .9rem;
}

.drt-ui8-section-head > div {
  display: grid;
  gap: .08rem;
  min-width: 0;
}

.drt-ui8-section-head h3 {
  color: var(--ui8-ink);
  font-size: .88rem;
  font-weight: 950;
  line-height: 1.45;
  margin: 0;
}

.drt-ui8-count {
  background: #f2f7fa;
  border: 1px solid var(--ui8-line);
  border-radius: 999px;
  color: #416378;
  font-size: .68rem;
  font-weight: 850;
  padding: .28rem .5rem;
}

.drt-ui8-stock-list {
  display: grid;
  gap: .48rem;
  padding: .65rem;
}

.drt-ui8-stock-row {
  align-items: center;
  background: #fff;
  border: 1px solid #e1ebf1;
  border-inline-start: .27rem solid #77bca3;
  border-radius: .78rem;
  display: grid;
  gap: .55rem;
  grid-template-columns: minmax(12rem, 1.35fr) minmax(8rem, .75fr) minmax(10rem, 1fr) minmax(8rem, .75fr) auto;
  min-width: 0;
  padding: .65rem .72rem;
}

.drt-ui8-stock-row.is-warning {
  background: var(--ui8-amber-soft);
  border-color: #efd4a2;
  border-inline-start-color: #d78d22;
}

.drt-ui8-stock-main,
.drt-ui8-stock-balance,
.drt-ui8-stock-lots,
.drt-ui8-stock-cost {
  display: grid;
  gap: .12rem;
  min-width: 0;
}

.drt-ui8-record-ref {
  color: #2b789f;
  font-size: .62rem;
  font-weight: 900;
}

.drt-ui8-stock-main strong,
.drt-ui8-stock-balance strong,
.drt-ui8-stock-cost strong {
  color: #193c51;
  font-size: .76rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.drt-ui8-stock-row span:not(.drt-ui8-record-ref),
.drt-ui8-stock-row small {
  color: #6a8190;
  font-size: .62rem;
  font-weight: 700;
  line-height: 1.5;
}

.drt-ui8-stock-lots > div {
  display: grid;
  gap: .08rem;
  max-height: 4.2rem;
  overflow: auto;
}

.drt-ui8-stock-lots small.is-danger { color: var(--ui8-red); font-weight: 850; }
.drt-ui8-stock-cost small.is-warning { color: var(--ui8-amber); font-weight: 850; }

.drt-ui8-inventory-side {
  display: grid;
  gap: .9rem;
  min-width: 0;
}

.drt-ui8-alert-block {
  display: grid;
  gap: .28rem;
  margin: .65rem;
  padding: .65rem .7rem;
  border: 1px solid var(--ui8-line);
  border-radius: .72rem;
}

.drt-ui8-alert-block + .drt-ui8-alert-block { margin-top: 0; }
.drt-ui8-alert-block.is-warning { background: var(--ui8-amber-soft); border-color: #efd7a9; }
.drt-ui8-alert-block.is-danger { background: var(--ui8-red-soft); border-color: #efcaca; }

.drt-ui8-alert-block > strong {
  font-size: .72rem;
  font-weight: 950;
}

.drt-ui8-alert-block > span {
  align-items: center;
  display: flex;
  font-size: .66rem;
  font-weight: 750;
  gap: .45rem;
  justify-content: space-between;
}

.drt-ui8-alert-block > span b { font-size: .65rem; }
.drt-ui8-alert-block > small { color: var(--ui8-muted); font-size: .64rem; font-weight: 700; }

.drt-ui8-inventory-consume .drt-ui8-form-grid { padding: .75rem; }

.drt-ui8-form-grid {
  display: grid;
  gap: .65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drt-ui8-form-grid .is-wide { grid-column: 1 / -1; }

.drt-ui8-form-stack {
  display: grid;
  gap: .65rem;
}

.drt-ui8-management {
  overflow: clip;
}

.drt-ui8-management > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: .7rem;
  justify-content: space-between;
  list-style: none;
  padding: .85rem .95rem;
}

.drt-ui8-management > summary::-webkit-details-marker { display: none; }
.drt-ui8-management > summary > span { align-items: center; display: flex; gap: .4rem; }
.drt-ui8-management > summary strong { color: var(--ui8-ink); font-size: .82rem; font-weight: 950; }
.drt-ui8-management > summary small { color: var(--ui8-muted); font-size: .66rem; font-weight: 700; }

.drt-ui8-management[open] > summary { background: #f6fafc; border-bottom: 1px solid var(--ui8-line); }

.drt-ui8-management-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: .75rem;
}

.drt-ui8-management .drt-inventory-form-card-v45 {
  background: #fbfdfe;
  border: 1px solid #e0eaf0;
  border-radius: .78rem;
  box-shadow: none;
  padding: .78rem;
}

.drt-ui8-management .drt-inventory-form-card-v45.is-receive { background: #f2faf6; border-color: #cfe7d9; }
.drt-ui8-management .drt-inventory-form-card-v45.is-editing { border-color: #a9d4e8; box-shadow: inset 0 0 0 1px #d4ecf7; }

.drt-ui8-management .drt-inventory-form-card-v45 h3 {
  color: var(--ui8-ink);
  font-size: .78rem;
  font-weight: 950;
  margin: 0 0 .65rem;
}

.drt-ui8-rules-layout {
  display: grid;
  gap: .8rem;
  grid-template-columns: minmax(18rem, .7fr) minmax(0, 1.3fr);
  padding: .75rem;
}

.drt-ui8-rule-list {
  display: grid;
  gap: .38rem;
}

.drt-ui8-rule-list > div {
  align-items: center;
  background: #f8fbfd;
  border: 1px solid #e2ebf1;
  border-radius: .68rem;
  display: grid;
  gap: .4rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  padding: .55rem .65rem;
}

.drt-ui8-rule-list strong,
.drt-ui8-rule-list span,
.drt-ui8-rule-list b { font-size: .68rem; }
.drt-ui8-rule-list strong { color: var(--ui8-ink); font-weight: 900; }
.drt-ui8-rule-list span { color: var(--ui8-muted); font-weight: 700; }
.drt-ui8-rule-list b { color: #255f7e; font-weight: 900; }

.drt-ui8-movement-list {
  display: grid;
  gap: .4rem;
  padding: .65rem;
}

.drt-ui8-movement-list article {
  align-items: center;
  border: 1px solid #e3ebf0;
  border-inline-start: .24rem solid #76bda2;
  border-radius: .68rem;
  display: grid;
  gap: .55rem;
  grid-template-columns: minmax(0, 1.2fr) minmax(7rem, .5fr) minmax(0, 1fr);
  padding: .55rem .65rem;
}

.drt-ui8-movement-list article.is-out { border-inline-start-color: #cf6f6f; background: #fffafa; }
.drt-ui8-movement-list article > div { display: grid; gap: .08rem; min-width: 0; }
.drt-ui8-movement-list strong,
.drt-ui8-movement-list a { color: #244b63; font-size: .68rem; font-weight: 850; overflow-wrap: anywhere; }
.drt-ui8-movement-list small { color: var(--ui8-muted); font-size: .61rem; font-weight: 700; }

/* Movement history */
.drt-ui8-filter-drawer { overflow: clip; }
.drt-ui8-filter-drawer > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: .75rem .85rem;
}
.drt-ui8-filter-drawer > summary::-webkit-details-marker { display: none; }
.drt-ui8-filter-drawer > summary > span:first-child { display: grid; gap: .08rem; }
.drt-ui8-filter-drawer > summary small { color: var(--ui8-blue); font-size: .62rem; font-weight: 900; }
.drt-ui8-filter-drawer > summary strong { color: var(--ui8-ink); font-size: .76rem; font-weight: 950; }
.drt-ui8-filter-drawer[open] > summary { background: #f7fafc; border-bottom: 1px solid var(--ui8-line); }

.drt-ui8-ledger-filters {
  align-items: end;
  display: grid;
  gap: .6rem;
  grid-template-columns: repeat(5, minmax(8rem, 1fr));
  padding: .72rem;
}
.drt-ui8-ledger-filters .is-search { grid-column: span 2; }

.drt-ui8-ledger-list { display: grid; gap: .42rem; padding: .65rem; }
.drt-ui8-ledger-row {
  align-items: center;
  border: 1px solid #e1eaf0;
  border-inline-start: .27rem solid #70b998;
  border-radius: .74rem;
  display: grid;
  gap: .58rem;
  grid-template-columns: minmax(10rem, 1.15fr) minmax(7.5rem, .8fr) minmax(7.5rem, .7fr) minmax(8rem, .75fr) minmax(11rem, 1.2fr) minmax(7rem, .7fr);
  min-width: 0;
  padding: .62rem .68rem;
}
.drt-ui8-ledger-row.is-out { background: #fffafa; border-inline-start-color: #cf6f6f; }
.drt-ui8-ledger-row.is-in { background: #fbfefc; }
.drt-ui8-ledger-row > div { display: grid; gap: .08rem; min-width: 0; }
.drt-ui8-ledger-row > div > span { color: #738694; font-size: .6rem; font-weight: 750; }
.drt-ui8-ledger-row > div > strong,
.drt-ui8-ledger-row > div > a { color: #284b60; font-size: .67rem; font-weight: 850; overflow-wrap: anywhere; }
.drt-ui8-ledger-row > div > small { color: #788b98; font-size: .59rem; font-weight: 650; overflow-wrap: anywhere; }
.drt-ui8-ledger-link a { color: #17678f !important; text-decoration: none; }
.drt-ui8-ledger-link a:hover { text-decoration: underline; }

.drt-ui8-pagination {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: .7rem;
  padding: .15rem;
}
.drt-ui8-pagination > div:last-child { justify-self: end; }
.drt-ui8-pagination > span { color: var(--ui8-muted); font-size: .66rem; font-weight: 800; }

@media (max-width: 1180px) {
  .drt-ui8-inventory-commandbar { grid-template-columns: 1fr; }
  .drt-ui8-inventory-layout { grid-template-columns: 1fr; }
  .drt-ui8-inventory-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .drt-ui8-stock-row { grid-template-columns: minmax(11rem, 1.35fr) repeat(3, minmax(7rem, 1fr)); }
  .drt-ui8-stock-row > .btn { grid-column: 1 / -1; justify-self: start; }
  .drt-ui8-ledger-filters { grid-template-columns: repeat(3, minmax(8rem, 1fr)); }
  .drt-ui8-ledger-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .drt-ui8-inventory,
  .drt-ui8-inventory-ledger { gap: .72rem; }
  .drt-ui8-inventory-commandbar,
  .drt-ui8-ledger-intro { border-radius: .85rem; padding: .78rem; }
  .drt-ui8-inventory-filter,
  .drt-ui8-inventory-kpis,
  .drt-ui8-inventory-side,
  .drt-ui8-management-grid,
  .drt-ui8-rules-layout,
  .drt-ui8-form-grid,
  .drt-ui8-ledger-filters { grid-template-columns: 1fr; }
  .drt-ui8-ledger-filters .is-search { grid-column: auto; }
  .drt-ui8-inventory-context { grid-template-columns: 1fr; }
  .drt-ui8-inventory-context > .btn { justify-self: start; }
  .drt-ui8-stock-row,
  .drt-ui8-ledger-row,
  .drt-ui8-movement-list article,
  .drt-ui8-rule-list > div { grid-template-columns: 1fr; }
  .drt-ui8-stock-row > .btn { grid-column: auto; }
  .drt-ui8-inventory-nav { overflow-x: auto; flex-wrap: nowrap; }
  .drt-ui8-inventory-nav a { flex: 0 0 auto; }
  .drt-ui8-management > summary { align-items: flex-start; flex-direction: column; }
  .drt-ui8-section-head { align-items: flex-start; flex-direction: column; }
  .drt-ui8-pagination { grid-template-columns: auto 1fr auto; }
}

/* V68.UI8A — inventory item editor clarity */
.drt-ui8-management .drt-ui8a-inventory-item-editor {
  background: linear-gradient(135deg, #f3faff 0%, #ffffff 72%);
  border: 1px solid #a9d5e9;
  border-inline-start: .34rem solid #2f8db8;
  box-shadow: 0 4px 16px rgb(28 91 123 / 8%);
  grid-column: 1 / -1;
  order: -1;
  padding: 0;
  overflow: hidden;
}

.drt-ui8-management .drt-ui8a-inventory-item-editor.is-editing {
  background: linear-gradient(135deg, #eef8fd 0%, #ffffff 72%);
  border-color: #80bfdc;
  box-shadow: 0 4px 16px rgb(28 91 123 / 10%);
}

.drt-ui8a-item-editor-head {
  align-items: center;
  background: #eaf6fb;
  border-bottom: 1px solid #c7e1ed;
  display: flex;
  gap: .7rem;
  justify-content: space-between;
  padding: .78rem .88rem;
}

.drt-ui8a-item-editor-head > div {
  display: grid;
  gap: .08rem;
  min-width: 0;
}

.drt-ui8a-item-editor-head span:not(.badge) {
  color: #2d7da4;
  font-size: .62rem;
  font-weight: 900;
}

.drt-ui8-management .drt-ui8a-item-editor-head h3 {
  color: #133e56;
  font-size: .92rem;
  font-weight: 950;
  margin: 0;
}

.drt-ui8a-item-editor-head small {
  color: #5e7888;
  font-size: .64rem;
  font-weight: 700;
  line-height: 1.6;
}

.drt-ui8a-item-editor-form {
  display: grid;
  gap: .7rem;
  padding: .78rem;
}

.drt-ui8a-form-group {
  background: #fff;
  border: 1px solid #dce9f0;
  border-radius: .76rem;
  margin: 0;
  min-width: 0;
  padding: .72rem;
}

.drt-ui8a-form-group > legend {
  color: #244f67;
  font-size: .67rem;
  font-weight: 950;
  padding: 0 .34rem;
}

.drt-ui8a-form-group .help-text {
  color: #6c8190;
  font-size: .59rem;
  font-weight: 650;
  line-height: 1.55;
  margin-top: .25rem;
}

.drt-ui8a-tracking-group {
  background: #f8fbfd;
}

.drt-ui8a-tracking-grid {
  display: grid;
  gap: .6rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drt-ui8a-tracking-choice {
  align-items: flex-start;
  background: #fff;
  border: 1px solid #d8e7ef;
  border-radius: .7rem;
  cursor: pointer;
  display: flex;
  gap: .55rem;
  min-height: 4rem;
  padding: .62rem .68rem;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.drt-ui8a-tracking-choice:hover,
.drt-ui8a-tracking-choice:focus-within {
  background: #f3f9fc;
  border-color: #9ecde2;
  box-shadow: 0 2px 8px rgb(37 104 137 / 7%);
}

.drt-ui8a-tracking-choice .checkbox {
  flex: 0 0 auto;
  margin-top: .12rem;
}

.drt-ui8a-tracking-choice > span {
  display: grid;
  gap: .12rem;
  min-width: 0;
}

.drt-ui8a-tracking-choice strong {
  color: #214d65;
  font-size: .7rem;
  font-weight: 950;
}

.drt-ui8a-tracking-choice small {
  color: #6a8190;
  font-size: .59rem;
  font-weight: 700;
  line-height: 1.55;
}

.drt-ui8a-item-editor-actions {
  align-items: center;
  background: #f4f9fb;
  border: 1px solid #d7e7ef;
  border-radius: .72rem;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-start;
  padding: .58rem .65rem;
}

.drt-ui8a-item-editor-actions .btn-primary {
  min-width: 8.5rem;
}

@media (max-width: 760px) {
  .drt-ui8a-item-editor-head { align-items: flex-start; flex-direction: column; }
  .drt-ui8a-tracking-grid { grid-template-columns: 1fr; }
  .drt-ui8a-item-editor-actions .btn { width: 100%; }
}