/* "Chat with Nicolas" on the Life Atelier dashboard (therapist interface, increment 2). */
.atelier-chat-door{display:flex;align-items:center;gap:16px;margin-top:22px;padding:14px 18px;border:1px solid #d4c5b3;border-radius:10px 20px 9px 18px;background:linear-gradient(145deg,#fffaf2,#f1e9f2);box-shadow:0 9px 25px #6247330c}
.atelier-chat-door .chat-door-mark{position:relative;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#765f71;color:#fff8ee;font:20px Baskerville,"Palatino Linotype",Georgia,serif;flex:none}
.atelier-chat-door .chat-door-text{flex:1;min-width:0}
.atelier-chat-door strong{display:block;font:normal 20px Baskerville,"Palatino Linotype",Georgia,serif;color:#443d3a}
.atelier-chat-door .chat-door-status{font-size:12px;color:#716a63}
.atelier-chat-door .chat-door-status.new{color:#a14f37;font-weight:600}
.atelier-chat-door .chat-door-open{flex:none;border-radius:22px 8px 20px 9px;background:#765f71;border-color:#765f71;color:#fff8ee;font-weight:600;font-size:12px;padding:10px 16px}
.atelier-chat-door .chat-door-open:hover{background:#5f4b5b}
.chat-badge{position:absolute;top:-5px;right:-7px;min-width:18px;height:18px;border-radius:999px;background:#b8553d;color:#fff;font:600 11px/18px Arial,sans-serif;text-align:center;padding:0 5px}

.atelier-chat-panel{width:min(100%,760px);margin:0 auto;padding:clamp(20px,4vw,48px) 16px;position:relative;z-index:1}
.atelier-chat-panel .chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.atelier-chat-panel h2{font:normal 34px Georgia,serif;margin:0 0 4px}
.atelier-chat-panel .chat-intro{margin:0 0 14px;color:#655e57;font-size:13px;line-height:1.5}
.chat-box{display:flex;flex-direction:column;border:1px solid #dfd3c6;border-radius:18px;background:#fffdf9;overflow:hidden;height:min(64vh,620px);min-height:360px}
.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.chat-sys{align-self:center;background:#f4efe6;border-radius:999px;padding:4px 14px;font-size:12px;color:#777773;text-align:center;max-width:95%}
.chat-bub{max-width:86%;border-radius:16px;padding:10px 14px;border:1px solid #e7e2d9;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}
.chat-bub .chat-time{font-size:11px;color:#8b867e;margin-top:4px;white-space:normal}
.chat-bub.mine{align-self:flex-end;background:#f0e3db;border-color:#f0e3db}
.chat-compose{border-top:1px solid #e7e2d9;padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;background:#fff}
.chat-compose .chat-row{display:flex;gap:8px;align-items:flex-end}
.chat-compose .chat-row.between{justify-content:space-between;align-items:center}
.chat-compose textarea{flex:1;resize:none;border:1px solid #deded9;border-radius:20px;padding:9px 14px;min-height:40px;max-height:160px;line-height:1.4;background:#fff}
.chat-compose .chat-send{min-height:40px}
.chat-turn{font-size:12px;color:#777773}
.chat-count{font-size:12px;color:#777773;white-space:nowrap}
.chat-count.over{color:#b8553d;font-weight:600}
.chat-error{color:#b8553d;font-size:12px}
.chat-error:empty{display:none}
@media(max-width:620px){.atelier-chat-door{flex-wrap:wrap}.atelier-chat-door .chat-door-open{width:100%}.atelier-chat-panel h2{font-size:28px}}

html[data-theme="dark"] .atelier-chat-door{background:linear-gradient(145deg,#272c2e,#2d2a31);border-color:#5b5553;box-shadow:0 9px 25px #0003}
html[data-theme="dark"] .atelier-chat-door strong{color:var(--ink)}
html[data-theme="dark"] .atelier-chat-door .chat-door-status{color:#cfcbc3}
html[data-theme="dark"] .atelier-chat-door .chat-door-status.new{color:#f0a88f}
html[data-theme="dark"] .atelier-chat-door .chat-door-open{background:#8a7385;border-color:#8a7385;color:#fff}
html[data-theme="dark"] .atelier-chat-panel .chat-intro{color:var(--muted)}
html[data-theme="dark"] .chat-box{background:#1d2224;border-color:var(--line)}
html[data-theme="dark"] .chat-sys{background:#2b3234;color:var(--muted)}
html[data-theme="dark"] .chat-bub{background:#252c2e;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .chat-bub.mine{background:#4a3c40;border-color:#4a3c40}
html[data-theme="dark"] .chat-bub .chat-time{color:#aaa9a3}
html[data-theme="dark"] .chat-compose{background:#1d2224;border-color:var(--line)}
html[data-theme="dark"] .chat-turn,html[data-theme="dark"] .chat-count{color:var(--muted)}