/* Floating help and side panel adapted from LPMania's ajuda.css. */
.cw-help-fab { position:fixed; bottom:calc(48px + env(safe-area-inset-bottom, 0px)); right:24px; z-index:1050; display:flex; align-items:center; gap:9px; padding:12px 22px; border:0; border-radius:50px; background:linear-gradient(135deg,#d9a441,#b8862d); color:#fff; box-shadow:0 4px 18px #0005; font:inherit; font-size:15px; font-weight:600; cursor:pointer; }
.cw-help-fab:hover { background:#a97823; }
.cw-help-fab:focus-visible, .cw-help-dialog button:focus-visible, .cw-help-dialog textarea:focus-visible { outline:3px solid #ffde59; outline-offset:3px; }
.mud-dialog.cw-help-dialog { position:fixed; inset:0 0 0 auto; margin:0; width:400px; max-width:100vw; height:100dvh; max-height:100dvh; border-radius:0; background:linear-gradient(180deg,#111827,#0f172a); color:#e5e7eb; border-left:1px solid #ffffff14; overflow:auto; }
.cw-help-dialog .cw-help-content { padding:0; flex:1; display:flex; }
.cw-help-panel { width:100%; display:flex; flex-direction:column; min-height:100%; font:15px/1.6 'Segoe UI',sans-serif; }
.cw-help-header { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid #ffffff14; }
.cw-help-header h2 { margin:0; font-size:20px; color:#ffde59; }
.cw-help-close { border:0; background:transparent; color:#e5e7eb; font-size:28px; width:40px; height:40px; cursor:pointer; }
.cw-help-body { flex:1; padding:24px; }
.cw-help-body p { margin:0 0 16px; }
.cw-help-body label { display:block; margin-bottom:8px; font-weight:600; }
.cw-help-body textarea { display:block; width:100%; box-sizing:border-box; min-height:120px; resize:vertical; padding:12px 14px; margin-bottom:14px; border:1px solid #ffffff30; border-radius:8px; background:#ffffff0f; color:#f9fafb; font:inherit; }
.cw-help-body textarea::placeholder { color:#aab3c3; }
.cw-help-send, .cw-help-new { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; border:0; border-radius:8px; padding:11px 16px; background:linear-gradient(135deg,#d9a441,#b8862d); color:#fff; font:inherit; font-weight:600; cursor:pointer; }
.cw-help-dialog button:disabled { opacity:.5; cursor:default; }
.cw-help-answer { margin-top:22px; padding:16px; border-radius:10px; border:1px solid #ffffff14; background:#ffffff0a; white-space:pre-wrap; overflow-wrap:anywhere; }
.cw-help-new { margin:14px 0 20px; background:#ffffff14; border:1px solid #ffffff30; }
.cw-help-error { color:#fca5a5; margin-top:16px !important; }
.cw-help-note { font-size:12px; color:#aab3c3; margin-top:20px !important; }
.cw-help-footer { padding:20px 24px calc(20px + env(safe-area-inset-bottom, 0px)); border-top:1px solid #ffffff14; }
.cw-help-footer button { background:transparent; border:1px solid #ffffff40; border-radius:6px; color:#e5e7eb; padding:8px 10px; margin:0 6px 8px 0; font:inherit; font-size:13px; cursor:pointer; }
.cw-help-footer p { margin:0; color:#aab3c3; font-size:12px; }
.cw-help-spinner { width:16px; height:16px; border:2px solid #ffffff50; border-top-color:#fff; border-radius:50%; animation:cw-help-spin .8s linear infinite; }
@keyframes cw-help-spin { to { transform:rotate(360deg); } }
@media (max-width:480px) { .cw-help-fab { right:16px; padding:10px 16px; } .cw-help-body { padding:20px; } }
@media (prefers-reduced-motion:reduce) { .cw-help-spinner { animation:none; } }