/* OS V52 — diagnóstico objetivo, adicionais e integração com PDV */
#order-detail .os-tech-workbench-v52 {
  display: grid;
  gap: 12px;
}

#order-detail .os-reported-issue-v52 {
  display: grid;
  gap: 4px;
  padding: 11px 13px;
  border-left: 3px solid var(--os-blue);
  border-radius: 0 11px 11px 0;
  background: var(--os-blue-soft);
}

#order-detail .os-reported-issue-v52 small,
#order-detail .os-extra-item-v52 small {
  color: var(--muted);
  font-size: 10px;
}

#order-detail .os-reported-issue-v52 strong { font-size: 13px; }

#order-detail .os-diagnosis-field-v52 {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

#order-detail .os-diagnosis-field-v52 textarea {
  width: 100%;
  min-height: 125px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-3);
  color: var(--text);
  resize: vertical;
}

#order-detail .os-save-diagnosis-v52 { justify-self: end; }

#order-detail .os-extra-service-v52 {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

#order-detail .os-extra-head-v52 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

#order-detail .os-extra-head-v52 h4,
#order-detail .os-extra-head-v52 p { margin: 0; }
#order-detail .os-extra-head-v52 h4 { font-size: 14px; }
#order-detail .os-extra-head-v52 p { margin-top: 3px; color: var(--muted); font-size: 10px; }
#order-detail .os-extra-head-v52 > span { padding: 5px 8px; border-radius: 999px; background: rgba(231,169,39,.13); color: var(--os-amber); font-size: 9px; font-weight: 900; white-space: nowrap; }

#order-detail .os-extra-form-v52 {
  display: grid;
  grid-template-columns: 1.1fr 1.4fr .7fr .7fr .9fr auto;
  gap: 7px;
  align-items: end;
}

#order-detail .os-extra-form-v52 label {
  display: grid;
  min-width: 0;
  gap: 4px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
}

#order-detail .os-extra-form-v52 input,
#order-detail .os-extra-form-v52 select {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 0 9px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--surface-3);
  color: var(--text);
  font-size: 10px;
}

#order-detail .os-extra-form-v52 button { min-height: 38px; white-space: nowrap; }
#order-detail .os-extra-list-v52 { display: grid; gap: 6px; }
#order-detail .os-extra-empty-v52 { padding: 12px; border: 1px dashed var(--border); border-radius: 10px; color: var(--muted); font-size: 10px; text-align: center; }

#order-detail .os-extra-item-v52 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 28px;
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}

#order-detail .os-extra-item-v52 strong,
#order-detail .os-extra-item-v52 small { display: block; }
#order-detail .os-extra-item-v52 > div > strong { font-size: 11px; }
#order-detail .os-extra-item-v52 > span { color: var(--os-green); font-size: 11px; font-weight: 900; text-align: right; }
#order-detail .os-extra-item-v52 button { width: 28px; height: 28px; border: 0; border-radius: 8px; background: rgba(239,83,100,.12); color: var(--os-red); }

/* Financeiro compacto: cobrança acontece somente no PDV */
#order-detail .os-finance-v52 { display: grid; gap: 11px; }
#order-detail .os-finance-status-v52 { padding: 5px 8px; border-radius: 999px; background: rgba(231,169,39,.12); color: var(--os-amber) !important; font-size: 9px !important; font-weight: 900; }
#order-detail .os-finance-status-v52.paid { background: rgba(24,185,121,.12); color: var(--os-green) !important; }
#order-detail .os-balance-v52 { padding: 10px !important; border: 1px solid rgba(20,141,255,.25) !important; border-radius: 10px; background: var(--os-blue-soft); }
#order-detail .os-balance-v52 strong { color: var(--os-blue); font-size: 16px; }
#order-detail .os-finance-internal-v52 { border-top: 1px solid var(--border); padding-top: 9px; }
#order-detail .os-finance-internal-v52 summary { cursor: pointer; color: var(--muted); font-size: 10px; font-weight: 800; }
#order-detail .os-finance-internal-v52 .os-money-v49 { margin-top: 9px; }
#order-detail .os-send-pdv-v52 { display: grid; gap: 9px; }
#order-detail .os-send-pdv-v52 p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
#order-detail .os-send-pdv-v52 button { width: 100%; min-height: 43px; }
#order-detail .os-sale-linked-v52 { display: grid; gap: 3px; padding: 10px; border: 1px solid rgba(24,185,121,.24); border-radius: 11px; background: rgba(24,185,121,.07); }
#order-detail .os-sale-linked-v52 strong { color: var(--os-green); font-size: 11px; }
#order-detail .os-sale-linked-v52 span,
#order-detail .os-sale-linked-v52 small { color: var(--muted); font-size: 9px; }
#order-detail .os-sale-linked-v52 button { margin-top: 6px; min-height: 37px; }
#order-detail .os-finance-helper-v52 { padding: 9px; border-radius: 9px; background: rgba(255,255,255,.025); }

/* Miniaturas fixas: quatro fotos por linha em desktop, sem imagens gigantes */
#order-detail .os-gallery-v52 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 160px)) !important;
  grid-auto-rows: 120px;
  gap: 9px !important;
  justify-content: start;
  align-items: start;
}

#order-detail .os-gallery-v52 > .os-photo-thumb,
#order-detail .os-gallery-v52 > .os-photo-thumb-wrap {
  width: 100% !important;
  height: 120px !important;
  min-width: 0 !important;
  max-width: 160px !important;
  margin: 0 !important;
}

#order-detail .os-gallery-v52 .os-photo-thumb {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
}

#order-detail .os-gallery-v52 .os-photo-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

@media (max-width: 1180px) {
  #order-detail .os-extra-form-v52 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #order-detail .os-extra-form-v52 button { width: 100%; }
}

@media (max-width: 700px) {
  #order-detail .os-extra-head-v52 { display: grid; }
  #order-detail .os-extra-head-v52 > span { justify-self: start; }
  #order-detail .os-extra-form-v52 { grid-template-columns: minmax(0,1fr); }
  #order-detail .os-save-diagnosis-v52 { width: 100%; }
  #order-detail .os-gallery-v52 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; grid-auto-rows: 105px; }
  #order-detail .os-gallery-v52 > .os-photo-thumb,
  #order-detail .os-gallery-v52 > .os-photo-thumb-wrap { max-width: none !important; height: 105px !important; }
}