/* HCPF/assets/portal.css — PCHC simplified theme (DB-served) */
:root {
  --bg: #0e0f12;
  --panel: #171a21;
  --ink: #e9eef5;
  --muted: #aab4c2;
  --brand: #4cc2ff;
  --brand-600: #19a6ef;
  --accent: #36d399;
  --warn: #ffbd4a;
  --danger: #ff6b6b;
  --radius: 12px;
  --shadow: 0 6px 18px rgba(0,0,0,.25);
  --gap: 14px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

* { box-sizing: border-box; }
html, body { height:100%; background:var(--bg); color:var(--ink); font-family:var(--font); }
a { color: var(--brand); text-decoration: none; }
a:hover { color: var(--brand-600); text-decoration: underline; }

.hcpf-container { max-width: 1080px; margin: 24px auto; padding: 0 16px; }
.hcpf-panel { background: var(--panel); border-radius: var(--radius); padding: 18px; box-shadow: var(--shadow); }
.hcpf-header { display:flex; flex-wrap:wrap; align-items:center; gap: var(--gap); margin-bottom: 12px; }
.hcpf-title { font-size: 1.35rem; font-weight: 700; margin: 0; }
.hcpf-sub { color: var(--muted); font-size: .95rem; }

.hcpf-form label { display:block; font-weight:600; margin:10px 0 6px; }
.hcpf-input, .hcpf-select, .hcpf-textarea {
  width:100%; border:1px solid #2a2f3a; background:#0f1218; color:var(--ink);
  padding:10px 12px; border-radius:10px;
}
.hcpf-textarea { min-height: 160px; }
.hcpf-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top: 14px; }

.btn { border:0; border-radius:10px; padding:10px 14px; cursor:pointer; font-weight:700; }
.btn-primary { background: var(--brand); color:#0a0a0a; }
.btn-primary:hover { background: var(--brand-600); }
.btn-ghost { background: transparent; border:1px solid #2a2f3a; color:var(--ink); }
.btn-warn { background: var(--warn); color:#1b1609; }
.btn-danger { background: var(--danger); color:#1b0a0a; }

.hcpf-grid { display:grid; gap: var(--gap); }
.hcpf-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.hcpf-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width:900px){ .hcpf-2, .hcpf-3 { grid-template-columns: 1fr; } }

.card { background:#11151c; border:1px solid #212a37; border-radius: var(--radius); padding:14px; box-shadow: var(--shadow); }
.card h3 { margin:0 0 6px; font-size:1.15rem; }
.badge { display:inline-block; border-radius:999px; padding:4px 10px; font-size:.8rem; border:1px solid #2f3a47; color:var(--muted); }
.badge.ok { border-color: var(--accent); color: var(--accent); }
.badge.warn { border-color: var(--warn); color: var(--warn); }
.badge.now { border-color: var(--brand); color: var(--brand); }

.table { width:100%; border-collapse: collapse; }
.table th, .table td { padding:10px; border-bottom:1px solid #242c38; text-align: left; }
.table th { color: var(--muted); font-weight:700; }