/* BidFlow MVP local styles (no CDN). 
   Purpose: consistent UI without external network access. */

:root{
  --bg:#f8fafc;
  --card:#ffffff;
  --border:#e2e8f0;
  --text:#0f172a;
  --muted:#475569;
  --muted2:#64748b;
  --sky:#0284c7;
  --sky2:#0369a1;
  --rose:#e11d48;
  --rose2:#be123c;
  --emerald:#047857;
  --emeraldBg:#ecfdf5;
  --roseBg:#fff1f2;
  --skyBg:#f0f9ff;
  --shadow:0 1px 2px rgba(15,23,42,.06);
  --r-lg:12px;
  --r-xl:16px;
  --r-2xl:24px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}
a{color:var(--sky);text-decoration:none}
a:hover{text-decoration:underline}
table{border-collapse:collapse}

/* Layout helpers */
.max-w-6xl{max-width:72rem}
.max-w-3xl{max-width:48rem}
.max-w-2xl{max-width:42rem}
.max-w-xl{max-width:36rem}
.max-w-md{max-width:28rem}
.max-w-\[420px\]{max-width:420px}
.mx-auto{margin-left:auto;margin-right:auto}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-10{margin-top:2.5rem}
.mb-4{margin-bottom:1rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.space-y-2 > * + *{margin-top:.5rem}
.space-y-3 > * + *{margin-top:.75rem}

.flex{display:flex}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}
.justify-end{justify-content:flex-end}
.min-w-\[220px\]{min-width:220px}

@media (min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:col-span-2{grid-column:span 2 / span 2}
}

/* Typography */
.text-left{text-align:left}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.tracking-tight{letter-spacing:-.02em}
.font-medium{font-weight:600}
.font-semibold{font-weight:700}
.font-bold{font-weight:800}
.font-mono{font-family:var(--mono)}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-pre-wrap{white-space:pre-wrap}
.break-all{word-break:break-all}
.overflow-hidden{overflow:hidden}

/* Colors */
.bg-white{background:var(--card)}
.bg-slate-50{background:var(--bg)}
.bg-slate-100{background:#f1f5f9}
.bg-slate-900{background:var(--text)}
.bg-sky-50{background:var(--skyBg)}
.bg-sky-600{background:var(--sky)}
.bg-rose-50{background:var(--roseBg)}
.bg-rose-600{background:var(--rose)}
.bg-emerald-50{background:var(--emeraldBg)}
.text-slate-900{color:var(--text)}
.text-slate-700{color:#334155}
.text-slate-600{color:var(--muted)}
.text-slate-500{color:var(--muted2)}
.text-sky-600{color:var(--sky)}
.text-sky-900{color:#0c4a6e}
.text-rose-700{color:var(--rose2)}
.text-rose-900{color:#881337}
.text-emerald-700{color:var(--emerald)}
.text-emerald-900{color:var(--emerald)}
.text-white{color:#fff}

/* Borders / radius / shadow */
.border{border:1px solid var(--border)}
.border-b{border-bottom:1px solid var(--border)}
.border-sky-200{border-color:#bae6fd}
.border-rose-200{border-color:#fecdd3}
.border-emerald-200{border-color:#a7f3d0}
.rounded-lg{border-radius:var(--r-lg)}
.rounded-xl{border-radius:var(--r-xl)}
.rounded-2xl{border-radius:var(--r-2xl)}
.shadow-sm{box-shadow:var(--shadow)}

/* Sizing */
.w-full{width:100%}
.w-9{width:2.25rem}
.h-9{height:2.25rem}

/* Buttons / inputs */
input,select,textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:var(--r-xl);
  padding:.55rem .75rem;
  background:#fff;
  color:var(--text);
}
textarea{resize:vertical}
button{
  border:1px solid var(--border);
  border-radius:var(--r-xl);
  padding:.55rem .9rem;
  background:#fff;
  cursor:pointer;
}
button:hover{filter:brightness(.98)}
.hover\:bg-slate-50:hover{background:#f8fafc}
.hover\:bg-slate-800:hover{background:#1f2937}
.hover\:bg-sky-700:hover{background:var(--sky2)}
.hover\:bg-rose-700:hover{background:var(--rose2)}
.hover\:text-slate-900:hover{color:var(--text)}
.hover\:underline:hover{text-decoration:underline}

/* Logo gradient placeholder */
.bg-gradient-to-br{background:linear-gradient(135deg, #0284c7, #34d399)}
.from-sky-500{}
.to-emerald-400{}