#panoromic-form-wrap { max-width:800px; margin:0 auto; background:#fff; padding:20px; border:1px solid #eee; }
.step { margin-bottom:20px; }
.step label { display:block; margin-bottom:10px; }
.panormic-success { background:#e6ffed; padding:10px; border:1px solid #c1f2d0; }

.pan-error { color:#b00020; margin-top:6px; font-size:.95em; }
button[disabled], input[disabled] { opacity:0.6; cursor:not-allowed; }
#main-cats .pan-error, .subcat-wrap .pan-error { margin-top:8px; }

/* ---- Panoromic success card (nice confirmation) ---- */
.panoromic-success-card {
  max-width: 800px;
  margin: 28px auto;
  padding: 22px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(21, 28, 40, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.panoromic-success-card h2 { margin: 0 0 8px; font-size: 20px; color:#112; }
.panoromic-success-card .panoromic-success-lead { margin: 6px 0 12px; color:#333; }
.panoromic-success-meta { margin: 12px 0; display:block; }
.panoromic-success-meta dt { font-weight:600; color:#444; float:left; width:120px; clear:left; }
.panoromic-success-meta dd { margin:0 0 8px 130px; color:#111; font-weight:600; }
.panoromic-success-code { font-family: monospace; background:#f6f8fb; padding:6px 10px; border-radius:6px; display:inline-block; color:#0b57a4; }

/* actions */
.panoromic-success-actions { margin-top:14px; }
.panoromic-button {
  display:inline-block; margin-right:10px; padding:8px 14px; background:#0b57a4; color:#fff; text-decoration:none; border-radius:8px;
}
.panoromic-link { color:#0b57a4; text-decoration:underline; margin-left:8px; }

/* small note */
.panoromic-note { margin-top:12px; color:#666; font-size:13px; }