/* HorecaPodcast · Commenti audio (modules/Comments · Support\AudioUi) — registratore e player compatto.
   Colori e caratteri del kit hp-ui (navy #1E305A, rosso #CA0000, Montserrat / Roboto Condensed). */
.hpca-rec{display:flex;flex-direction:column;gap:10px;border:1px solid #d9dce4;border-left:4px solid #CA0000;border-radius:6px;padding:14px;background:#fff}
.hpca-rec-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.hpca-rec-h b{font:800 18px 'Roboto Condensed',system-ui;text-transform:uppercase;color:#111}
.hpca-rec-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#CA0000;color:#fff}
.hpca-rec-sub{font:600 12px Montserrat,system-ui;color:#4a4f5c}
.hpca-note{margin:0;font-size:14px;line-height:1.5;color:#4a4f5c}
.hpca-stage{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hpca-stage[hidden]{display:none}
.hpca-big{min-height:48px;padding:0 20px;font-size:15px}
.hpca-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#CA0000;box-shadow:0 0 0 3px rgba(202,0,0,.18)}
.hpca-dot.is-on{animation:hpca-blink 1s ease-in-out infinite}
@keyframes hpca-blink{50%{opacity:.25}}
.hpca-file{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#4a4f5c;cursor:pointer;min-height:44px}
.hpca-file input{max-width:220px;font-size:13px}
.hpca-live{display:inline-flex;align-items:center;gap:8px;font:600 14px Montserrat,system-ui;color:#111}
.hpca-live b{font:800 28px/1 'Roboto Condensed',system-ui;min-width:2ch;text-align:right;color:#CA0000}
.hpca-meter{flex:1 1 120px;min-width:100px;height:10px;border-radius:5px;background:#eef1f7;overflow:hidden}
.hpca-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1E305A,#CA0000);transition:width .08s linear}
.hpca-review{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%}
.hpca-review audio{flex:1 1 240px;min-width:0;max-width:100%;height:44px}
.hpca-len{font:700 14px Montserrat,system-ui;color:#1E305A}
.hpca-textlbl{display:flex;flex-direction:column;gap:4px;width:100%}
.hpca-textlbl textarea{min-height:56px}
.hpca-btns{display:flex;flex-wrap:wrap;gap:8px}
.hpca-msg{margin:0;font-size:14px;line-height:1.45;color:#1E305A;min-height:0}
.hpca-msg:empty{display:none}
.hpca-msg.is-err{color:#CA0000;font-weight:600}
.hpca-privacy{margin:0;font-size:12px;line-height:1.45;color:#8a90a0}
.hpca-rec.is-busy{opacity:.7;pointer-events:none}
@media (max-width:600px){.hpca-btns .hpx-btn,.hpca-stage>.hpx-btn{flex:1 1 100%}.hpca-file{width:100%}.hpca-file input{max-width:100%}}

/* player compatto sotto il commento */
.hpca-p{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px;max-width:460px}
.hpca-play{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:0;background:#1E305A;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.hpca-play:hover{background:#CA0000}
.hpca-play:focus-visible,.hpca-track:focus-visible{outline:3px solid #6b85c2;outline-offset:2px}
.hpca-p.is-playing .hpca-play{background:#CA0000}
.hpca-track{flex:1 1 120px;min-width:90px;height:8px;border-radius:4px;background:#d9dce4;position:relative;cursor:pointer;touch-action:none}
.hpca-track::before{content:'';position:absolute;left:0;right:0;top:-14px;bottom:-14px}
.hpca-fill{display:block;height:100%;width:0;border-radius:4px;background:#CA0000}
.hpca-time{font:700 12px Montserrat,system-ui;color:#4a4f5c;font-variant-numeric:tabular-nums}
.hpca-badge{font:700 10px Montserrat,system-ui;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:#eef1f7;color:#1E305A}
.hpca-native{width:100%;max-width:420px;height:40px}
.hpca-native.is-hidden{display:none}
.hpca-unsup{flex-basis:100%;font-size:12px;color:#CA0000}
.hpca-tr{margin-top:4px;font-size:14px;line-height:1.5;color:#4a4f5c}
.hpca-tr summary{cursor:pointer;font:700 12px Montserrat,system-ui;letter-spacing:.06em;text-transform:uppercase;color:#1E305A;min-height:32px;display:flex;align-items:center}
.hpca-tr p{margin:4px 0 0}
.hpca-trnote{margin:4px 0 0;font-size:12px;color:#8a90a0}