/* v1003 Acquisition chatroom (System Owner, 20 Oct 2026: "modern, joyful, warm … while remaining professional and efficient").
   Colour with purpose, from Oswen's Colour of Life : champagne is Oswen,
   lilac is a private note, sky is Client Care, coral is "needs a reply" (warm, never red), green is resolved. Avatars take one of the
   five personality tints. Navy stays the one primary action; the Desk palette and type scale are unchanged elsewhere. */
.acq{--acq-ink:#0B1A2B;--acq-muted:#5E6878;--acq-line:#E3E7EF;--acq-soft:#FBFCFE;--acq-sel:#E9EEF7;
 --acq-oswen-bg:#FBF8F3;--acq-oswen-line:#F2E9D8;--acq-oswen-ink:#7D5A1E;--acq-oswen-a:#F2CB86;--acq-oswen-b:#F4B48F;
 --acq-note-bg:#F6F2FB;--acq-note-line:#D9CCF2;--acq-note-ink:#5E4A99;
 --acq-care:#3E7FB0;--acq-care-bg:#E3EEF7;
 --acq-need-bg:#FBE6DF;--acq-need-ink:#9A4126;--acq-new-bg:#E9EEF7;--acq-wait-bg:#F1F3F7;--acq-done-bg:#E5EEE1;--acq-done-ink:#3F6339;
 --acq-family:#3E8189;
 display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(220px,270px);gap:12px;align-items:stretch;
 height:calc(100vh - 210px);min-height:520px;color:var(--acq-ink);font-size:15px}
