/* =========================
   File: /MENUS1/stations/station.css
   Tuscany Cuisine — Station CSS (SCOPED SAFE)
   Applies ONLY to station pages:
   body[data-station] or body[data-stations]
   ========================= */

body[data-station],
body[data-stations]{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0f172a;
  background:#f8fafc;
  font-size:16px;
  line-height:1.35;
}

body[data-station] * ,
body[data-stations] * { box-sizing:border-box; }

body[data-station] a,
body[data-stations] a{ color:#8b1e3f; text-decoration:none; }
body[data-station] a:hover,
body[data-stations] a:hover{ text-decoration:underline; }

body[data-station] h1,
body[data-stations] h1{ font-size:28px; margin:0; line-height:1.2; }
body[data-station] h2,
body[data-stations] h2{ font-size:22px; margin:0; line-height:1.2; }
body[data-station] h3,
body[data-stations] h3{ font-size:18px; margin:0; line-height:1.2; }

body[data-station] .wrap,
body[data-stations] .wrap{ max-width:1200px; margin:20px auto; padding:0 16px; }

body[data-station] .cols,
body[data-stations] .cols{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
@media (max-width:980px){
  body[data-station] .cols,
  body[data-stations] .cols{ grid-template-columns:1fr; }
}

body[data-station] .panel,
body[data-stations] .panel{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  min-width:0;
}

body[data-station] .empty,
body[data-stations] .empty{
  color:#64748b;
  padding:10px;
  border:1px dashed #cbd5e1;
  border-radius:10px;
  background:#f8fafc;
}

body[data-station] .topbar,
body[data-stations] .topbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:16px 0;
}
body[data-station] .actions,
body[data-stations] .actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

body[data-station] .badge,
body[data-stations] .badge{
  display:inline-block;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#166534;
  padding:4px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
}

body[data-station] .station-hero,
body[data-stations] .station-hero{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid #e5e7eb;
  margin:14px 0;
  display:block;
}

body[data-station] .tbtn,
body[data-stations] .tbtn{
  appearance:none;
  border:1px solid #e5e7eb;
  background:#111827;
  color:#fff;
  padding:8px 12px;
  border-radius:12px;
  font-weight:800;
  cursor:pointer;
  font-size:14px;
  line-height:1.2;
}
body[data-station] .tbtn.secondary,
body[data-stations] .tbtn.secondary{ background:#fff; color:#111827; }
body[data-station] .tbtn:disabled,
body[data-stations] .tbtn:disabled{ opacity:.55; cursor:not-allowed; }

body[data-station] .pill,
body[data-stations] .pill{
  display:inline-flex;
  gap:8px;
  align-items:center;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:999px;
  padding:6px 10px;
}
body[data-station] .pill strong,
body[data-stations] .pill strong{ font-size:12px; }

body[data-station] .pill input,
body[data-station] .pill select,
body[data-stations] .pill input,
body[data-stations] .pill select{
  width:140px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:6px 8px;
  background:#fff;
  font-size:14px;
  line-height:1.2;
}
body[data-station] .pill select,
body[data-stations] .pill select{ width:150px; }

body[data-station] .small,
body[data-stations] .small{ color:#64748b; font-size:12px; }
body[data-station] .hint,
body[data-stations] .hint{ color:#475569; font-size:13px; }
body[data-station] .mono,
body[data-stations] .mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; }

/* Pick list table: never overflow page */
body[data-station] .plistWrap,
body[data-stations] .plistWrap{ overflow:auto; max-width:100%; }

body[data-station] table.plist,
body[data-stations] table.plist{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  font-size:14px;
}

body[data-station] .plist th,
body[data-station] .plist td,
body[data-stations] .plist th,
body[data-stations] .plist td{
  border-bottom:1px solid #eef2f7;
  padding:8px 10px;
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
}
body[data-station] .plist td:first-child,
body[data-stations] .plist td:first-child{ white-space:normal; }

body[data-station] .plist th,
body[data-stations] .plist th{
  color:#475569;
  font-weight:900;
  font-size:12px;
  background:#f8fafc;
  position:sticky;
  top:0;
  z-index:1;
}
body[data-station] .qty,
body[data-stations] .qty{
  text-align:right;
  font-variant-numeric:tabular-nums;
}

/* station-core rows */
body[data-station] .row,
body[data-stations] .row{ padding:10px 0; border-bottom:1px solid #eef2f7; }
body[data-station] .row:last-child,
body[data-stations] .row:last-child{ border-bottom:0; }
body[data-station] .row .title,
body[data-stations] .row .title{ font-weight:900; margin-bottom:4px; font-size:14px; }
body[data-station] .row .meta,
body[data-stations] .row .meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#475569;
  font-size:13px;
}
body[data-station] .row .meta b,
body[data-stations] .row .meta b{ color:#0f172a; }