/* Mel's drawer (relocation-ui/mel.cljs): a labelled button bottom-right and a panel on the right edge, in the page's
   plain white theme (app.css holds the colours and the base letter). Full width on a phone. Top to bottom: who answers,
   the turns with their proposals, the ready-made buttons, the box, the commands, and "Mais opções". */
.mel-fab{position:fixed;right:16px;bottom:16px;z-index:60;min-height:56px;padding:.6rem 1.2rem;border-radius:28px;background:var(--accent);color:#fff;border:3px solid #fff;outline:2px solid var(--accent);font-size:1.1rem}
.mel-fab:focus-visible{outline:4px solid var(--ink)}
.mel-panel{position:fixed;top:0;right:0;bottom:0;z-index:55;width:min(30rem,100vw);background:var(--bg);border-left:3px solid var(--ink);display:flex;flex-direction:column;gap:.5rem;padding:1rem;overflow-y:auto}
.mel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}
.mel-head strong{font-size:1.3rem}
.mel-state{margin:0;padding:.5rem .75rem;border:2px solid var(--line);border-radius:var(--r);background:var(--bg)}
.mel-state p{margin:0 0 .25rem}
.mel-presets,.mel-more,.mel-more-body,.mel-pick,.mel-providers{display:grid;gap:.5rem}
.mel-presets{border-top:2px solid var(--line);padding-top:.5rem}
.mel-presets button{text-align:left;font-size:1.1rem}
.mel-more-body{gap:1rem}
.mel-providers p,.mel-providers ul{margin-bottom:0}
.mel-sessions{border-bottom:2px solid var(--line);padding:.5rem 0}
.mel-sessions .row{justify-content:space-between}
.mel-session{display:grid;gap:.5rem;padding:.5rem;border-radius:var(--r)}
.mel-session.current{border:4px solid var(--accent);background:var(--bg)}
.mel-session a{display:block;min-height:48px;padding:.5rem 0;color:var(--ink)}
.mel-session.current a{font-weight:700}
.mel-turns{flex:1 0 auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}
.mel-turn{display:flex;flex-direction:column}
.mel-turn.user{align-items:flex-end}
.mel-turn.assistant{align-items:flex-start}
.mel-turn .bubble{max-width:92%;padding:.5rem .75rem;border:2px solid var(--line);border-radius:var(--r);white-space:pre-wrap}
.mel-turn.user .bubble{background:var(--accent);border-color:var(--accent);color:#fff}
.mel-turn.user .bubble::before{content:"Você: ";font-weight:700}
.mel-turn.assistant .bubble::before{content:"Mel: ";font-weight:700}
.mel-cards{display:grid;gap:.5rem;margin-top:.5rem;max-width:92%}
.mel-cards .note,.mel-by{margin:0}
.mel-card{display:grid;gap:.5rem;padding:.5rem .75rem;border:2px dashed var(--accent);border-radius:var(--r)}
.mel-card.applied{border-style:solid;border-color:var(--ok)}
.mel-card .said{margin:0}
.mel-compose{display:grid;gap:.5rem;border-top:2px solid var(--line);padding-top:.5rem}
.mel-panel .error{margin:0}