/* Happy Medium blue: intentional accents, with status and client colors intact. */
:root{--hm-blue:#2859df;--hm-blue-dark:#1f46b5;--hm-blue-wash:#edf2ff;--hm-blue-line:#cbd8ff}
.shell .btn.primary:not(.danger),dialog#modal .btn.primary:not(.danger),.action-confirmation .btn.primary:not(.danger){background:var(--hm-blue)!important;border-color:var(--hm-blue)!important;color:#fff!important;box-shadow:0 3px 0 #1740b71a!important}
.shell .btn.primary:not(.danger):hover,dialog#modal .btn.primary:not(.danger):hover{background:var(--hm-blue-dark)!important}
.shell :is(input,textarea,select):focus-visible,#modal :is(input,textarea,select):focus-visible{outline:2px solid var(--hm-blue);outline-offset:3px}
.shell :is(input[type=checkbox],input[type=radio]),#modal :is(input[type=checkbox],input[type=radio]){accent-color:var(--hm-blue)}
.shell .chat-dock .chat-launcher{background:var(--hm-blue)!important;border-color:var(--hm-blue)!important;color:white!important;box-shadow:0 8px 25px #2859df26!important}
.shell .chat-dock .chat-launcher>.launcher-icon{background:#ffffff24!important;color:white!important}
.shell .chat-drawer{border:1px solid #dedfdc;box-shadow:0 22px 70px #202a4b20;border-radius:26px}
.shell .chat-drawer-head{background:linear-gradient(115deg,#edf2ff,#f8f9ff)!important;border-bottom:1px solid var(--hm-blue-line);padding:18px 20px}
.chat-drawer-glyph{color:var(--hm-blue)!important;background:#dce6ff!important;border-radius:15px}
.shell .chat-drawer-head h2{font-size:19px;font-weight:700;line-height:1.3}
.shell .chat-transcript{padding:20px;scrollbar-width:thin;overscroll-behavior:contain;overflow-anchor:none}
.shell .chat-message{align-items:flex-end;gap:9px;margin:0 0 18px}
.shell .chat-message>div{background:#fff;border:1px solid #e8e8e3;border-radius:19px 19px 19px 5px;padding:12px 15px;box-shadow:0 2px 5px #27272703;min-width:0;max-width:calc(100% - 43px)}
.shell .chat-message.mine>div{background:var(--hm-blue-wash);border-color:#dce5ff;border-radius:19px 19px 5px 19px}
.shell .chat-message p{font-size:14px;line-height:1.65;color:#292c35;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}
.shell .chat-author{gap:12px;align-items:baseline;flex-wrap:wrap}.shell .chat-author strong{font-size:12px;color:#353b4a}.shell .chat-author time{font-size:10px;color:#72798b}
.chat-person-avatar{position:relative;display:inline-flex;flex:none;align-self:flex-end}.chat-person-avatar>.profile-avatar{width:30px;height:30px;min-width:30px;font-size:10px;background:#e7ecfa;color:#3755a0}
.chat-online-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--hm-paper,#fff);border-radius:50%;background:#25a76d;box-shadow:0 0 0 1px #25a76d19}.chat-online-dot[hidden]{display:none!important}
.chat-participant-summary{padding:10px 20px;border-bottom:1px solid #e8e8e3;min-height:49px}.chat-participant-summary>div{gap:3px}.chat-participant-summary .profile-avatar{margin:0}.chat-participant-summary>span{font-size:11px;line-height:1.5}
.shell .chat-composer{background:#fafbfef0;border-top:1px solid #dce5f6;padding:14px 18px}.shell .chat-composer textarea{background:white;border:1px solid #d3daea;border-radius:17px;font-size:15px;line-height:1.55;resize:vertical;min-height:76px;max-height:160px;padding:13px 15px}
.chat-compose-footer small{font-size:10px;max-width:70%}.shell .chat-connection-note{font-size:10px;padding:8px 18px;color:#637396;background:#f1f5ff;border-top:1px solid #e0e8fc;text-align:center}
.shell .chat-thread.unread{background:var(--hm-blue-wash)}.shell .chat-thread:hover{background:#f0f3fa}.shell .unread-bubble{background:var(--hm-blue);color:#fff}
.shell .chat-thread-copy strong{font-size:14px}.shell .chat-thread-copy small{font-size:12px}.shell .chat-mailbox-tabs .btn[aria-pressed=true]{color:var(--hm-blue)!important}.shell .chat-client-chips .btn[aria-pressed=true]{background:var(--hm-blue-wash)!important;border-color:var(--hm-blue-line)!important;color:var(--hm-blue-dark)!important}
.chat-photo-prompt{display:flex;gap:12px;align-items:center;background:#edf2ff;border:1px solid #d8e3ff;border-radius:19px;margin:14px 16px;padding:15px}.chat-photo-prompt>div{flex:1;min-width:0}.chat-photo-prompt strong{display:block;font-size:13px;color:#244292}.chat-photo-prompt small{display:block;font-size:11px;line-height:1.5;color:#5f6e8d;margin:4px 0 7px}.chat-photo-prompt .btn{font-size:11px;min-height:32px;padding:6px 10px}.chat-photo-art{width:37px;height:43px;display:grid;place-items:center;flex:none;color:var(--hm-blue);transform:rotate(-9deg)}.chat-photo-art svg{width:33px;height:33px}.chat-photo-prompt>button{align-self:flex-start}.conversation-full-list{overflow:hidden}
.shell .chat-page{max-width:1000px;margin-inline:auto;padding:0;overflow:hidden;border-radius:25px}.shell .chat-page .chat-transcript{max-height:58dvh;min-height:250px}.shell .chat-page .chat-message>div{max-width:min(78%,650px)}
@media(max-width:700px){.shell .chat-drawer{width:calc(100vw - 20px);max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:23px}.shell .chat-dock{right:10px;bottom:max(12px,env(safe-area-inset-bottom))}.shell .chat-transcript{padding:16px 12px}.shell .chat-message p{font-size:15px}.shell .chat-composer textarea{font-size:16px}.chat-photo-prompt{padding:12px;margin:10px}.shell .chat-drawer-head{padding:14px}.chat-participant-summary{padding:10px 14px}.shell .chat-page .chat-message>div{max-width:calc(100% - 40px)}.chat-compose-footer{flex-wrap:wrap}.shell .chat-composer{padding:12px}.shell .chat-drawer .chat-transcript{min-height:80px}.chat-photo-art{display:none}}
@media(prefers-reduced-motion:no-preference){.chat-online-dot{transition:opacity .2s}.chat-launcher:hover{transform:translateY(-2px)}}

.shell .chat-message p,.shell .chat-message.mine p{padding:0;background:transparent!important;border-radius:0}.chat-thread-status{color:#187a50;font-size:10px;margin-left:8px;white-space:nowrap}.chat-thread-status::before{content:"";display:inline-block;width:6px;height:6px;margin-right:4px;background:#25a76d;border-radius:50%}.chat-thread-status[hidden]{display:none!important}

.shell .chat-message.mine{background:transparent;flex-direction:row-reverse}
@media(max-width:700px) and (max-height:600px){.shell .chat-dock:has(.chat-drawer){bottom:10px}.shell .chat-dock:has(.chat-drawer)>.chat-launcher{display:none}.shell .chat-drawer{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);bottom:0}.shell .chat-drawer .chat-context{display:none}.shell .chat-drawer .chat-participant-summary{padding-block:5px;min-height:36px}.shell .chat-drawer .chat-transcript{min-height:0;flex:1;padding-block:10px}.shell .chat-drawer-head{padding-block:10px;flex-shrink:0}.shell .chat-composer{flex-shrink:0;margin-top:0!important;padding-block:8px!important}.shell .chat-composer textarea{min-height:54px;max-height:90px}.shell .chat-connection-note{display:none}}

/* People pickers use readable identity rows rather than abbreviated avatar tiles. */
#modal :is(.chat-recipient-people,.people-sharing) .people-bubbles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#modal :is(.chat-recipient-people,.people-sharing) .person-bubble{width:auto;min-width:0;min-height:74px;display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px;text-align:left;border-radius:15px}
#modal .person-identity{display:block;flex:1;min-width:0}#modal .person-identity strong{font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;display:block}#modal .person-identity small{font-size:11px;line-height:1.5;display:block;color:#697286;overflow-wrap:anywhere;margin-top:3px}#modal :is(.chat-recipient-people,.people-sharing) .person-bubble .profile-avatar{width:34px;height:34px;min-width:34px}#modal :is(.chat-recipient-people,.people-sharing) .person-bubble i{flex:none;position:static}
#modal .library-people label>span,#modal .task-person-choice>span,#modal .taskboard-assignment-option>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){#modal :is(.chat-recipient-people,.people-sharing) .people-bubbles{grid-template-columns:1fr}}