.start-cockpit-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.product-intake {
  position: relative;
  z-index: 1;
  scroll-margin-top: 118px;
  margin-top: 22px;
  padding: clamp(17px, 2.4vw, 25px);
  border: 1px solid rgba(68, 227, 194, .2);
  border-radius: 21px;
  background: linear-gradient(135deg, rgba(68, 227, 194, .07), rgba(98, 216, 255, .035));
}
.product-intake-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.product-intake-head > div:first-child { max-width: 760px; }
.product-intake-head span:first-child { color: var(--mint, #44e3c2); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.product-intake-head h3 { margin: 6px 0 7px; color: #f7fbff; font-size: clamp(21px, 2.6vw, 29px); letter-spacing: -.035em; }
.product-intake-head p { margin: 0; color: #9bacbf; font-size: 13px; line-height: 1.55; }
.product-intake-stats { display: flex; gap: 7px; flex: 0 0 auto; }
.product-intake-stats span { min-width: 74px; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: #8496ad; font-size: 9px; letter-spacing: .06em; text-align: center; }
.product-intake-stats b { display: block; color: #f6fbff; font-size: 21px; letter-spacing: 0; }
.product-intake-form { display: grid; grid-template-columns: minmax(0, 2fr) repeat(4, minmax(120px, 1fr)); gap: 10px; align-items: end; margin-top: 18px; }
.product-intake-form label { min-width: 0; color: #91a4bb; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.product-intake-form input,
.product-intake-form select { width: 100%; min-height: 44px; margin-top: 6px; padding: 0 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(3, 12, 23, .72); color: #f4f8fd; font: inherit; font-size: 12px; }
.product-intake-form .product-intake-consent { grid-column: 1 / -2; display: flex; align-items: center; gap: 9px; min-height: 42px; color: #a9b8ca; font-size: 11px; font-weight: 650; letter-spacing: 0; }
.product-intake-form .product-intake-consent input { width: 17px; min-height: 17px; margin: 0; accent-color: var(--mint, #44e3c2); }
.product-intake-form button { min-height: 44px; padding: 0 14px; border: 0; border-radius: 11px; background: linear-gradient(135deg, var(--mint, #44e3c2), var(--cyan, #62d8ff)); color: #04101c; font-weight: 900; }
.product-intake-status { min-height: 19px; margin: 9px 0 0; color: #9fb1c5; font-size: 12px; }
.product-intake-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 8px; }
.product-intake-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 11px; padding: 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(2, 9, 18, .45); }
.product-intake-card[data-status="attention"] { border-color: rgba(255, 180, 88, .32); }
.product-intake-card[data-status="mission-created"] { border-color: rgba(68, 227, 194, .28); }
.product-intake-card header { min-width: 0; }
.product-intake-card header span { color: #6d8199; font-size: 9px; font-weight: 850; letter-spacing: .09em; }
.product-intake-card h4 { overflow: hidden; margin: 4px 0 3px; color: #eef6ff; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.product-intake-card small { display: block; color: #8fa1b6; font-size: 10px; line-height: 1.45; }
.product-intake-card em { align-self: start; padding: 6px 8px; border-radius: 999px; background: rgba(255,255,255,.06); color: #b7c5d7; font-size: 9px; font-style: normal; font-weight: 850; letter-spacing: .06em; }
.product-intake-learned { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.product-intake-learned span { overflow: hidden; max-width: 220px; padding: 6px 8px; border: 1px solid rgba(68,227,194,.18); border-radius: 999px; background: rgba(68,227,194,.07); color: #bcefe3; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.product-intake-card footer { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr auto auto; gap: 7px; }
.product-intake-card select,
.product-intake-card button { min-width: 0; min-height: 34px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(7, 18, 31, .92); color: #dbe7f4; font-size: 10px; }
.product-intake-card button { padding: 0 10px; font-weight: 800; cursor: pointer; }
.product-intake-card button.primary { border: 0; background: var(--mint, #44e3c2); color: #04101c; }
.product-intake-card button.danger { color: #f5b7ad; }
@media (max-width: 1100px) {
  .start-cockpit-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-intake-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-intake-form .wide { grid-column: 1 / -1; }
  .product-intake-form .product-intake-consent { grid-column: 1 / -1; }
  .product-intake-form button { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .product-intake-head { display: block; }
  .product-intake-stats { margin-top: 13px; }
  .product-intake-form,
  .product-intake-list { grid-template-columns: 1fr; }
  .product-intake-form .wide,
  .product-intake-form .product-intake-consent,
  .product-intake-form button { grid-column: auto; }
  .product-intake-card footer { grid-template-columns: 1fr; }
}
