:root{color-scheme:light;--bg:#f3f5f2;--panel:#fff;--ink:#182a25;--muted:#68756e;--green:#15573f;--mint:#e5f2e9;--line:#e0e6df;--amber:#955b16;--light:#f8faf7}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a.button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,a.button:hover{border-color:var(--green)}button.primary{background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.5;cursor:default}input,textarea,select{background:white;border:1px solid var(--line);border-radius:8px;padding:10px;width:100%;min-width:0}textarea{resize:vertical;min-height:84px}label{display:grid;gap:5px;font-size:12px}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.8px}h2{font-size:16px}h3{font-size:13px}.muted{color:var(--muted);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:var(--green);font-weight:700}.top{max-width:1500px;margin:auto;padding:22px 26px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px}.avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:var(--green);color:white;font-weight:650;letter-spacing:1px;font-size:13px}.top nav{display:flex;gap:17px;align-items:center;font-size:12px}.top nav a{text-decoration:none}.localbar{padding:9px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;background:#eef2eb}.localbar strong{color:var(--green)}.page{max-width:1500px;margin:auto;padding:20px 26px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar input{flex:1}.toolbar select{width:auto;max-width:220px}.stats{display:flex;gap:10px;margin-bottom:18px}.stat{border:1px solid var(--line);background:white;border-radius:11px;flex:1;padding:12px 16px;display:flex;align-items:baseline;gap:9px}.stat strong{font-size:24px;letter-spacing:-1px}.stat span{font-size:12px;color:var(--muted)}.layout{display:grid;grid-template-columns:280px minmax(300px,1fr) 275px;gap:15px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.pad{padding:17px}.listtop{padding:16px;border-bottom:1px solid var(--line)}.dossier{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 16px;display:block;text-align:left}.dossier.active{background:var(--mint);box-shadow:inset 3px 0 var(--green)}.row{display:flex;justify-content:space-between;gap:9px;align-items:center}.dossier p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;margin:4px 0;color:var(--muted)}.count{border-radius:20px;background:var(--green);color:white;padding:1px 6px;font-size:10px}.tag{font-size:10px;background:var(--mint);color:var(--green);border-radius:5px;padding:3px 6px;display:inline-block}.tag.warn{background:#fff1db;color:var(--amber)}.conversationhead{padding:18px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.conversationhead .avatar{background:var(--mint);color:var(--green)}.thread{height:390px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:13px;background:var(--light)}.bubble{max-width:88%;align-self:flex-start;padding:11px 13px;border:1px solid var(--line);border-radius:12px 12px 12px 2px;background:white;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.equipe{align-self:flex-end;background:var(--mint);border-color:#d4e7d7;border-radius:12px 12px 2px 12px}.bubble.note{background:#fff5dd;border-color:#f0e3be;max-width:100%;align-self:stretch;border-radius:8px}.bubble.evenement{align-self:center;border:0;background:transparent;color:var(--muted);font-size:11px;text-align:center;max-width:100%;padding:2px}.bubble small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.bubble img{max-width:100%;max-height:260px;border-radius:7px;display:block;margin-top:7px}.composer{padding:15px;border-top:1px solid var(--line)}.composer textarea{margin:8px 0}.composer footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.quick{display:flex;gap:6px;flex-wrap:wrap}.quick button{font-size:11px;padding:5px 8px;background:var(--light)}.aside{display:grid;gap:14px}.aside form{display:grid;gap:11px}.aside h2{margin-bottom:9px}.aside p{margin-bottom:10px}.aside button{width:100%}.sep{height:1px;background:var(--line);margin:15px 0}.notice{font-size:12px;color:var(--green);min-height:23px;margin:7px 0}.notice.error{color:#a03026}.empty{color:var(--muted);padding:35px 15px;text-align:center;font-size:13px}.linkbox{font-size:11px;overflow-wrap:anywhere;background:var(--light);padding:10px;border-radius:8px;display:grid;gap:9px}.linkbox a{font-weight:600}details summary{cursor:pointer;font-size:12px;color:var(--green)}details form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.setup{margin-bottom:16px}.check{display:flex;align-items:center;gap:7px;font-size:12px}.check input{width:auto}.next{color:var(--amber);font-size:11px}main.client{max-width:760px;margin:auto;padding:25px 18px}main.client .thread{height:clamp(300px,51vh,560px)}main.client .bubble.client{align-self:flex-end;background:var(--mint);border-color:#d4e7d7}main.client .bubble.equipe{align-self:flex-start;background:white;border-color:var(--line)}.appointment{padding:15px 18px;background:var(--mint);border-bottom:1px solid var(--line)}.appointment p{font-size:12px}.clientfooter{text-align:center;padding:14px;color:var(--muted);font-size:11px}.presence{width:6px;height:6px;border-radius:50%;background:#4c8f65;display:inline-block;margin-right:5px}[hidden]{display:none!important}.managergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px}.managercard{background:white;border:1px solid var(--line);border-radius:10px;padding:13px}.managercard p{font-size:12px;margin-top:5px;color:var(--muted)}.attachments{display:flex;gap:10px;align-items:center;font-size:11px}.attachments input{font-size:11px;padding:4px}.copyhelp{margin-top:9px;line-height:1.5}.warning{color:var(--amber)}@media(max-width:980px){.layout{grid-template-columns:250px minmax(300px,1fr)}.aside{grid-column:1/-1;grid-template-columns:1fr 1fr}.thread{height:420px}}@media(max-width:700px){.top{padding:18px 14px;flex-wrap:wrap}.top nav{flex-wrap:wrap}.page{padding:15px 12px}.localbar{padding:9px 14px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar select{flex:1;max-width:100%;width:100%}.layout{grid-template-columns:minmax(0,1fr)}.aside{grid-template-columns:1fr}.thread{height:360px}.stats{gap:5px}.stat{padding:8px;display:block}.stat strong{display:block;font-size:21px}.stat span{font-size:10px}.listitems{max-height:240px;overflow:auto}details form{grid-template-columns:1fr 1fr}main.client{padding:15px 9px}.composer footer{flex-wrap:wrap}.conversationhead{padding:15px}.bubble{max-width:94%}}

.photo-label{position:relative;overflow:hidden;display:inline-block;border:1px solid var(--line);padding:6px 9px;border-radius:8px;cursor:pointer;font-size:12px}.photo-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.attachments .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.top .avatar{box-shadow:0 5px 15px #15573f20}.panel{box-shadow:0 5px 22px #173d2505}.thread{background-color:#f4f5ee;background-image:radial-gradient(#b8c7b729 .8px,transparent .8px);background-size:15px 15px}.conversationhead{background:#fcfdfb}.composer textarea{border-radius:12px;background:#fafbf8}.composer textarea:focus,input:focus,select:focus{outline:2px solid #b9d6c3;outline-offset:1px}.top h1{font-weight:650}main.client .avatar{border-radius:50%}.quick button{border-radius:16px}.quick button:hover{background:var(--mint)}

@media(min-width:981px){body:has(.page){height:100dvh;overflow:hidden}.top{height:88px}.localbar{min-height:36px}.page{height:calc(100dvh - 124px);display:flex;flex-direction:column;padding-top:14px;padding-bottom:14px}.stats{margin-bottom:10px}.stat{padding:7px 14px}.stat strong{font-size:22px}.setup{padding:0;background:transparent;border:0;box-shadow:none;margin-bottom:10px}.setup[open]{background:white;border:1px solid var(--line);padding:12px;overflow:auto;max-height:190px;flex-shrink:0}.toolbar{margin-bottom:2px}.notice{margin:5px 0;min-height:18px}.layout{flex:1;min-height:0;align-items:stretch}.layout>section.panel:nth-child(2){display:flex;flex-direction:column}.layout>section.panel:first-child{display:flex;flex-direction:column}.listitems{overflow:auto;flex:1}.thread{height:auto;flex:1;min-height:100px}.composer{padding:11px 14px}.composer textarea{min-height:54px;height:54px;margin:7px 0}.conversationhead{padding:12px 17px}.aside{min-height:0;overflow:auto;align-content:start;scrollbar-width:thin}.managergrid{max-height:110px;overflow:auto;flex-shrink:0}}
main.client .thread{height:clamp(220px,42dvh,460px)}main.client .composer textarea{min-height:65px}main.client h1{font-size:23px}.attachments{margin-top:5px}.thread{scrollbar-width:thin;scroll-behavior:smooth}

.composer{position:relative}.composer>label.muted{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important}.composer footer .attachments{margin:0;flex-shrink:0}.composer footer .check{font-size:10px;flex:1}.composer footer button[type=submit]{font-size:12px}.attachments .filename{max-width:70px}.attachments button{padding:6px 9px}.photo-label{padding:6px 9px}.thread{scroll-behavior:auto}@media(min-width:981px){.aside{display:block}.aside>.panel{margin-bottom:14px}.composer textarea{min-height:54px;height:54px}.composer{padding-top:10px}}

.composer.private-mode{background:#fff9eb}.composer.private-mode textarea{background:#fffdf7;border-color:#e7d7b3}.composer.private-mode button[type=submit]{background:#8b641e;border-color:#8b641e}

main.client{height:100dvh;display:flex;flex-direction:column;padding-top:18px;padding-bottom:12px}main.client>section.panel{flex:1;min-height:0;display:flex;flex-direction:column}main.client .thread{height:auto;min-height:160px;flex:1}main.client .composer textarea{min-height:54px;height:54px}main.client .composer{padding:12px}.clientfooter{padding:8px;margin:0}main.client .notice{min-height:18px;margin:3px 0}main.client>header.brand{margin-bottom:10px!important}main.client>p.muted{margin-bottom:10px!important}@media(max-width:700px){main.client{height:100dvh;padding-top:12px}main.client h1{font-size:21px}main.client .conversationhead{padding:10px 14px}main.client .appointment{padding:10px 14px}main.client .composer footer>.muted{display:none}main.client .composer footer{flex-wrap:nowrap}}

@media(min-width:981px) and (max-width:1200px){.layout{grid-template-columns:220px minmax(300px,1fr)230px;gap:12px}.top h1{font-size:22px}.top nav{max-width:60%;gap:8px 12px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.top nav button{padding:6px 9px}.page{padding-left:20px;padding-right:20px}.composer footer{gap:7px}.composer footer .check{font-size:9px}.composer footer button[type=submit]{font-size:11px;padding:8px}.composer .quick button{font-size:10px}.composer footer .attachments{gap:5px}}

.demoquick{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.aside .demoquick button{width:auto;font-size:11px;padding:6px 9px}.toolbar #scenario{max-width:180px}.top nav{flex-wrap:wrap;justify-content:flex-end}.top nav a{white-space:nowrap}@media(min-width:981px) and (max-width:1200px){.toolbar{flex-wrap:wrap}.toolbar input{min-width:180px}.toolbar #scenario{max-width:160px}.toolbar select{font-size:11px}.toolbar button{font-size:11px;padding:8px}}

/* Le dialogue natif reste au-dessus des panneaux et ne coupe pas le sélecteur. */
.emoji-picker{border:1px solid #dce8e3;border-radius:18px;padding:16px;width:min(420px,calc(100vw - 32px));max-height:85dvh;box-shadow:0 24px 80px #0a342b35;background:#fff;color:#173f35;overflow:auto}
.emoji-picker::backdrop{background:#12382f44;backdrop-filter:blur(2px)}
.emoji-head,.emoji-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.emoji-head{margin-bottom:12px}.emoji-close{font-size:24px;line-height:1;padding:5px 10px}.emoji-picker input{width:100%;margin-bottom:10px}
.emoji-categories{display:flex;gap:3px;overflow-x:auto;padding-bottom:9px}.emoji-categories button{flex:0 0 31px;padding:6px 3px;font-size:19px;border:0;background:transparent}.emoji-categories [aria-pressed=true]{background:#dbefe8;box-shadow:inset 0 -2px #1a795f}
.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-height:285px;overflow:auto;gap:3px;padding:4px 0}.emoji-grid button{border:0;padding:5px 0;background:transparent;font:27px/1.35 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;min-width:0}.emoji-grid button:hover,.emoji-grid button:focus-visible{background:#edf6f2;border-radius:8px}.emoji-bottom{margin-top:12px;font-size:11px;color:#527168}.emoji-more{white-space:nowrap;font-size:12px;padding:7px}
.manager-notes h2{margin:5px 0 9px}.manager-notes-list{max-height:250px;overflow:auto;margin:12px 0;display:grid;gap:10px}.manager-note{background:#fff9e9;border:1px solid #eee2be;border-radius:11px;padding:11px;overflow-wrap:anywhere}.manager-note p{white-space:pre-wrap;font-size:13px;margin:0 0 9px}.manager-note small{font-size:10px;color:#71674e}.note-receipt{font-size:11px;color:#5b705f;margin-top:7px}.note-receipt button{font-size:12px;padding:6px 10px;background:#fff}.manager-notes textarea{min-height:90px;width:100%;resize:vertical;font-size:13px}.manager-note-actions{display:flex;gap:6px;margin-top:8px;align-items:center}.manager-note-actions .primary{flex:1;font-size:12px}.manager-notes [role=status]{font-size:11px;margin-bottom:0}
.manager-note-actions #managerNoteEmoji{width:38px;flex:0 0 38px}.manager-note-actions .primary{width:auto;min-height:38px}.note-receipt button{width:auto}