/* Strike 1–3 presentation layer. The underlying shell and navigation contract remain intact. */

body.mvp-strike {
  --mvp-gold: var(--gold-primary);
  --mvp-control-height: 2.75rem;
}

body.mvp-strike .mvp-hidden-route,
body.mvp-strike .mvp-field-hidden,
body.mvp-strike .mvp-optional-hidden {
  display: none !important;
}

/* Keep the current 3.0 hierarchy focused: spot is relevant on workspace and the Ticket only. */
body.mvp-strike .mvp-market-hidden {
  display: none !important;
}

/* Content uses one heading; icons remain reserved for navigation and primary actions. */
body.mvp-strike #work .platform-page-heading .eyebrow {
  display: none !important;
}

/* A field has one quiet label row. Icons remain available for navigation and actions. */
body.mvp-strike .field-label-icon,
body.mvp-strike .platform-field-label .ui-icon {
  display: none !important;
}

body.mvp-strike .platform-field-label,
body.mvp-strike .commerce-order-field-label {
  gap: 0.25rem;
}

body.mvp-strike .platform-field > input,
body.mvp-strike .platform-field > select,
body.mvp-strike .platform-field > textarea,
body.mvp-strike .commerce-order-field > input,
body.mvp-strike .commerce-order-field > select,
body.mvp-strike .commerce-order-field > textarea,
body.mvp-strike .mvp-photo-field > input {
  min-height: var(--mvp-control-height);
}

body.mvp-strike .mvp-money-control {
  position: relative;
  display: flex;
  align-items: stretch;
}

body.mvp-strike .mvp-money-control > input,
body.mvp-strike .mvp-money-control > output,
body.mvp-strike .mvp-money-control > select {
  width: 100%;
}

body.mvp-strike .mvp-money-prefix {
  position: absolute;
  z-index: 1;
  left: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gold-readable);
  font-weight: 700;
  pointer-events: none;
}

body.mvp-strike .mvp-money-control > input {
  padding-left: 1.75rem;
}

/* The invoice is a three-step task: client, items, then review. */
body.mvp-strike.mvp-invoice-page #order-entry-page {
  max-width: 76rem;
}

body.mvp-strike.mvp-invoice-page .customer-record-summary {
  padding: 0.8rem 1rem;
}

body.mvp-strike.mvp-invoice-page .customer-record-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.mvp-strike.mvp-invoice-page .customer-record-summary-grid .mvp-detail-hidden {
  display: none !important;
}

body.mvp-strike.mvp-invoice-page .invoice-tag-editor,
body.mvp-strike.mvp-invoice-page .client-edit-action {
  display: none !important;
}

body.mvp-strike.mvp-invoice-page .workflow-panels > [role="tabpanel"][hidden] {
  display: none !important;
}

body.mvp-strike.mvp-invoice-page .workflow-tabs {
  position: sticky;
  top: 0.5rem;
  z-index: 3;
}

/* The Ticket is the canonical fast commerce path. */
body.mvp-strike.mvp-ticket-page .commerce-order-entry-page,
body.mvp-strike.mvp-ticket-page .commerce-order-form {
  max-width: 80rem;
}

body.mvp-strike.mvp-ticket-page .commerce-order-form {
  gap: 0.75rem;
}

body.mvp-strike.mvp-ticket-page .commerce-order-section-heading {
  padding-block: 0.65rem;
}

