/* Calendario compartido */
.hcs{border:1px dashed var(--gold,#4f5bd5);border-radius:12px;padding:10px 12px;margin:10px 0;background:rgba(127,127,127,.07)}
.hcs-t{font-weight:700;font-size:13.5px;margin-bottom:4px}.hcs-t i{margin-right:6px;color:var(--gold,#4f5bd5)}
.hcs-op{display:flex;align-items:center;gap:9px;min-height:36px;cursor:pointer;font-size:14px;margin:0}
.hcs-op input{width:18px;height:18px;flex:none}
.hcs-sel{margin-top:6px;padding-top:6px;border-top:1px solid rgba(127,127,127,.25)}
.hcs-u{display:flex;align-items:center;gap:8px;padding:4px 0;flex-wrap:wrap}
.hcs-uc{display:flex;align-items:center;gap:8px;flex:1;min-width:150px;min-height:36px;cursor:pointer;margin:0}
.hcs-uc input{width:18px;height:18px;flex:none}
.hcs-av{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;flex:none}
.hcs-n{font-weight:600}.hcs-warn{font-size:11.5px;color:#b36b00;margin-left:6px}
.hcs-up{min-height:36px;max-width:100%;font-size:13px}
.hcs-nota,.hcs-ro{font-size:12.5px;opacity:.8;margin:6px 0}.hcs-ro{border-left:4px solid var(--gold,#4f5bd5);padding:6px 10px;background:rgba(127,127,127,.08);border-radius:0 8px 8px 0}
.hcs-filtros{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.hcs-f{border:1px solid rgba(127,127,127,.35);background:none;color:inherit;border-radius:99px;padding:6px 13px;font-size:13px;cursor:pointer;min-height:34px}
.hcs-f.on{background:var(--gold,#4f5bd5);border-color:var(--gold,#4f5bd5);color:var(--on-accent,#fff)}
.hcs-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:rgba(127,127,127,.18);margin-left:6px;vertical-align:middle;white-space:nowrap}
@media(max-width:520px){.hcs-up{width:100%}}

/* El modal que lleva el bloque «Quién lo ve» puede ser más alto que la pantalla: se desplaza por dentro y los botones siguen alcanzables. */
.modal:has(.hcs){max-height:calc(100vh - 24px); overflow-y:auto; overscroll-behavior:contain;}
.modal:has(.hcs) .modal-actions{position:sticky; bottom:-22px; background:var(--white); padding-top:10px; margin-bottom:-4px;}