/* Nunapro Operations: integrated team communications */
.chat-shell{display:grid;grid-template-columns:285px minmax(0,1fr);height:min(75vh,790px);min-height:490px;border:1px solid #dde8ec;border-radius:16px;background:white;overflow:hidden;box-shadow:0 5px 20px #12344e08}
.chat-sidebar{border-right:1px solid #e4ebf0;min-width:0;display:flex;flex-direction:column;background:#fafcfd}
.chat-sidebar-head{padding:16px;border-bottom:1px solid #e4ebf0;display:grid;gap:11px}
.chat-account{display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0}
.chat-account-name{font-weight:850;font-size:13px}
.chat-account-sub{color:#8194a3;font-size:11px;margin-top:2px}
.chat-side-scroll{overflow-y:auto;padding:12px 8px 20px;flex:1}
.chat-category{margin:14px 12px 8px;font-size:10px;font-weight:850;letter-spacing:1.15px;color:#74889b;text-transform:uppercase}
.chat-room{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;border-radius:9px;padding:10px 9px;color:#2b455a;text-align:left;margin-bottom:2px;min-width:0}
.chat-room:hover,.chat-room.active{background:#e7f5f2;color:#136f65}
.chat-room-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e7edf1;font-size:16px;flex:none}
.chat-room.active .chat-room-icon{background:#c9ede5}
.chat-room-name{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.chat-unread{min-width:21px;height:21px;padding:2px 5px;background:#168a7e;color:white;border-radius:99px;display:grid;place-items:center;font-size:10px;font-weight:900}
.chat-thread{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-thread-header{display:flex;gap:11px;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebf0;padding:14px 19px;min-height:66px}
.chat-thread-title{font-size:15px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:24px 22px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#fff,#fcfefd)}
.chat-msg{display:flex;max-width:83%;gap:8px;align-items:flex-end}
.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}
.chat-msg:not(.mine){align-self:flex-start}
.chat-face{flex:none;width:30px;height:30px;border-radius:50%;background:#dcecf2;color:#326579;font-size:10px;font-weight:800;display:grid;place-items:center}
.chat-msg.mine .chat-face{background:#d1f2e8;color:#167667}
.chat-msg-inner{max-width:100%;min-width:0}
.chat-msg-meta{display:flex;gap:9px;align-items:center;margin-bottom:4px;font-size:10px;color:#8294a1}
.chat-msg.mine .chat-msg-meta{justify-content:flex-end}
.chat-msg-meta b{color:#5e7483}
.chat-bubble{background:#f0f5f8;border-radius:13px 13px 13px 3px;padding:11px 13px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;color:#284457}
.chat-msg.mine .chat-bubble{background:#d8f4ea;border-radius:13px 13px 3px 13px;color:#15574f}
.chat-compose{border-top:1px solid #e4ebf0;padding:13px 18px;display:flex;gap:10px;align-items:end;background:#fff}
.chat-compose textarea{flex:1;resize:vertical;min-height:44px;max-height:140px;line-height:1.5}
.chat-compose .btn{align-self:end}
.chat-login{max-width:470px;margin:25px auto;border:1px solid #e1eaf0;background:#fff;border-radius:16px;padding:25px;box-shadow:0 5px 20px #12344e08}
.chat-login label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#647b8d;margin-top:15px}
.chat-login select,.chat-login input{width:100%;padding:12px;border:1px solid #d9e5ed;border-radius:9px;background:#fff}
.chat-note{font-size:11px;color:#738796;line-height:1.5}
.chat-back{display:none}
.chat-loading{margin:auto;color:#9aabb6;font-size:12px;text-align:center;padding:25px;max-width:310px}
.chat-status{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#7d91a4;font-size:11px}
.chat-status .dot{width:6px;height:6px;border-radius:50%;background:#2bb59f}
.chat-status.offline .dot{background:#e4a53e}
.chat-empty{margin:auto;text-align:center;max-width:350px;color:#889dad;font-size:13px;line-height:1.8}
.chat-filter{min-width:0;width:100%;padding:9px 11px;border:1px solid #d8e3e8;border-radius:10px;font-size:12px;background:white}
.chat-work-order-link{border:0;background:#eef8f5;border-radius:8px;padding:9px 12px;font-weight:700;color:#23766b;font-size:12px;cursor:pointer}
.chat-mobile-back{display:none}
@media(max-width:900px){.chat-shell{grid-template-columns:225px minmax(0,1fr)}.chat-msg{max-width:91%}}
@media(max-width:740px){.chat-shell{height:calc(100dvh - 220px);min-height:390px;display:block;position:relative}.chat-sidebar,.chat-thread{position:absolute;inset:0}.chat-sidebar{transform:translateX(-102%);transition:transform .15s ease;z-index:4}.chat-shell.show-rooms .chat-sidebar{transform:translateX(0)}.chat-shell.show-rooms .chat-thread{display:none}.chat-thread{display:flex}.chat-mobile-back{display:inline-flex}.chat-messages{padding:13px 12px}.chat-thread-header{padding:11px 12px}.chat-compose{padding:10px}.chat-compose .btn{padding:12px}.chat-room{padding:11px}.chat-login{margin:0 0 20px}.chat-note{font-size:10px}}
@media(min-width:741px){.chat-shell{grid-template-rows:minmax(0,1fr)}.chat-thread{height:100%;overflow:hidden}.chat-sidebar{height:100%;overflow:hidden}}