/* Ayuda del programa (2026-10-19): clip discreto en la barra superior y panel lateral de chat.
   Solo tokens de app.css. El panel va por id: la regla genérica de diálogos en el móvil
   (dialog[open]:not(…)…) pesa más que una clase y lo dejaría con margen. */
.help-clip-button svg{transform:rotate(-12deg)}
.help-clip-button:hover{background:var(--bg);color:var(--text)}
.help-clip-button:focus-visible{outline:3px solid rgba(31,102,209,.28);outline-offset:2px}
dialog#help-assistant{width:min(440px,100vw);max-width:100vw}
dialog#help-assistant[open]{inset:0 0 0 auto;margin:0;width:min(440px,100vw);height:100dvh;max-height:100dvh;border-radius:0;overflow:hidden}
dialog#help-assistant::backdrop{background:rgba(17,23,20,.32)}
.help-assistant-card{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--surface);border-left:4px solid var(--turquoise);box-shadow:var(--shadow)}
.help-assistant-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}
.help-assistant-head>div:first-child{flex:1;min-width:0}
.help-assistant-head span{display:block;color:var(--blue-dark);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.help-assistant-head h2{margin:4px 0 0;font-size:19px;letter-spacing:-.01em;white-space:nowrap}
.help-assistant-manual{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-align:left;margin:6px 0 0;padding:4px 0;border:0;background:none;color:var(--blue-dark);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:32px}
.help-assistant-head .help-assistant-manual span{display:inline;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none}
.help-assistant-manual svg{width:16px;height:16px;flex:none}
.help-assistant-manual:hover{color:var(--text)}
.help-assistant-manual:disabled{color:var(--muted);cursor:progress;text-decoration:none}
.help-assistant-manual:focus-visible{outline:2px solid var(--turquoise);outline-offset:2px;border-radius:4px}
.help-assistant-head-actions{display:flex;gap:8px;align-items:center;flex:none}
.help-assistant-restart{min-height:44px;padding:0 12px;font-size:13px;white-space:nowrap}
.help-assistant-notice{margin:12px 18px 0;padding:10px 12px;border-left:3px solid var(--amber-strong);background:var(--amber-soft);color:var(--amber);font-size:13px}
.help-assistant-notice.is-blocked{border-left-color:var(--red);background:var(--red-soft);color:var(--red)}
.help-assistant-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:16px 18px}
.help-bubble{max-width:88%;padding:10px 13px;border-radius:12px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.help-bubble p{margin:0}.help-bubble>*+*{margin-top:8px}
.help-bubble ol,.help-bubble ul{margin:0;padding-left:20px}.help-bubble li+li{margin-top:4px}
.help-bubble--assistant{align-self:flex-start;background:var(--thead);color:var(--text);border:1px solid var(--line-inner);border-bottom-left-radius:4px}
.help-bubble--user{align-self:flex-end;background:var(--blue-dark);color:var(--surface);border-bottom-right-radius:4px}
.help-bubble.is-notice{background:var(--amber-soft);border-color:var(--amber-strong);color:var(--amber)}
.help-bubble.is-typing{color:var(--muted)}
.help-typing{display:inline-flex;gap:3px;margin-right:7px;vertical-align:middle}
.help-typing i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:help-typing 1.2s infinite ease-in-out}
.help-typing i:nth-child(2){animation-delay:.15s}.help-typing i:nth-child(3){animation-delay:.3s}
@keyframes help-typing{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media(prefers-reduced-motion:reduce){.help-typing i{animation:none;opacity:.6}}
.help-assistant-form{padding:12px 18px 14px;border-top:1px solid var(--line);background:var(--foot)}
.help-assistant-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.help-assistant-compose{display:flex;gap:8px;align-items:flex-end}
.help-assistant-compose textarea{flex:1;min-height:48px;max-height:140px;resize:vertical;padding:11px 12px;border:1px solid var(--line-control);border-radius:8px;font:inherit;font-size:14px;background:var(--surface);color:var(--text)}
.help-assistant-compose textarea:disabled{background:var(--bg);cursor:not-allowed}
.help-assistant-compose .button{min-height:48px}
.help-assistant-foot{display:flex;justify-content:space-between;gap:10px;margin:8px 0 0;color:var(--muted);font-size:12px}
.help-assistant-foot small{font-size:12px;color:var(--amber);font-weight:700;white-space:nowrap}
@media(max-width:720px){
  /* Mismo tamaño que la agenda y la campana de al lado. */
  .help-clip-button{width:36px;height:36px}
  dialog#help-assistant,dialog#help-assistant[open]{inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}
  .help-assistant-card{border-left:0;border-top:4px solid var(--turquoise)}
  .help-assistant-head{padding:14px 16px 12px}
  .help-assistant-manual{font-size:12px;gap:4px}
  .help-assistant-log{padding:14px 16px}
  .help-assistant-form{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
  .help-assistant-foot{flex-direction:column;gap:2px}
  .help-bubble{max-width:94%}
}
@media(max-width:400px){.help-assistant-head{gap:8px}.help-assistant-head h2{font-size:16px}.help-assistant-head-actions{gap:6px}.help-assistant-restart{padding:0 8px;font-size:12px}}