/* Dictaplay Médecine: on top of app.css (same tokens, cards, buttons, dark theme) */
.credit{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--okbg);color:var(--okink);border:1px solid var(--okline)}
.credit.low{background:var(--warnbg);color:var(--warnink);border-color:var(--warnline)}
.credit.out{background:var(--badbg);color:var(--badink);border-color:var(--badline)}
.uilang{font-size:12px;padding:2px 4px;border-radius:6px;border:1px solid var(--line2);background:var(--surface);color:var(--ink)}
.menu{display:inline-flex;gap:6px}
.menu .btn{font-size:12px;padding:3px 9px}
.remind{font-size:13px;color:var(--warnink);background:var(--warnbg);border:1px solid var(--warnline);border-radius:8px;padding:6px 10px;margin-bottom:10px}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.recbtn{min-width:120px}
.recbtn.rec{background:var(--rec);border-color:var(--rec);color:#fff}
.phase{font-size:13px;color:var(--muted)}
.phase.rec{color:var(--rec);font-weight:600}
textarea.dict{width:100%;min-height:140px;resize:vertical;border:1px solid var(--line2);border-radius:8px;padding:10px;
              background:var(--surface);color:var(--ink);font-family:var(--docfont);font-size:14px;line-height:1.5}
textarea.dict[readonly]{background:var(--soft)}
.docrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 6px}
.docrow select{max-width:100%;padding:5px;border-radius:6px;border:1px solid var(--line2);background:var(--surface);color:var(--ink)}
.doc{border:1px solid var(--line2);border-radius:8px;padding:12px 14px;min-height:80px;background:var(--surface);
     font-family:var(--docfont);font-size:var(--docsize);line-height:1.45;white-space:pre-wrap;outline:none}
.doc:focus{border-color:var(--accent)}
.doc .dt{font-weight:700;margin-bottom:8px}
.doc .dh{font-weight:700;margin-top:8px}
.doc mark{background:var(--target);color:inherit;border-radius:2px}
.doc.empty{color:var(--muted);font-family:inherit;font-size:13px}
.notes{list-style:none;margin:0;padding:0}
.notes li{display:flex;gap:8px;align-items:baseline;padding:5px 2px;border-bottom:1px solid var(--cardline);cursor:pointer}
.notes li:hover{background:var(--soft)}
.notes .nd{font-size:12px;color:var(--muted);min-width:110px}
.notes .nt{flex:1}
.notes .nv{color:var(--ok);font-size:12px}
.modalbg{position:fixed;inset:0;background:rgba(10,20,35,.45);display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;z-index:50;overflow:auto}
.modal{max-width:640px;width:100%}
.tplitem{display:flex;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid var(--cardline)}
.tplitem .nm{flex:1}
textarea.tplbody{width:100%;min-height:150px;font-family:var(--docfont);font-size:13px;border:1px solid var(--line2);border-radius:8px;padding:8px;background:var(--surface);color:var(--ink)}
.field{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.field select,.field input{padding:6px;border-radius:6px;border:1px solid var(--line2);background:var(--surface);color:var(--ink)}
@media (max-width:600px){.toolbar .recbtn{flex:1 1 100%;min-width:0;padding:12px}.toolbar .spacer{display:none}
  .docrow select{flex:1 1 100%}.docrow .btn{flex:1}}