/* ההקלטות של הלומד. הכל בנוי על משתני הפלטה, ולכן זה מתהפך
   יחד עם מצב כהה בלי כללים נוספים. */
.lfp-mic{border:none;background:transparent;cursor:pointer;font-size:.85rem;
  line-height:1;padding:2px 3px;opacity:.55;vertical-align:middle}
.lfp-mic:hover{opacity:1}
.lfp-mic:focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:4px}

.lfp-panel{display:block;margin:8px 0;padding:11px 13px;border:1px solid var(--line);
  border-radius:12px;background:var(--card,#fff);box-shadow:var(--shadow);
  font-size:.9rem;max-width:420px;text-align:start}
.lfp-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.lfp-hd b{font-size:1.05rem}
.lfp-tr{color:var(--muted);font-size:.85rem}
.lfp-x{margin-inline-start:auto;border:none;background:none;cursor:pointer;
  color:var(--muted);font-size:.9rem;padding:2px 4px}
.lfp-row{display:flex;align-items:center;gap:8px;padding:4px 0;flex-wrap:wrap}
.lfp-lab{color:var(--muted);font-size:.82rem;min-width:8.5em}
.lfp-row time{color:var(--muted);font-size:.76rem;margin-inline-start:auto}
.lfp-play{border:1px solid var(--line);background:var(--azul-l);color:var(--azul-d);
  border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:.7rem;padding:0;flex:none}
.lfp-play:hover{filter:brightness(.95)}
.lfp-del{border:none;background:none;color:var(--muted);font-size:.78rem;
  cursor:pointer;text-decoration:underline;padding:2px 4px}
.lfp-del:hover{color:var(--red,#c23b2f)}
.lfp-none{color:var(--muted);font-size:.82rem;margin:4px 0}
.lfp-rec{margin-top:8px;border:1px solid var(--line);background:var(--card,#fff);
  color:var(--ink);border-radius:10px;padding:7px 14px;cursor:pointer;
  font:inherit;font-size:.86rem;font-weight:700}
.lfp-rec:hover:not(:disabled){border-color:var(--azul)}
.lfp-rec.on{background:var(--red-l,#fbe9e7);color:var(--red,#c23b2f);border-color:var(--red,#c23b2f)}
.lfp-rec:disabled{opacity:.5;cursor:default}
.lfp-msg{color:var(--muted);font-size:.78rem;margin:6px 0 0;min-height:1em}

/* הרשימה המרוכזת בעמוד האישי */
.lfp-list{display:grid;gap:10px}
.lfp-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;
  background:var(--card,#fff);box-shadow:var(--shadow)}
.lfp-item .lfp-hd{margin-bottom:6px}
.lfp-empty{color:var(--muted)}