/* Extends the existing V6 platform palette, typography and technical controls. */
.uas-kit {
  min-width: 0;
  margin-block: 24px 0;
  color: var(--v2-white);
  background: var(--v2-panel);
  border: 1px solid var(--v2-line-strong);
  border-block-start: 2px solid var(--v2-blue);
  scroll-margin-block-start: calc(var(--v2-nav-height) + 20px);
  font: 400 1rem/1.65 "Heebo", Arial, sans-serif;
  direction: rtl;
  text-align: right;
}
.uas-kit [hidden], .uas-kit[hidden] { display: none !important; }
.uas-kit .uas-kit-head { padding: clamp(20px, 3vw, 38px); background: linear-gradient(120deg, rgba(120,174,200,.08), transparent 70%); }
.uas-kit .eyebrow { margin: 0 0 10px; color: var(--v2-blue-bright); font: 600 .8125rem/1.5 "Inter Tight", sans-serif; letter-spacing: .13em; direction: ltr; text-align: right; }
.uas-kit h3 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.3; font-weight: 500; }
.uas-kit .subtitle { max-width: 900px; margin: 12px 0 0; color: var(--v2-soft); font-size: 1rem; }
.uas-kit .uas-kit-close { float: left; margin-inline-start: 16px; }
.uas-kit .metrics { clear: both; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 28px; border-block: 1px solid var(--v2-line); }
.uas-kit .metric { padding: 18px 20px; border-inline-start: 1px solid var(--v2-line); }
.uas-kit .metric:last-child { border-inline-start: 0; }
.uas-kit .metric small { display: block; color: var(--v2-soft); font-size: .875rem; }
.uas-kit .metric strong { display: block; margin-top: 8px; color: var(--v2-blue-bright); font: 500 clamp(1.3rem,2.1vw,2rem)/1.2 "Inter Tight",sans-serif; }
.uas-kit .toolbar { display: grid; grid-template-columns: minmax(220px,1fr) minmax(180px,280px) auto; gap: 12px; align-items: center; padding: 20px; border-block: 1px solid var(--v2-line); background: var(--v2-panel-soft); }
.uas-kit input, .uas-kit select, .uas-kit button { min-height: 44px; border: 1px solid var(--v2-line-strong); border-radius: 0; color: var(--v2-white); background: var(--v2-panel); font: inherit; }
.uas-kit input, .uas-kit select { width: 100%; min-width: 0; padding: 10px 12px; }
.uas-kit input::placeholder { color: var(--v2-soft); opacity: 1; }
.uas-kit select { color-scheme: dark; }
.uas-kit button { padding: 9px 16px; color: var(--v2-blue-bright); cursor: pointer; }
.uas-kit button:hover { background: rgba(120,174,200,.13); border-color: var(--v2-blue); }
.uas-kit :focus-visible { outline: 2px solid var(--v2-blue-bright); outline-offset: 4px; }
.uas-kit .table-wrap { max-height: 74svh; overflow: auto; scrollbar-color: var(--v2-blue) var(--v2-panel); overscroll-behavior: contain; }
.uas-kit table { width: 100%; min-width: 1380px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.uas-kit caption { padding: 14px 20px; text-align: right; color: var(--v2-soft); font-size: .875rem; }
.uas-kit thead th { position: sticky; top: 0; z-index: 2; padding: 14px 12px; background: #15232b; color: var(--v2-blue-bright); border-block: 1px solid var(--v2-line-strong); font-size: .875rem; font-weight: 500; text-align: right; }
.uas-kit tbody td, .uas-kit tfoot td { padding: 16px 12px; vertical-align: top; overflow-wrap: anywhere; border-block-end: 1px solid var(--v2-line); border-inline-end: 1px solid var(--v2-line); background: var(--v2-panel); }
.uas-kit tbody tr:nth-child(even) td { background: #0f1418; }
.uas-kit tbody tr:hover td { background: #142129; }
.uas-kit tbody tr.is-outside td { background: #1c1913; }
.uas-kit th:last-child, .uas-kit td:last-child { border-inline-end: 0; }
.uas-kit .col-system { width: 8%; }.uas-kit .col-item { width: 13%; }.uas-kit .col-maker { width: 16%; }.uas-kit .col-spec { width: 25%; }.uas-kit .col-qty { width: 6%; }.uas-kit .col-weight { width: 10%; }.uas-kit .col-cost { width: 11%; }.uas-kit .col-origin { width: 11%; }
.uas-kit .system { color: var(--v2-blue-bright); font-weight: 500; }
.uas-kit .item-title { display: block; margin-bottom: 5px; font-weight: 600; }
.uas-kit .muted { color: var(--v2-soft); font-size: .875rem; }
.uas-kit .num { text-align: center; }
.uas-kit bdi { unicode-bidi: isolate; }
.uas-kit .num > bdi { white-space: nowrap; }
.uas-kit .badge { display: inline-block; margin: 4px 0 4px 4px; padding: 3px 7px; border: 1px solid var(--v2-line); color: var(--v2-soft); font-size: .8125rem; line-height: 1.5; font-weight: 500; }
.uas-kit .badge.baseline { color: #9adbd1; border-color: #355e56; background: #112a26; }
.uas-kit .badge.tbr, .uas-kit .badge.rfq { color: #e9c784; border-color: #65502f; background: #2b2315; }
.uas-kit .badge.outside { color: #ecb297; border-color: #6c4536; background: #2b1c17; }
.uas-kit details { margin-top: 8px; }.uas-kit summary { color: var(--v2-blue-bright); cursor: pointer; font-weight: 500; }
.uas-kit details ul { margin: 8px 0 0; padding-inline-start: 20px; }.uas-kit details li { margin-block: 5px; }
.uas-kit tfoot td { background: #15232b; border-block-start: 1px solid var(--v2-blue); color: var(--v2-white); font-weight: 500; }
.uas-kit .notes, .uas-kit .uas-kit-empty { padding: 20px; color: var(--v2-soft); font-size: .875rem; }
.uas-kit .notes strong { color: var(--v2-white); }
.uas-kit .uas-kit-empty { margin: 0; }
#modelKitControl { font-size: .875rem; }
@media (max-width: 900px) {
  .uas-kit .metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .uas-kit .metric { padding: 16px 10px; border-block-end: 1px solid var(--v2-line); }
  .uas-kit .toolbar { grid-template-columns: 1fr; padding: 16px; }
}
@media (max-width: 600px) {
  .uas-kit .table-wrap { max-height: none; overflow: visible; }
  .uas-kit table, .uas-kit tbody, .uas-kit tbody tr, .uas-kit tbody td { display: block; min-width: 0; width: 100%; }
  .uas-kit thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .uas-kit caption { display: block; }
  .uas-kit tbody tr { padding: 12px 16px; border-block-end: 1px solid var(--v2-line-strong); }
  .uas-kit tbody td { padding: 10px 0; border: 0; background: transparent !important; text-align: right; }
  .uas-kit tbody td::before { content: attr(data-label); display: block; margin-bottom: 4px; color: var(--v2-blue-bright); font-size: .875rem; font-weight: 500; }
  .uas-kit tbody tr:nth-child(even) { background: var(--v2-panel-soft); }
  .uas-kit tbody tr.is-outside { background: #1c1913; }
  .uas-kit tfoot, .uas-kit tfoot tr, .uas-kit tfoot td { display: block; width: 100%; }
  .uas-kit tfoot td { padding: 8px 16px; border: 0; text-align: right; }
  .uas-kit .uas-kit-head { padding: 20px 16px; }
}