/* NorthStar — Common utility classes shared across all pages */

/* ── Status lines ── */
.status     { font-size:13px; min-height:18px; color:var(--muted) }
.status.ok  { color:#16a34a }
.status.err { color:#dc2626 }

/* ── Buttons ── */
.btn        { background:var(--nav-accent); color:#fff; padding:9px 16px; border-radius:8px; border:none; cursor:pointer; font-size:14px; font-family:inherit; font-weight:600 }
.btn:disabled { opacity:0.5; cursor:not-allowed }
.btn-sm     { padding:6px 12px; font-size:12px }
.btn-ghost  { background:#f3f6f9; color:#374151; border:1px solid #e6eef6; padding:8px 14px; border-radius:8px; cursor:pointer; font-size:13px; font-family:inherit }
.btn-ghost:hover { background:#e6eef6 }
.btn-danger { background:#fee2e2; color:#dc2626; border:1px solid #fecaca; padding:8px 12px; border-radius:8px; cursor:pointer; font-size:13px; font-family:inherit }
.btn-danger:hover { background:#fecaca }
.btn-teal   { background:var(--teal); color:#fff; padding:9px 16px; border-radius:8px; border:none; cursor:pointer; font-size:13px; font-family:inherit; font-weight:600 }
.btn-teal:disabled { opacity:0.5; cursor:not-allowed }

/* ── Cards ── */
.card       { background:#fff; border-radius:10px; padding:20px; box-shadow:0 2px 8px rgba(15,23,36,0.06); margin-bottom:14px; border:1px solid #e6eef6 }
.card-title { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; color:#94a3b8; margin:0 0 14px }

/* ── Form fields ── */
.field-group       { display:flex; flex-direction:column; gap:5px }
.field-group label { font-size:12px; font-weight:600; color:#374151; text-transform:uppercase; letter-spacing:0.04em }
.field { padding:8px 10px; border:1px solid #e6eef6; border-radius:7px; font-size:14px; font-family:inherit; background:#fff; color:#0f1724 }
.field:focus { outline:none; border-color:var(--teal); box-shadow:0 0 0 2px rgba(14,165,164,0.15) }
select.field, input.field, textarea.field { width:100% }
textarea.field { min-height:80px; resize:vertical }

/* ── Badge base ── */
.badge { display:inline-block; font-size:11px; font-weight:700; padding:3px 9px; border-radius:20px }