account-link { display: inline-flex; flex-shrink: 0; font-size: 14px; }
.accountLink { font-weight: 600; color: #E59842; white-space: nowrap; }
.accountPage { padding-top: 40px; padding-bottom: 64px; }
.accountPage h1 { font-size: 28px; letter-spacing: 0; }
.accountPage h2 { font-size: 20px; letter-spacing: 0; }
.accountPage section { padding: 24px 0; border-top: 1px solid #3D2C20; }
.accountPage [hidden] { display: none; }
.googleSignIn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1px solid #65472f; border-radius: 4px; background: #2D2118; color: #FAF4EB; font: 500 14px Arial, sans-serif; }
.accountPage button, .accountPage select, .accountPage input, .accountPage textarea { min-height: 40px; padding: 8px 12px; border: 1px solid #65472f; border-radius: 4px; background: #1D1711; color: #FAF4EB; font: inherit; }
.accountPage button { cursor: pointer; }
.accountPage button:disabled { opacity: .5; cursor: default; }
.accountPage :focus-visible, .accountLink:focus-visible { outline: 3px solid #E59842; outline-offset: 3px; }
.accountSectionHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.accountSectionHeader h2, .accountSectionHeader p { margin-top: 0; }
.recipeAdminForm { display: grid; gap: 16px; max-width: 900px; }
.recipeAdminForm label { display: grid; gap: 7px; color: #C8BDB0; font-weight: 700; }
.recipeAdminForm textarea { min-height: 96px; resize: vertical; }
.recipeAdminForm input[type="file"] { padding: 7px; }
.aiDraftBox { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; padding: 16px; border: 1px solid #d4ddd6; border-radius: 6px; background: #f8fbf8; }
.aiDraftBox textarea { min-height: 130px; }
.aiDraftActions { display: grid; gap: 8px; }
.formState { padding: 10px 12px; border-radius: 6px; font-weight: 700; }
.formState.pending { background: #3A291B; color: #F0B66A; }
.formState.success { background: #263B2F; color: #B8D8B8; }
.formState.error { background: #49241F; color: #F1B2A6; }
.formGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.rowEditor { display: grid; gap: 12px; margin: 0; padding: 16px; border: 1px solid #3D2C20; border-radius: 6px; background:#1D1711; }
.rowEditor legend { padding: 0 6px; color: #E59842; font-weight: 800; }
.editorRows { display: grid; gap: 10px; }
.editorRow { display: grid; gap: 10px; align-items: end; }
.ingredientRow { grid-template-columns: minmax(180px, 1fr) 130px 110px auto; }
.stepRow { grid-template-columns: minmax(0, 1fr) auto; }
.stepRow textarea { min-height: 84px; }
.removeRow { align-self: end; }
.formActions { display: flex; flex-wrap: wrap; gap: 10px; }
.recipePhotoEditor { min-width: 0; }
.recipePhotoEditor figure { margin: 12px 0 0; max-width: 480px; }
.recipePhotoEditor img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; background: #161616; border-radius: 4px; }
.recipePhotoEditor figcaption { margin-top: 6px; font-size: 13px; color: #C8BDB0; }
.usersTableWrap { overflow-x: auto; }
.accountPage table { border-collapse: collapse; width: 100%; text-align: left; }
.accountPage th, .accountPage td { padding: 12px 8px; border-bottom: 1px solid #3D2C20; overflow-wrap: anywhere; }
.accountPage th { font-size: 13px; }
#more-users { margin-top: 16px; }
@media (max-width: 600px) {
  .nav { flex-wrap: wrap; gap: 12px; }
  .accountSectionHeader, .formActions { flex-direction: column; align-items: stretch; }
  .aiDraftBox { grid-template-columns: 1fr; }
  .formGrid { grid-template-columns: 1fr; }
  .ingredientRow, .stepRow { grid-template-columns: 1fr; }
  .accountPage th, .accountPage td { padding: 10px 4px; font-size: 13px; }
  .accountPage select { padding: 6px; }
}