/* Patient Grow */
* { -webkit-tap-highlight-color: transparent; }
.card { background: #fff; border-radius: 1rem; border: 1px solid #e5e7eb; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-weight:600; border-radius:.75rem; padding:.75rem 1.25rem; transition:all .15s; cursor:pointer; }
.btn-primary { background:#0e7a5f; color:#fff; }
.btn-primary:hover { background:#0b6650; }
.btn-primary:disabled { background:#9ca3af; cursor:not-allowed; }
.btn-ghost { background:#f3f4f6; color:#374151; }
.btn-ghost:hover { background:#e5e7eb; }
.btn-danger { background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }
.input { width:100%; border:1px solid #d1d5db; border-radius:.75rem; padding:.7rem 1rem; font-size:.95rem; outline:none; transition:border .15s; background:#fff; }
.input:focus { border-color:#0e7a5f; box-shadow:0 0 0 3px rgba(14,122,95,.12); }
.label { display:block; font-size:.85rem; font-weight:600; color:#374151; margin-bottom:.35rem; }
.badge { display:inline-flex; align-items:center; gap:.25rem; font-size:.72rem; font-weight:700; padding:.2rem .6rem; border-radius:9999px; }
.grade-pill { display:inline-flex; align-items:center; justify-content:center; width:2.6rem; height:2.6rem; border-radius:9999px; font-weight:800; font-size:1.1rem; color:#fff; }
.likert-btn { flex:1; padding:.9rem 0; border:2px solid #e5e7eb; border-radius:.75rem; font-weight:700; font-size:1.05rem; background:#fff; transition:all .12s; cursor:pointer; }
.likert-btn.on { border-color:#0e7a5f; background:#eef7f4; color:#0e7a5f; }
.fade-in { animation: fadeIn .25s ease; }
@keyframes fadeIn { from { opacity:0; transform:translateY(6px);} to { opacity:1; transform:none;} }
.toast { animation: fadeIn .2s ease; }
.progress-bar { height:.5rem; border-radius:9999px; background:#e5e7eb; overflow:hidden; }
.progress-bar > div { height:100%; background:#0e7a5f; border-radius:9999px; transition:width .3s; }
.tab-btn { padding:.6rem 1rem; border-radius:.75rem; font-weight:600; font-size:.9rem; color:#6b7280; }
.tab-btn.on { background:#0e7a5f; color:#fff; }
.step-dot { width:2rem; height:2rem; border-radius:9999px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem; }