:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17324e;background:#eff4f9}
*{box-sizing:border-box}
body{margin:0}
button,input{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.chat-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px max(16px,calc((100vw - 1100px)/2));background:#0d47a1;color:white}
.chat-top a{color:white;text-decoration:none;font-weight:700;white-space:nowrap}
.chat-top h1{margin:0;font-size:19px}
.chat-app{display:grid;grid-template-columns:minmax(280px,360px) 1fr;max-width:1100px;height:calc(100dvh - 54px);min-height:440px;margin:auto;background:white;box-shadow:0 6px 25px #15355016}
.chat-sidebar{border-right:1px solid #dbe5f0;overflow-y:auto;padding:15px}
.chat-search-label{font-size:13px;font-weight:700;display:block;margin-bottom:6px}
#chatSearch{width:100%;border:1px solid #a8bdd5;border-radius:9px;padding:11px}
.chat-summary{font-size:12px;color:#51657b;padding:10px 2px}
.chat-list h2{font-size:12px;color:#4c6681;text-transform:uppercase;margin:18px 3px 7px}
.chat-row-wrap{display:flex;align-items:center;border-bottom:1px solid #eef2f6}
.chat-row{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:11px 6px;border:0;background:white;text-align:left;color:#163e69}
.chat-row:hover,.chat-row.active{background:#eaf3ff;border-radius:8px}
.chat-favorites-divider{height:2px;margin:12px 3px;background:#b8cce1}
.chat-avatar,.chat-avatar-button{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#dbe9fa;color:#124b8d;font-size:23px;overflow:hidden}
.chat-avatar img,.chat-avatar-button img{width:100%;height:100%;object-fit:cover}
.chat-row-text{flex:1;min-width:0}
.chat-row-text b,.chat-row-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-row-text small{font-size:12px;color:#52657d;margin-top:3px}
.chat-count{border-radius:20px;background:#b51f35;color:white;font-size:11px;font-weight:800;padding:4px 7px}
.chat-fav-button{flex:none;width:38px;height:42px;border:0;background:transparent;color:#b7870b;font-size:24px;line-height:1}
.chat-fav-button:hover,.chat-fav-button:focus-visible{background:#fff3ce;border-radius:8px}
.chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-conversation-header{display:flex;align-items:center;gap:11px;min-height:67px;padding:10px 15px;border-bottom:1px solid #dce7f2}
.chat-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.chat-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-identity span{font-size:12px;color:#536b81;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-avatar-button{flex:0 0 43px;width:43px;height:43px}
.chat-back{display:none;border:0;background:transparent;color:#0d47a1;font-size:32px;line-height:1}
.chat-star{border:0;background:none;color:#b88715;font-size:29px}
.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:17px;display:flex;flex-direction:column;gap:11px;background:#f6f9fe}
.chat-bubble{max-width:min(80%,540px);border-radius:14px;padding:10px 13px;background:white;box-shadow:0 1px 5px #183b5f19;overflow-wrap:anywhere;white-space:pre-wrap}
.chat-bubble.mine{align-self:flex-end;background:#dceeff}
.chat-bubble b,.chat-bubble small{display:block;font-size:12px;color:#536b81;margin-bottom:5px}
.chat-bubble small{margin:5px 0 0}
.chat-attachment{display:block;margin:8px 0;color:#0d47a1;font-weight:700;white-space:normal}
.chat-attachment img{display:block;max-width:100%;max-height:290px;border-radius:9px;margin-bottom:5px}
.chat-composer #chatAttach{flex:none;padding:8px 12px;font-size:19px;background:#e8f1fc;color:#0d47a1}
.chat-read-status{display:block;margin-top:4px;text-align:right;font-size:11px;font-weight:700;color:#64788c}
.chat-read-status.is-read{color:#0d67a7}
.chat-bubble .chat-delete{display:block;margin:8px 0 0 auto;border:0;background:none;color:#aa2639;font-size:12px}
.chat-room-sender{display:inline-grid;width:27px;height:27px;vertical-align:middle;margin:0 7px 3px 0;padding:0;border:0;place-items:center;border-radius:50%;overflow:hidden;background:#e3eefb}
.chat-room-sender img{width:100%;height:100%;object-fit:cover}
[data-management-id]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
@media(hover:none) and (pointer:coarse){.chat-bubble .chat-delete{display:none}}
@media(hover:none) and (pointer:coarse){.chat-bubble.show-delete .chat-delete-own{display:block}}
.chat-empty{color:#587087;text-align:center;margin:auto}
.chat-composer{display:flex;gap:8px;padding:12px;border-top:1px solid #dce7f2}
.chat-composer input{flex:1;min-width:0;padding:12px;border:1px solid #b8cce1;border-radius:10px}
.chat-composer button{padding:10px 15px;background:#0d47a1;color:white;border:0;border-radius:9px;font-weight:700}
.chat-composer button:disabled{opacity:.5}
.chat-status{margin:0;padding:0 12px;color:#9c2634;font-size:12px}
.chat-status:empty{display:none}
.chat-photo-viewer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#061d34df;padding:25px}
.chat-photo-viewer img{max-width:min(90vw,600px);max-height:80vh;object-fit:contain;border-radius:12px}
.chat-photo-viewer button{position:absolute;right:18px;top:12px;background:#fff;border:0;border-radius:9px;font-size:32px;width:44px;height:44px}
@media(max-width:700px){.chat-top{padding:12px}.chat-top h1{font-size:17px}.chat-app{display:block;height:calc(100dvh - 52px)}.chat-sidebar{height:100%}.chat-conversation{display:none;height:100%}.chat-app.thread-open .chat-sidebar{display:none}.chat-app.thread-open .chat-conversation{display:flex}.chat-back{display:block}.chat-bubble{max-width:90%}}