/* Always-available help panel, using the active Tradefold palette. */
.remove-photo-button[hidden],.help-widget[hidden],.help-tab-panel[hidden],.help-result p[hidden] { display:none !important; }
.remove-photo-button { white-space:nowrap; }
.help-fab { position:fixed;z-index:49;right:22px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;min-height:49px;padding:7px 16px 7px 8px;border:1px solid var(--accent);border-radius:999px;background:var(--accent-strong);color:#fff;box-shadow:0 12px 30px #15291f33;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.help-fab:hover,.help-fab:focus-visible { transform:translateY(-3px);box-shadow:0 16px 34px #15291f44; }
.help-fab:focus-visible,.help-widget button:focus-visible,.help-widget input:focus-visible,.help-widget textarea:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
.help-fab-icon { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff2a;font-size:19px;line-height:1; }
.help-widget { position:fixed;z-index:50;right:22px;bottom:calc(80px + env(safe-area-inset-bottom));display:flex;flex-direction:column;width:min(390px,calc(100vw - 30px));height:min(625px,calc(100dvh - 112px));overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--ink);box-shadow:0 22px 60px #16291d40;animation:help-panel-enter .23s cubic-bezier(.2,.8,.2,1) both; }
@keyframes help-panel-enter { from { opacity:0;transform:translateY(12px) scale(.98); } to { opacity:1;transform:translateY(0) scale(1); } }
.help-widget-header { display:flex;align-items:center;gap:11px;padding:16px 17px 15px;background:var(--accent-strong);color:#fff; }
.help-widget-brand { display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;background:#ffffff29;font-size:19px; }
.help-widget-header small { display:block;font:600 9px 'DM Mono',monospace;letter-spacing:.7px;opacity:.75; }
.help-widget-header h2 { margin:3px 0 0;font:700 17px 'Manrope',sans-serif;letter-spacing:-.3px; }
.help-widget-close { display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:0;border-radius:8px;background:#ffffff20;color:#fff;font-size:23px;line-height:1;cursor:pointer; }
.help-widget-close:hover { background:#ffffff36; }
.help-widget-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 8px 0;border-bottom:1px solid var(--line); }
.help-widget-tabs button { min-width:0;padding:10px 4px 11px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:650 11px 'DM Sans',sans-serif;cursor:pointer;transition:color .16s,border-color .16s; }
.help-widget-tabs button:hover { color:var(--ink); }
.help-widget-tabs button.active { border-color:var(--accent);color:var(--accent-ink); }
.help-widget-body { display:flex;flex:1;min-height:0;overflow:hidden; }
.help-tab-panel { display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;padding:15px; }
.help-search-label { margin-bottom:7px;font-size:11px;font-weight:700; }
.help-tab-panel input,.help-team-form textarea { width:100%;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--ink);font:500 12px 'DM Sans',sans-serif; }
.help-tab-panel input::placeholder,.help-team-form textarea::placeholder { color:var(--muted);opacity:.8; }
.help-results { display:grid;align-content:start;gap:8px;flex:1;min-height:0;margin-top:12px;overflow:auto;padding-right:2px; }
.help-result { border:1px solid var(--line);border-radius:9px;background:var(--soft); }
.help-result button { display:block;width:100%;padding:11px 12px;border:0;background:transparent;color:var(--ink);text-align:left;font:650 12px/1.45 'DM Sans',sans-serif;cursor:pointer; }
.help-result button:after { content:'⌄';float:right;margin-left:5px;color:var(--accent-ink); }
.help-result button[aria-expanded="true"]:after { content:'⌃'; }
.help-result p { margin:0;padding:0 12px 12px;color:var(--muted);font-size:11px;line-height:1.6; }
.help-empty { color:var(--muted);font-size:12px;line-height:1.5; }
.help-mode-note { margin-bottom:10px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.5; }
.help-messages { display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px;min-height:0;overflow:auto;padding:2px 3px 10px 0; }
.help-message { max-width:92%;padding:9px 11px;border:1px solid var(--line);border-radius:11px 11px 11px 3px;background:var(--soft); }
.help-message.user { align-self:flex-end;border-color:var(--accent);border-radius:11px 11px 3px 11px;background:var(--accent-soft); }
.help-message small { color:var(--accent-ink);font:650 8px 'DM Mono',monospace;letter-spacing:.5px; }
.help-message p { margin:4px 0 0;color:var(--ink);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere; }
.help-chat-form { display:flex;gap:7px;padding-top:10px;border-top:1px solid var(--line); }
.help-chat-form input { flex:1; }
.help-chat-form button { display:grid;place-items:center;flex:none;width:38px;border:0;border-radius:9px;background:var(--accent-strong);color:#fff;font-size:19px;cursor:pointer; }
.help-team-form { display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--line); }
.help-team-form label { display:grid;gap:5px;color:var(--ink);font-size:10px;font-weight:700; }
.help-team-form textarea { resize:vertical;min-height:66px;max-height:140px; }
.help-team-form .button { justify-self:end; }
.help-widget-footer { padding:9px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.4; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media (max-width:620px) { .help-fab { right:13px;bottom:calc(13px + env(safe-area-inset-bottom));padding-right:13px; } .help-widget { right:10px;bottom:calc(72px + env(safe-area-inset-bottom));width:calc(100vw - 20px);height:min(625px,calc(100dvh - 88px)); } .help-widget-tabs button { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .help-widget { animation:none; } .help-fab,.help-widget-tabs button { transition:none; } }
.help-clear-drafts { align-self:flex-end;margin:0 0 6px;padding:4px 2px;border:0;background:transparent;color:var(--muted);font:600 10px 'DM Sans',sans-serif;text-decoration:underline;cursor:pointer; }
.help-clear-drafts:hover { color:var(--red); }
.help-clear-drafts[hidden] { display:none; }