body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; }
.wrap { max-width: 860px; margin: 0 auto; padding: 16px; }
label { display:block; margin-top: 12px; margin-bottom: 6px; font-weight: 600; }
textarea, input { width:100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; }
button { margin-top: 14px; padding: 10px 14px; border-radius: 10px; border: 0; cursor: pointer; }
.out { margin-top: 14px; padding: 12px; border: 1px solid #ddd; border-radius: 10px; }
.row { margin-top: 12px; }
.chk { display:flex; gap:10px; align-items:center; font-weight: 500; }
pre { overflow:auto; background:#f6f6f6; padding: 10px; border-radius: 8px; }

/* === RECIPEAPP_ADMIN_OVERRIDES === */
.grid { grid-template-columns: 1fr !important; }
header { align-items: flex-start !important; }
.top-links { justify-content: flex-start !important; position: static !important; right: auto !important; }
textarea, .input, .out { width: 100% !important; max-width: 100% !important; }
.card { width: 100% !important; }

/* === RECIPEAPP_ADMIN_OVERRIDES_V2 === */
.grid { grid-template-columns: 1fr !important; }
.top-links { justify-content: flex-start !important; }
.label { display:block; margin: 12px 0 6px; font-weight: 700; }
.row { margin-top: 12px; }
.chk { display:flex; gap:10px; align-items:center; }
.out { margin-top: 14px; padding: 12px; border: 1px solid rgba(148,163,184,0.35); border-radius: 1rem; }

/* === ADMIN_CHECKBOX_ROW === */
.chk { display:flex; align-items:center; justify-content:flex-start; gap:10px; }
.chk input { margin: 0; }


/* === GENIMG_LEFT_V1 === */
.row { display:flex; justify-content:flex-start; }
.chk { justify-content:flex-start; }

/* === GENIMG_NOWRAP === */
.chk { white-space: nowrap; }

/* Keep explicit action buttons on-brand even though this file also has a generic button reset. */
.action-btn {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(56,189,248,0.45) !important;
  cursor: pointer;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  background: rgba(56,189,248,0.16) !important;
  background-color: rgba(56,189,248,0.16) !important;
  background-image: none !important;
  text-decoration: none;
  font: inherit;
  line-height: 1.2;
  box-shadow: none;
}

.action-btn:hover {
  border-color: rgba(56,189,248,0.7) !important;
  background: rgba(56,189,248,0.22) !important;
  background-color: rgba(56,189,248,0.22) !important;
}

.action-btn:disabled {
  opacity: 0.65;
  cursor: default;
}

.action-btn-sm {
  padding: 8px 12px;
}