/* CENTRO-AYUDA-v1 */
.rya-panel{
  position:fixed;
  inset:0 0 0 auto;
  width:min(440px,100vw);
  height:100vh;
  margin:0;
  padding:0;
  border:0;
  border-left:1px solid var(--border-color,#cbd5e1);
  background:var(--bg-color,#fff);
  color:var(--text-color,#172033);
  z-index:10000;
  box-shadow:-8px 0 24px #0003;
  font:16px system-ui,sans-serif;
}
.rya-panel::backdrop{background:#0006}
.rya-panel[open]{display:flex;flex-direction:column}
.rya-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #94a3b8}
.rya-panel h1{font-size:20px;margin:0}
.rya-panel h2{font-size:18px;margin:22px 0 8px}
.rya-panel h3{font-size:16px;margin:16px 0 6px}
.rya-panel input{min-height:40px;margin:12px 16px;padding:8px;border:1px solid #64748b;border-radius:6px;background:inherit;color:inherit}
.rya-body{overflow:auto;padding:0 16px 24px}
.rya-status{min-height:24px;margin:4px 16px;color:inherit}
.rya-link,.rya-back,.rya-retry{
  display:block;
  min-height:40px;
  margin:6px 0;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.rya-link:hover,.rya-back:hover,.rya-retry:hover{background:#64748b22}
.rya-back{border-color:#64748b}
.rya-close,.rya-help,.rya-i{
  min-width:40px;
  min-height:40px;
  border:0;
  border-radius:50%;
  cursor:pointer;
  background:transparent;
  color:inherit;
  font-size:22px;
}
.rya-help{display:inline-flex;align-items:center;justify-content:center}
.rya-i{font-size:18px;border:1px solid currentColor}
.rya-panel button:focus-visible,.rya-panel input:focus-visible,.rya-help:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
@media(max-width:360px){.rya-help{min-width:40px;padding:0}.rya-panel{width:100vw}}
@media (prefers-color-scheme: dark) {
  .rya-panel{--bg-color:#111827;--text-color:#f8fafc;--border-color:#475569}
  .rya-panel input{border-color:#94a3b8}
}