.project-clone-form,
.project-template-form { display: grid; gap: 18px; }
.project-clone-intro h3 { margin: 2px 0 6px; }
.project-clone-intro p:last-child { margin: 0; color: var(--muted, #5f6b76); }
.project-clone-steps { display: grid; grid-template-columns: repeat(var(--project-clone-step-count, 4), minmax(0, 1fr)); gap: 6px; list-style: none; padding: 0; margin: 0; }
.project-clone-steps li { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 8px; border-bottom: 2px solid #d8dee5; color: #68737d; font-size: .82rem; }
.project-clone-steps li span { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; background: #e8edf1; font-weight: 700; }
.project-clone-steps li.is-active { border-color: #087f5b; color: #075d45; font-weight: 700; }
.project-clone-steps li.is-active span { background: #087f5b; color: white; }
.project-clone-scope-grid { display: grid; gap: 10px; }
.project-clone-scope-card { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid #ccd5dc; border-radius: 6px; background: #f8fafb; cursor: pointer; }
.project-clone-scope-card:has(input:checked) { border-color: #16815f; background: #eef9f5; box-shadow: inset 4px 0 #16815f; }
.project-clone-scope-card input { margin-top: 3px; }
.project-clone-scope-card span { display: grid; gap: 4px; }
.project-clone-scope-card small { color: #596771; line-height: 1.4; }
.project-clone-summary-grid,
.standard-product-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.project-clone-summary-grid span,
.standard-product-stats span { padding: 10px; border: 1px solid #d9e0e5; border-radius: 5px; background: #f8fafb; color: #56636d; font-size: .82rem; }
.project-clone-summary-grid strong,
.standard-product-stats strong { display: block; color: #18323e; font-size: 1.08rem; }
.project-clone-reset-note { padding: 14px; border-left: 4px solid #2673a6; background: #edf6fb; }
.project-clone-reset-note p { margin: 5px 0 0; }
.project-clone-confirm { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border: 1px solid #e3b341; background: #fff9e8; border-radius: 5px; }
.project-clone-missing-files ul { display: grid; gap: 7px; margin: 10px 0 14px; padding-left: 20px; }
.project-clone-missing-files li { padding-left: 2px; }
.project-clone-missing-files li span { display: block; color: #6c5405; font-size: .82rem; }
.project-clone-confirm-missing { margin-top: 10px; border-color: #c58918; background: #fff5d6; }
.project-clone-actions { display: flex; align-items: center; gap: 8px; padding-top: 4px; border-top: 1px solid #e2e7eb; }
.project-clone-action-spacer { flex: 1; }
.project-template-scope-fields { display: grid; gap: 8px; padding: 14px; border: 1px solid #d6dde3; border-radius: 6px; }
.project-template-scope-fields legend { padding: 0 6px; font-weight: 700; }
.standard-product-shell { display: grid; gap: 16px; }
.standard-product-toolbar { display: flex; justify-content: flex-end; }
.standard-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.standard-product-card { display: grid; gap: 14px; min-height: 280px; padding: 18px; border: 1px solid #cad4dc; border-radius: 7px; background: linear-gradient(145deg, #fff 0%, #f5faf8 100%); box-shadow: 0 5px 18px rgba(18, 42, 54, .07); }
.standard-product-card.is-archived { opacity: .7; filter: grayscale(.25); }
.standard-product-card > header,
.standard-product-card > footer,
.standard-product-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.standard-product-card > div:nth-child(2) { min-height: 104px; }
.standard-product-card h3 { margin: 3px 0 8px; font-size: 1.12rem; }
.standard-product-card p { margin: 0; }
.standard-product-card footer { align-items: flex-end; margin-top: auto; padding-top: 12px; border-top: 1px solid #dde5e9; color: #64717a; font-size: .8rem; }
.standard-product-code { display: inline-flex; padding: 5px 8px; border-radius: 4px; background: #153b46; color: #fff; font-weight: 800; letter-spacing: 0; }
.standard-version-list { display: grid; gap: 10px; }
.standard-version-row { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(220px, .8fr) auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid #e0e6ea; }
.standard-version-row > div:first-child { display: grid; gap: 5px; }
.standard-version-row p { margin: 0; }
.project-clone-origin-banner { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-left: 4px solid #167a5b; background: #f1faf6; }
.project-clone-origin-banner p { margin: 4px 0 0; }
.project-clone-origin-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

@media (max-width: 720px) {
  .project-clone-steps li { justify-content: center; padding: 6px 2px; font-size: 0; }
  .project-clone-steps li span { font-size: .8rem; }
  .standard-product-grid { grid-template-columns: 1fr; }
  .standard-product-card { min-height: 0; }
  .standard-product-card > footer,
  .standard-product-detail-head { flex-direction: column; align-items: stretch; }
  .standard-version-row { grid-template-columns: 1fr; }
  .project-clone-origin-banner { align-items: stretch; flex-direction: column; }
  .project-clone-origin-actions { justify-content: stretch; }
  .project-clone-origin-actions .button { flex: 1 1 auto; }
  .project-clone-actions .button { min-height: 44px; }
}