.left[data-compact-card-ready="1"] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.left[data-compact-card-ready="1"] > .panel,
.left[data-compact-card-ready="1"] > .section,
.left[data-compact-card-ready="1"] > .secondary-order-sections {
  margin: 0;
}

.primary-status-section {
  border: 1px solid #cbd5e1;
  background: #fff;
  overflow: hidden;
}

.primary-section-title {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .045em;
  color: #334155;
  border-bottom: 1px solid #e2e8f0;
}

.primary-status-row {
  padding: 10px 14px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.primary-status-field {
  display: grid;
  grid-template-columns: minmax(110px, 150px) minmax(180px, 320px);
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.primary-status-field select {
  width: 100%;
  min-height: 38px;
  font-size: 14px;
  font-weight: 700;
  border-color: #94a3b8;
  background: #fff;
}

.primary-stage-content > .section {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 0;
}

.primary-stage-content > .section:last-child {
  border-bottom: 0;
}

.secondary-order-sections {
  display: grid;
  gap: 8px;
  padding-bottom: 18px;
}

.compact-details,
.secondary-order-sections > .comments-section,
.secondary-order-sections > .audit-section {
  margin: 0;
  border: 1px solid #dbe2ea;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.compact-details > summary,
.secondary-order-sections > details > summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .035em;
  color: #475569;
  background: #f8fafc;
}

.compact-details > summary::marker,
.secondary-order-sections > details > summary::marker {
  color: #64748b;
}

.compact-details-body {
  padding: 12px;
  border-top: 1px solid #e2e8f0;
}

.compact-details-body .order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.compact-details-body .order-actions-menu {
  position: relative;
}

.compact-details-body .finance {
  margin: 0;
}

.order-meta .order-meta-body > .form {
  align-items: center;
}

.order-meta .order-meta-body > .form > label[for="st"] {
  display: none;
}

@media (max-width: 760px) {
  .left[data-compact-card-ready="1"] {
    gap: 8px;
  }

  .primary-section-title {
    min-height: 34px;
    padding: 0 10px;
  }

  .primary-status-row {
    padding: 8px 10px;
  }

  .primary-status-field {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .primary-status-field select {
    min-height: 42px;
    font-size: 16px;
  }

  .compact-details > summary,
  .secondary-order-sections > details > summary {
    min-height: 44px;
    padding: 0 11px;
  }

  .compact-details-body {
    padding: 10px;
  }

  .compact-details-body .order-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .compact-details-body .order-actions .btn,
  .compact-details-body .order-actions summary {
    width: 100%;
    min-height: 42px;
  }
}


/* Fixed business order: client → status → products → materials → secondary tools. */
.left[data-compact-card-ready="1"] > .panel {
  order: 1 !important;
}
.left[data-compact-card-ready="1"] > .primary-status-section {
  order: 2 !important;
}
.left[data-compact-card-ready="1"] > .section:has(#products) {
  order: 3 !important;
}
.left[data-compact-card-ready="1"] > .materials-section {
  display: block !important;
  order: 4 !important;
}
.left[data-compact-card-ready="1"] > #workerPanel {
  order: 5 !important;
}
.left[data-compact-card-ready="1"] > .secondary-order-sections {
  order: 6 !important;
}


/* Workflow strip is the only visible order status control. Keep the select in DOM for compatibility. */
.primary-status-row {
  display: none !important;
}
.primary-status-section .primary-section-title span {
  font-size: 0;
}
.primary-status-section .primary-section-title span::after {
  content: 'ЭТАПЫ';
  font-size: 12px;
}
.workflow-section > .head {
  display: none;
}


/* Keep the order actions dropdown visible inside the compact card.
   The actions section sits near the bottom of the order card, so open upward. */
.compact-details.compact-actions {
  position: relative;
  overflow: visible;
}
.compact-details.compact-actions[open] {
  z-index: 80;
}
.compact-details.compact-actions .compact-details-body {
  overflow: visible;
}
.compact-details.compact-actions .order-actions-menu[open] > .order-actions-popover {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
  right: 0 !important;
  z-index: 100 !important;
}