/* ==========================================================================
   Pizza Noob — shared base stylesheet
   Extracted from duplicated inline <style> blocks across all pages.

   Scope note: only declarations that were byte-identical (or safely
   mergeable) across the files that use them are included here. Where a
   class exists on multiple pages with different sizing/spacing (buttons,
   .panel padding, form.inline layout), only the common core is centralized;
   each page keeps a small local override for the properties that differ,
   loaded after this file so the existing cascade order is unchanged and no
   page's visual appearance changes as a result of this extraction.
   ========================================================================== */

/* ===== Palette (full set — not every page uses every variable) ===== */
:root{
  --flour:#F3ECD8; --crumb:#FFFDF6; --crust:#2A211B; --crust-soft:#4A3D34;
  --ember:#C1440E; --ember-dark:#9A350A; --basil:#5B6B3F; --line:#D9CBA3; --gold:#B8891A;
}

/* ===== Global reset (every page) ===== */
*{box-sizing:border-box;}

/* ===== Buttons
   Base font/border/cursor only. font-size, padding, display, and
   box-shadow vary by page (recipes.php/recipe_form.php use a larger
   button; moderate.php/users.php a smaller one; profile.php its own
   size) — those stay as local overrides in each page's own <style>. */
.btn{font-family:'Inter',sans-serif;font-weight:600;border:none;border-radius:3px;cursor:pointer;}
.btn-primary{background:var(--ember);color:var(--crumb);}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--crust);}
.btn-danger{background:transparent;border:1.5px solid var(--ember);color:var(--ember-dark);}
.btn-warn{background:transparent;border:1.5px solid #b35b5b;color:#8a3b3b;}
.btn-basil{background:transparent;border:1.5px solid var(--basil);color:var(--basil);}

/* ===== Error box (identical everywhere it appears) ===== */
.error{background:#FBE7DE;border:1px solid var(--ember);color:var(--ember-dark);padding:10px 12px;border-radius:3px;font-size:13px;margin-bottom:16px;}

/* ===== Success box — core colors only.
   Two different sizings exist today: the admin/recipe pages (moderate,
   users, profile, recipes, recipe_form) use padding:10px 12px/font-size:13px/
   margin-bottom:16px; the public auth pages (activate, forgot_password,
   forgot_username, reset_password) use a roomier padding:14px/font-size:13.5px/
   line-height:1.6 plus a `.success a` link style. Each page keeps its own
   local override for those properties so nothing visually changes. */
.success{background:#EAEEDF;border:1px solid var(--basil);color:var(--basil);border-radius:3px;}

/* ===== Panel
   Core look only. moderate.php/users.php/profile.php share the exact
   same padding/margin-bottom too, so those are included here; recipe_form.php
   uses different padding/margin-bottom plus extra scroll/overflow rules and
   overrides them locally after this file loads. */
.panel{background:var(--crumb);border:1px solid var(--line);border-radius:6px;padding:22px;margin-bottom:20px;}

/* ===== Back link (identical everywhere) ===== */
a.back{color:var(--crust-soft);font-size:13.5px;text-decoration:none;}
a.back:hover{color:var(--crust);}

/* ===== Badges (Manage Users / Moderate Users) ===== */
.badge{font-family:'JetBrains Mono',monospace;font-size:10.5px;border-radius:20px;padding:2px 8px;display:inline-block;}
.badge.active{background:#EAEEDF;color:var(--basil);border:1px solid var(--basil);}
.badge.inactive{background:#F0E4E4;color:#8a3b3b;border:1px solid #b35b5b;}
.badge.pending{background:#FBE7DE;color:var(--ember-dark);border:1px solid var(--ember);}
.badge.blocked{background:#F0E4E4;color:#8a3b3b;border:1px solid #b35b5b;}

/* ===== "you" chip next to your own name in a user list (Manage/Moderate Users) ===== */
.you{font-family:'JetBrains Mono',monospace;font-size:10.5px;background:var(--flour);border:1px solid var(--line);
     border-radius:20px;padding:2px 7px;margin-left:6px;color:var(--crust-soft);}

/* ===== Row action groups (Manage/Moderate Users) ===== */
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}

/* ===== Admin tables (Manage Users / Moderate Users only — no other page has a <table>) ===== */
table{width:100%;border-collapse:collapse;font-size:13.5px;}
th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--crust-soft);
   border-bottom:1.5px solid var(--crust);padding:8px 6px;}
td{padding:10px 6px;border-bottom:1px dotted var(--line);vertical-align:middle;}
@media (max-width:600px){
  table, thead, tbody, th, td, tr{display:block;}
  th{display:none;}
  td{border-bottom:none;padding:4px 0;}
  tr{border-bottom:1px dotted var(--line);padding-bottom:10px;margin-bottom:10px;}
}

/* ===== Inline action forms (Manage/Moderate Users — e.g. per-row delete/reset buttons)
   recipes.php uses the same class name for a different, simpler layout
   (display:inline) and overrides this locally after this file loads. */
form.inline{display:inline-flex;gap:6px;align-items:center;margin:0;}