#chat-dialog {width:min(1060px,94vw);max-width:94vw;height:min(780px,90dvh);max-height:90dvh;border:1px solid #d2be7770;border-radius:22px;background:#102c22;color:#f5efdf;padding:20px;font-family:Arial,"Segoe UI",sans-serif;}
#chat-dialog::backdrop{background:#071a15cc;backdrop-filter:blur(4px);}
#chat-dialog [hidden]{display:none!important;}
#chat-dialog h2{font-size:20px;margin:0;}#chat-dialog p{font-size:13px;}
#chat-dialog button,#chat-dialog input,#chat-dialog textarea,#chat-dialog article{font-family:Arial,"Segoe UI",sans-serif;}
#chat-open{position:relative;padding:9px 12px;border-radius:12px;white-space:nowrap;}
#chat-unread{background:#b33940;color:white;padding:2px 5px;border-radius:20px;font-size:10px;}
.chat-layout{display:flex;gap:16px;height:calc(100% - 58px);min-height:0;}
#chat-admin-list{width:270px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;border-right:1px solid #78956b44;padding-right:14px;}
#chat-customers{overflow:auto;flex:1;min-height:0;}
.chat-person{display:block;width:100%;text-align:left;background:#ffffff05;border:1px solid #78956b33;color:#f5efdf;border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer;}
.chat-person.selected{border-color:#d2be77;}.chat-person small,.chat-person span{display:block;overflow-wrap:anywhere;margin-top:5px;}.chat-person span{color:#f2d28b;}
.chat-thread{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;min-height:0;}
#chat-messages{flex:1;overflow:auto;min-height:100px;padding:10px;background:#071e1780;border-radius:16px;}
.chat-bubble{max-width:87%;width:fit-content;border-radius:16px 16px 16px 4px;background:#244a38;padding:12px 15px;margin:8px 0;}
.chat-bubble.mine{margin-left:auto;background:#59452a;border-radius:16px 16px 4px 16px;}
.chat-bubble small{display:block;font-size:11px;color:#c6cdbb;margin-bottom:8px;}
.chat-message-row{display:flex;width:100%;clear:both;margin:10px 0;}
.chat-message-row.sent{justify-content:flex-end;}
.chat-message-row.received{justify-content:flex-start;}
.chat-message-row .chat-bubble{margin:0;float:none;flex:0 1 auto;min-width:75px;}
.chat-message-row.received .chat-bubble{margin-right:auto;border-radius:17px 17px 17px 4px;}
.chat-message-row.sent .chat-bubble{margin-left:auto;border-radius:17px 17px 4px 17px;}
.theme-burgundy .chat-message-row.received .chat-bubble{background:#512234;border:1px solid #a7687e44;}
.theme-burgundy .chat-message-row.sent .chat-bubble{background:#8b3d51;border:1px solid #dba39155;}
.chat-message-row .chat-bubble.pending{opacity:.8;}
.chat-delivery{font-size:10px;color:#e4c4be;margin-top:7px;display:flex;gap:8px;align-items:center;}
.chat-retry{padding:4px 8px;border:1px solid #e0ba91;border-radius:8px;background:transparent;color:#ffe2b5;cursor:pointer;font:inherit;}
#chat-dialog{overflow:hidden;}
.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;text-transform:none!important;line-height:1.6;font-size:14px;}
#chat-form{display:flex;gap:10px;align-items:end;}#chat-form label{flex:1;min-width:0;font-size:12px;}
#chat-text,#chat-query{box-sizing:border-box;width:100%;border:1px solid #78956b66;border-radius:12px;background:#09271b;color:#f5efdf;padding:10px;font:inherit;}
#chat-text{resize:vertical;max-height:150px;min-height:66px;}#chat-message{margin:0;min-height:18px;}#chat-account{font-size:12px;overflow-wrap:anywhere;}
#daily-results .daily-event{padding:16px;border:1px solid #78956b44;border-radius:14px;margin:12px 0;overflow-wrap:anywhere;}#daily-results .daily-event p{margin:8px 0;}
@media(max-width:650px){#chat-dialog{padding:14px;width:96vw;max-width:96vw;height:94dvh;max-height:94dvh;}.chat-layout{flex-direction:column;gap:8px;}#chat-admin-list{width:100%;max-height:185px;border-right:0;padding-right:0;border-bottom:1px solid #78956b44;}#chat-customers{max-height:90px;}#chat-search-form{display:flex;gap:8px;}#chat-open{font-size:11px;padding:8px 6px;}.chat-bubble{max-width:95%;}#chat-dialog h2{font-size:17px;}.chat-thread{min-height:200px;}#chat-admin-list .discover-pager{margin:0;}}

.chat-photo{display:block;width:auto;max-width:100%;max-height:300px;object-fit:contain;border-radius:12px;margin:8px 0}.chat-attachments{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}.chat-attachments img{display:block;width:65px;height:65px;object-fit:cover;border-radius:10px}.chat-attachments button{font-size:11px}.chat-upload-label{grid-column:1/-1;font-size:12px}.chat-upload-label input{max-width:100%;min-width:0}#chat-clear-history{font-size:12px;white-space:normal}#chat-dialog>.discover-heading{flex-wrap:wrap}

#chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}#chat-form>.chat-upload-label,#chat-form>.chat-attachments{grid-column:1/-1}#chat-form>label:not(.chat-upload-label){grid-column:1}#chat-form>#chat-send{grid-column:2}#chat-files{width:100%}

/* Compact composer and full-viewport mode, including Safari without Fullscreen API. */
#chat-dialog #chat-form{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;flex-shrink:0}
#chat-dialog #chat-form>.chat-upload-label{grid-column:1;grid-row:2;position:relative;width:44px;height:44px;display:grid;place-items:center;margin:0;cursor:pointer;border:1px solid #946572;border-radius:13px;color:#f7dfc5}
#chat-dialog #chat-files{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer}
#chat-dialog #chat-form>label:not(.chat-upload-label){grid-column:2;grid-row:2;font-size:0}
#chat-dialog #chat-text{font:16px/1.4 Arial,sans-serif;min-height:44px;height:48px;max-height:120px;padding:11px;resize:vertical}
#chat-dialog #chat-send{grid-column:3;grid-row:2;min-height:44px;padding:10px 14px}
#chat-dialog #chat-attachments{grid-column:1/-1;grid-row:1;max-height:100px;overflow:auto}
#chat-dialog #chat-attachments:empty{display:none}
#chat-dialog .chat-thread{min-height:0;overflow:hidden}
#chat-dialog #chat-messages{flex:1;min-height:80px}
#chat-dialog.chat-fullscreen{position:fixed;inset:0;margin:0;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0;padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
#chat-dialog .discover-heading{gap:6px;margin-bottom:10px}#chat-dialog .discover-heading .button{font-size:11px;padding:7px 10px}#chat-dialog #chat-title{flex:1;min-width:130px;font-size:17px}
#chat-toggle-customers{display:none}
@media(max-width:650px){#chat-dialog{height:92dvh;max-height:92dvh;padding:12px}#chat-dialog #chat-title{flex-basis:100%;font-size:16px}#chat-dialog #chat-account{font-size:11px;margin:0}#chat-dialog #chat-admin-list{display:none;max-height:180px;flex-shrink:0}#chat-dialog.chat-show-customers #chat-admin-list:not([hidden]){display:block}#chat-dialog #chat-toggle-customers:not([hidden]){display:block;text-align:left;font-size:12px}#chat-dialog .chat-layout{flex:1;min-height:0}#chat-dialog .chat-bubble{max-width:88%;padding:10px 12px}#chat-dialog .chat-text{font-size:14px;line-height:1.55}#chat-dialog .chat-bubble small{font-size:10px}#chat-message:empty{display:none}#chat-dialog #chat-query{font-size:16px}}

/* Align the composer boxes, not the inline text baseline inside the label. */
#chat-dialog #chat-form{align-items:end;row-gap:0;column-gap:8px}
#chat-dialog #chat-form>label:not(.chat-upload-label){display:block;margin:0;padding:0;line-height:0;min-width:0}
#chat-dialog #chat-form #chat-text{display:block;box-sizing:border-box;margin:0;width:100%;height:44px;min-height:44px;padding:10px 12px;line-height:22px;vertical-align:top;resize:vertical;border-radius:13px}
#chat-dialog #chat-form>.chat-upload-label,#chat-dialog #chat-form>#chat-send{box-sizing:border-box;margin:0;height:44px;min-height:44px;max-height:44px;align-self:end;display:grid;place-items:center;padding:0;border-radius:13px;line-height:1}
#chat-dialog #chat-form>#chat-send{padding:0 15px;font-size:14px}
#chat-dialog #chat-form>#chat-attachments:not(:empty){margin:0 0 8px}
#chat-dialog #chat-form .chat-upload-label:focus-within{outline:2px solid #edc182;outline-offset:2px}