/* Clinic portal — teal accent */
:root{--accent:#0d9488;--accent-700:#0f766e;--accent-50:#f0fdfa;--accent-100:#ccfbf1}
.doc-card{display:flex;gap:14px;align-items:flex-start}
.doc-card .stars{color:#f59e0b;font-weight:600;font-size:12.5px;display:inline-flex;align-items:center;gap:3px}
.doc-card .stars .i{width:13px;height:13px;fill:#f59e0b;stroke:#f59e0b}
.ex-row{display:flex;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .12s}
.ex-row.done{background:var(--accent-50);border-color:var(--accent-100)}
.ex-thumb{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#e0f2f1,#f0fdfa);display:grid;place-items:center;color:var(--accent);flex:none}
.ex-check{width:26px;height:26px;border-radius:50%;border:2px solid var(--border-strong);display:grid;place-items:center;flex:none;color:#fff;margin-left:auto}
.ex-row.done .ex-check{background:var(--accent);border-color:var(--accent)}
.ex-check .i{width:15px;height:15px}
.ring{position:relative;width:64px;height:64px;flex:none}
.ring svg{transform:rotate(-90deg)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:14px}
.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.qa{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;font:500 11.5px var(--font);color:var(--text-2);cursor:pointer}
.qa .i{color:var(--accent);width:20px;height:20px}
.pain-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.svc-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.note-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--surface-2)}