.acq-pane{background:#fff;border:1px solid var(--acq-line);border-radius:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.acq-list-head{padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--acq-line)}
.acq-list-head h2{margin:0;font-size:22px;font-weight:400;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.acq-list-head h2 small{font-size:13px;color:var(--acq-muted)}
.acq-search{font:inherit;font-size:15px;padding:9px 12px;border:1px solid var(--acq-line);border-radius:10px;background:#F4F6FB;color:var(--acq-ink);width:100%;box-sizing:border-box}
.acq-filters{display:flex;gap:6px;flex-wrap:wrap}
.acq-filters button{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--acq-line);background:#fff;color:var(--acq-ink);min-height:32px}
.acq-filters button[aria-pressed="true"]{background:var(--acq-ink);border-color:var(--acq-ink);color:#fff}
.acq-rows{flex:1;overflow:auto}
.acq-row{display:flex;gap:12px;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #EEF1F6;background:#fff;color:inherit;font:inherit;cursor:pointer;box-shadow:inset 3px 0 0 transparent}
.acq-row:hover{background:#F7F9FC}.acq-row[aria-current="true"]{background:var(--acq-sel);box-shadow:inset 3px 0 0 var(--acq-family)}
.acq-row.care{box-shadow:inset 3px 0 0 var(--acq-care)}
.acq-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.acq-row-top{display:flex;justify-content:space-between;gap:8px}
.acq-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acq-row.unread .acq-row-name{font-weight:500}
.acq-row-when{font-size:11.5px;color:var(--acq-muted);white-space:nowrap}
.acq-row-snip{font-size:13px;color:var(--acq-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acq-row-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11.5px;color:var(--acq-muted)}
.acq-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--acq-ink);flex-shrink:0}
.acq-av{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}
.acq-av.sm{width:28px;height:28px;font-size:11.5px}
.acq-av.t0{background:#F2E9D8;color:#7D5A1E}.acq-av.t1{background:#E3EEF7;color:#2F6590}.acq-av.t2{background:#ECE6F6;color:#5E4A99}
.acq-av.t3{background:#F8E6DA;color:#97512F}.acq-av.t4{background:#E5EEE1;color:#3F6339}
.acq-av.oswen{background:radial-gradient(circle at 35% 35%,var(--acq-oswen-a),var(--acq-oswen-b));color:#5B3E10}
.acq-pill{font-size:11.5px;padding:2px 8px;border-radius:999px;white-space:nowrap}
.acq-pill.needs_reply{background:var(--acq-need-bg);color:var(--acq-need-ink)}.acq-pill.new{background:var(--acq-new-bg);color:var(--acq-ink)}
.acq-pill.waiting{background:var(--acq-wait-bg);color:var(--acq-muted)}.acq-pill.resolved{background:var(--acq-done-bg);color:var(--acq-done-ink)}
.acq-tag-urgent{color:var(--acq-need-ink);font-weight:500}
.acq-conv{box-shadow:inset 3px 0 0 var(--acq-family)}.acq-conv.care{box-shadow:inset 3px 0 0 var(--acq-care)}
.acq-conv-head{padding:12px 16px;border-bottom:1px solid var(--acq-line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.acq-conv-who{flex:1;min-width:140px}.acq-conv-who b{font-size:17px;font-weight:400;display:block}.acq-conv-who span{font-size:13px;color:var(--acq-muted)}
.acq-back{display:none}
.acq-btn{font:inherit;font-size:13px;padding:8px 12px;min-height:36px;border-radius:10px;border:1px solid var(--acq-line);background:#fff;color:var(--acq-ink);cursor:pointer}
.acq-btn.primary{background:var(--acq-ink);border-color:var(--acq-ink);color:#fff;font-size:15px;min-height:44px;padding:0 18px}
.acq-btn:disabled{opacity:.55;cursor:default}
.acq-msgs{flex:1;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:var(--acq-soft)}
.acq-day{align-self:center;font-size:11.5px;color:var(--acq-muted)}
.acq-m{display:flex;gap:10px;max-width:72%}.acq-m.fresh{animation:acq-in .18s ease-out}
.acq-m .acq-b{padding:10px 14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.acq-m .acq-meta{font-size:11.5px;color:var(--acq-muted);margin-top:4px}
.acq-m.in .acq-b{background:#fff;border:1px solid var(--acq-line);border-radius:4px 16px 16px 16px}
.acq-m.oswen .acq-b{background:var(--acq-oswen-bg);border:1px solid var(--acq-oswen-line);border-radius:4px 16px 16px 16px}
.acq-m.oswen .acq-meta{color:var(--acq-oswen-ink)}
.acq-m.staff{align-self:flex-end;flex-direction:row-reverse}.acq-m.staff .acq-b{background:var(--acq-ink);color:#fff;border-radius:16px 4px 16px 16px}
.acq-m.staff .acq-meta{text-align:right}
.acq-note{align-self:stretch;display:flex;gap:10px;padding:10px 14px;border-radius:12px;border:1px dashed var(--acq-note-line);background:var(--acq-note-bg)}
.acq-note-label{font-size:11.5px;color:var(--acq-note-ink)}.acq-note-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.acq-event{align-self:center;font-size:13px;color:var(--acq-muted)}
.acq-compose{border-top:1px solid var(--acq-line);padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px;background:#fff}
.acq-compose.note{background:var(--acq-note-bg)}
.acq-tabs{display:flex;gap:4px}
.acq-tabs button{font:inherit;font-size:13px;padding:6px 12px;border-radius:8px;border:0;background:transparent;color:var(--acq-muted);min-height:32px;cursor:pointer}
.acq-tabs button[aria-selected="true"]{background:var(--acq-sel);color:var(--acq-ink)}
.acq-compose.note .acq-tabs button[aria-selected="true"]{background:#E6DDF5;color:var(--acq-note-ink)}
.acq-compose-row{display:flex;gap:8px;align-items:flex-end}
/* v1028 (Michelle, 24 Oct 2026: "too small that I cannot see what I was typing"): the Desk's page-wide .primary{width:100%} made
   Send take the whole row and squeezed the box to ~26px. Send now keeps its own size, the box takes the rest of the row and grows
   with the message (three lines to start, at most 40% of the screen, then it scrolls). */
.acq-compose-row>label{flex:1;min-width:0;display:flex}
.acq-compose-row .acq-btn{width:auto;flex:0 0 auto}
.acq-compose textarea{flex:1;width:100%;min-width:0;font:inherit;font-size:15px;line-height:1.45;padding:10px 12px;border:1px solid var(--acq-line);border-radius:12px;resize:none;overflow-y:auto;min-height:76px;max-height:min(40vh,320px);box-sizing:border-box;color:var(--acq-ink);background:#fff}
.acq-msg{font-size:13px;min-height:18px}.acq-msg.err{color:#B42318}.acq-msg.ok{color:var(--acq-done-ink)}
.acq-side{padding:16px;gap:14px;overflow:auto}
.acq-side h3{margin:0;font-size:11.5px;font-weight:400;color:var(--acq-muted);letter-spacing:.04em;text-transform:uppercase}
.acq-side section{display:flex;flex-direction:column;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--acq-line)}
.acq-side section:last-child{border-bottom:0}
.acq-side input{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--acq-line);border-radius:10px;width:100%;box-sizing:border-box;color:var(--acq-ink)}
.acq-side label{font-size:13px;color:var(--acq-muted);display:flex;flex-direction:column;gap:4px}
.acq-due{color:var(--acq-need-ink)}
.acq-empty{margin:auto;padding:24px;text-align:center;color:var(--acq-muted);max-width:340px;line-height:1.5}
.acq-thinking{display:inline-flex;gap:4px;vertical-align:middle}
.acq-thinking i{width:6px;height:6px;border-radius:50%;background:#F6AE84;animation:acq-pulse 1.2s infinite ease-in-out}
.acq-thinking i:nth-child(2){background:#C3B0EE;animation-delay:.15s}.acq-thinking i:nth-child(3){background:#9FCBEB;animation-delay:.3s}
@keyframes acq-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes acq-pulse{0%,80%,100%{opacity:.35}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.acq-m,.acq-m.fresh{animation:none}.acq-thinking i{animation:none;opacity:.8}}
.acq :focus-visible{outline:2px solid #6282C2;outline-offset:2px}
@media (max-width:1100px){.acq{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.acq-side{grid-column:2}.acq{height:auto}.acq-conv{min-height:560px}}
@media (max-width:760px){
 .acq{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
 .acq.has-open .acq-listpane{display:none}.acq:not(.has-open) .acq-conv,.acq:not(.has-open) .acq-side{display:none}
 .acq-side{grid-column:auto}.acq-back{display:inline-flex}.acq-conv{min-height:70vh}.acq-m{max-width:88%}.acq-msgs{padding:14px}
 /* phone: 16px stops iOS zooming into the box; the box gets the row and Send stays a thumb-sized button beside it */
 .acq-compose{padding:10px 10px 12px}.acq-compose textarea{font-size:16px;max-height:34vh}.acq-compose-row .acq-btn.primary{padding:0 14px}
 .acq-side input,.acq-side select,.acq-side textarea{min-width:0;max-width:100%}
}

/* v1005: email conversations in the Inbox (hello@, care@, humansupport@) in the same Colour of Life language. The family's email is
   white with the family line, the team's reply is navy on the right, Oswen's reply is champagne; each starts with an initial. */
#inbox-messages{display:flex;flex-direction:column;gap:12px}
#inbox-messages .inbox-msg{position:relative;max-width:min(720px,86%);margin:0 0 0 40px;padding:10px 14px;border-radius:4px 16px 16px 16px;background:#fff;border:1px solid #E3E7EF;box-shadow:inset 3px 0 0 #3E8189}
#inbox-messages .inbox-msg::before{content:attr(data-av);position:absolute;left:-40px;top:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11.5px;background:#E3F0EF;color:#2C5F65}
#inbox-messages .inbox-msg.out{align-self:flex-end;margin:0 40px 0 0;background:#0B1A2B;color:#fff;border-color:#0B1A2B;box-shadow:none;border-radius:16px 4px 16px 16px}
#inbox-messages .inbox-msg.out::before{left:auto;right:-40px;background:#E9EEF7;color:#0B1A2B}
#inbox-messages .inbox-msg.out .note,.inbox-msg.out .note strong{color:#C9D2E2}
#inbox-messages .inbox-msg.oswen{background:#FBF8F3;color:#0B1A2B;border:1px solid #F2E9D8}
#inbox-messages .inbox-msg.oswen::before{background:radial-gradient(circle at 35% 35%,#F2CB86,#F4B48F);color:#5B3E10}
#inbox-messages .inbox-msg.oswen .note,.inbox-msg.oswen .note strong{color:#7D5A1E}
#inbox-messages .inbox-msg .inbox-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:4px 0 0;color:inherit;background:none}
.inbox-row{position:relative;padding-left:52px!important}
.inbox-row::before{content:attr(data-av);position:absolute;left:6px;top:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;background:#E9EEF7;color:#0B1A2B}
.inbox-row.t0::before{background:#F2E9D8;color:#7D5A1E}.inbox-row.t1::before{background:#E3EEF7;color:#2F6590}.inbox-row.t2::before{background:#ECE6F6;color:#5E4A99}.inbox-row.t3::before{background:#F8E6DA;color:#97512F}.inbox-row.t4::before{background:#E5EEE1;color:#3F6339}
.inbox-row.unread{box-shadow:inset 3px 0 0 #3E8189}
.inbox-unread{background:#0B1A2B!important}
@media (max-width:640px){#inbox-messages .inbox-msg{max-width:calc(100% - 40px)}}