body.mvp-strike.mvp-ticket-page .commerce-order-line-item-fields {
  grid-template-columns: minmax(20rem, 1fr) 8rem 9rem;
  align-items: start;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-control {
  min-width: 0;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-results {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
  width: 100%;
  max-height: min(34rem, 55vh);
  overflow: auto;
  padding: 0.25rem;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-card {
  display: grid;
  grid-template-columns: 4.25rem minmax(0, 1fr) max-content minmax(7.5rem, max-content);
  gap: 0.75rem;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 5.25rem;
  padding: 0.55rem 0.7rem;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-identity,
body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-copy {
  min-width: 0;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-copy strong,
body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-copy small {
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-image,
body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-placeholder {
  width: 4rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 0.4rem;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-price {
  color: var(--gold-readable);
  white-space: nowrap;
}

body.mvp-strike.mvp-ticket-page .commerce-product-search-card .availability {
  white-space: nowrap;
}

body.mvp-strike.mvp-ticket-page .commerce-order-form-actions {
  position: sticky;
  bottom: 0.5rem;
  z-index: 2;
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  backdrop-filter: blur(8px);
}

/* Hub and spoke: keep the high-frequency entry points, demote specialist setup. */
body.mvp-strike.mvp-commerce-hub .commerce-hub-intents {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

body.mvp-strike.mvp-commerce-hub .commerce-hub-destination-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

body.mvp-strike.mvp-commerce-hub .commerce-hub-destinations-heading p {
  margin: 0;
}


body.mvp-strike.mvp-commerce-hub .commerce-page-stack {
  display: grid;
  grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr);
  gap: 0.75rem;
  align-items: start;
}

body.mvp-strike.mvp-commerce-hub .commerce-hub-intents {
  display: block;
}

body.mvp-strike.mvp-commerce-hub .commerce-hub-intent {
  min-height: 100%;
}

body.mvp-strike.mvp-commerce-hub .commerce-recent-work {
  min-width: 0;
}

body.mvp-strike.mvp-commerce-hub #commerce-more-workspaces {
  grid-column: 1 / -1;
}

/* Counter appointment create defaults to the six things needed at the glass. */
body.mvp-strike.mvp-appointment-page .appointment-form {
  gap: 0.75rem;
}

body.mvp-strike.mvp-appointment-page .appointment-form-guidance {
  margin-block: 0.25rem 0.5rem;
}

body.mvp-strike.mvp-appointment-page .appointment-form-section {
  padding: 0.8rem;
}

body.mvp-strike.mvp-appointment-page .appointment-section-heading {
  margin-bottom: 0.65rem;
}

/* Product creation is an operator-sized intake, not a catalog data dump. */
body.mvp-strike.mvp-product-page .product-form {
  gap: 0.75rem;
}

body.mvp-strike.mvp-product-page .product-form-section {
  padding: 0.8rem;
}

body.mvp-strike.mvp-product-page .product-form-section-heading {
  margin-bottom: 0.65rem;
}

body.mvp-strike.mvp-product-page .mvp-photo-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

body.mvp-strike.mvp-product-page .mvp-photo-preview {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: cover;
  border-radius: 0.4rem;
  border: 1px solid var(--border);
}

body.mvp-strike.mvp-product-page .mvp-purity-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

/* Accounting keeps the owner readout and removes preview controls that look actionable. */
body.mvp-strike.mvp-accounting-page .accounting-owner-metrics {
  gap: 0.65rem;
}

body.mvp-strike.mvp-accounting-page .accounting-context-bar {
  padding-block: 0.65rem;
}

body.mvp-strike.mvp-accounting-page .accounting-table-toolbar,
body.mvp-strike.mvp-accounting-page .accounting-cash-table-toolbar {
  gap: 0.5rem;
}

@media (max-width: 900px) {
  body.mvp-strike.mvp-commerce-hub .commerce-page-stack {
    grid-template-columns: 1fr;
  }

  body.mvp-strike.mvp-commerce-hub #commerce-more-workspaces {
    grid-column: auto;
  }

  body.mvp-strike.mvp-ticket-page .commerce-order-line-item-fields {
    grid-template-columns: minmax(0, 1fr) 7rem;
  }

  body.mvp-strike.mvp-ticket-page .commerce-order-line-item-total {
    grid-column: 2;
  }

  body.mvp-strike.mvp-commerce-hub .commerce-hub-destination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.mvp-strike.mvp-invoice-page .customer-record-summary-grid,
  body.mvp-strike.mvp-commerce-hub .commerce-hub-intents,
  body.mvp-strike.mvp-commerce-hub .commerce-hub-destination-grid {
    grid-template-columns: 1fr;
  }

  body.mvp-strike.mvp-ticket-page .commerce-order-line-item-fields {
    grid-template-columns: 1fr;
  }

  body.mvp-strike.mvp-ticket-page .commerce-order-line-item-total {
    grid-column: auto;
  }

  body.mvp-strike.mvp-ticket-page .commerce-product-search-card {
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 0.55rem;
  }

  body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-image,
  body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-placeholder {
    width: 3.25rem;
    height: 3.25rem;
  }

  body.mvp-strike.mvp-ticket-page .commerce-product-search-card .product-price,
  body.mvp-strike.mvp-ticket-page .commerce-product-search-card .availability,
  body.mvp-strike.mvp-ticket-page .commerce-product-search-card .commerce-product-search-action {
    grid-column: 2;
    justify-self: start;
  }

  body.mvp-strike.mvp-ticket-page .commerce-order-form-actions {
    bottom: 0;
  }
}