.ns-manuales-modal[hidden]{display:none!important}
.ns-manuales-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}
.ns-manuales-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.68);backdrop-filter:blur(4px)}
.ns-manuales-panel{position:relative;width:min(760px,100%);max-height:min(720px,90vh);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 28px 80px rgba(2,8,23,.32);padding:24px}
.ns-manuales-panel header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #e2e8f0;padding-bottom:18px;margin-bottom:18px}
.ns-manuales-panel h2{margin:3px 0 5px;color:#0f172a;font-size:25px}
.ns-manuales-panel p{margin:0;color:#64748b;font-size:14px}
.ns-manuales-eyebrow{font-size:11px;font-weight:900;letter-spacing:.1em;color:#2563eb}
.ns-manuales-close{width:42px;height:42px;border:0;border-radius:14px;background:#f1f5f9;color:#0f172a;font-size:28px;line-height:1;cursor:pointer}
.ns-manuales-lista{display:grid;gap:12px}
.ns-manual-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #e2e8f0;border-radius:18px;padding:15px;background:#fff}
.ns-manual-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fee2e2;color:#991b1b;font-weight:900;font-size:13px}
.ns-manual-info strong{display:block;color:#0f172a;font-size:15px;margin-bottom:4px}
.ns-manual-info span{display:block;color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-manual-actions{display:flex;gap:8px}
.ns-manual-actions button{border:0;border-radius:12px;padding:10px 14px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer;margin:0;width:auto}
.ns-manual-actions button.secondary{background:#e2e8f0;color:#0f172a}
.ns-manuales-cargando,.ns-manuales-vacio,.ns-manuales-error{padding:28px;text-align:center;border-radius:16px;background:#f8fafc;color:#475569}
.ns-manuales-error{background:#fef2f2;color:#991b1b}
body.ns-manuales-open{overflow:hidden}
@media(max-width:620px){
  .ns-manuales-modal{padding:10px;align-items:end}
  .ns-manuales-panel{border-radius:22px 22px 0 0;padding:18px;max-height:88vh}
  .ns-manual-card{grid-template-columns:48px 1fr}
  .ns-manual-icon{width:46px;height:46px}
  .ns-manual-actions{grid-column:1/-1}
  .ns-manual-actions button{flex:1}
}