.dashboard-summary .category-sales{grid-column:span 4}
.category-sale-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid var(--line)}
.category-sale-row:last-child{border-bottom:0}
.chat-layout{height:calc(100vh - 126px);height:calc(100dvh - 126px);min-height:510px}
.chats{min-height:0;overflow-y:auto}
.chat-main{min-width:0;min-height:0}
.chat-main:has(.composer input:disabled) .messages>.chat-empty{display:none}
.messages{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.composer{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid var(--line);border-bottom:0}
.composer:has(.chat-image-preview:not([hidden])){grid-template-columns:auto auto minmax(0,1fr) auto}
.chat-plus{position:relative}
.chat-plus-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:8;width:190px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:9px}
.chat-plus-menu button,.chat-plus-menu label{display:block;width:100%;padding:9px;border:0;background:#fff;text-align:left;cursor:pointer;border-radius:6px}
.chat-plus-menu button:hover,.chat-plus-menu label:hover{background:#edf6fc}
.chat-image{display:block;max-width:min(420px,100%);max-height:310px;margin-top:8px;border:1px solid var(--line);border-radius:9px;object-fit:contain}
.chat-image-preview{position:relative;width:46px;height:46px;border:1px solid var(--line);border-radius:7px;background:#fff}
.chat-image-preview[hidden]{display:none}
.chat-image-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}
.chat-image-preview button{position:absolute;top:-7px;right:-7px;width:19px;height:19px;padding:0;border:1px solid #cbd8e2;border-radius:50%;background:#fff;color:#23384a;line-height:16px;cursor:pointer}
.poll button{display:flex;align-items:center;justify-content:space-between;gap:12px}
.poll button.selected{border:2px solid var(--blue)!important;background:#eaf6ff;color:#064f80;font-weight:700}
.bubble{width:fit-content;max-width:min(72%,100%);min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.bubble.admin-broadcast{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #dc2626!important;background:#fff7f7!important;box-shadow:none!important}
.bubble.admin-broadcast>b{color:#111!important;font-weight:800!important}
.bubble>b{display:block;max-width:100%;margin-bottom:3px;font-weight:750;overflow-wrap:anywhere}
.bubble>div{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
body:has(#udma-club-app .chat-layout){overflow:hidden}
#udma-club-app .content:has(.chat-layout){overflow:hidden}
#udma-club-app .chat-layout{overscroll-behavior:none}
#udma-club-app .messages{overflow-anchor:none;scroll-behavior:auto}
.poll-options{display:grid;gap:8px}
.poll-option-wrap{display:grid;gap:3px}.poll-option-wrap>button{margin-bottom:0}.poll-voters{display:block;padding:1px 8px 6px;color:#5d7485;line-height:1.35}.poll-voters b{color:#35566d}.poll-visibility-option{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:12px;border:1px solid #cbdce7;border-radius:9px;background:#f4f9fc;cursor:pointer}.poll-visibility-option input{flex:0 0 auto;width:18px;height:18px;margin-top:2px}.poll-visibility-option span{display:grid;gap:2px}.poll-visibility-option small{color:#607788;font-weight:400}
.chat-team-item{display:flex;width:100%!important;max-width:none!important;min-width:0!important;text-align:left;cursor:pointer;background:#fff;color:inherit;font:inherit;font-size:13px;line-height:1.25}
.chat-team-item b{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-width:0;font-size:inherit;line-height:inherit}
.chat-team-name{min-width:0;overflow-wrap:anywhere}
.chat-team-unread-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#58ed45;box-shadow:0 0 0 3px rgba(88,237,69,.18),0 0 7px rgba(88,237,69,.8)}
.chat-team-item:hover{background:#f4f9fc}
.chat-team-item.active{background:#e7f3fb;border-color:#0b86c7}
.chat-group-title{margin:16px 0 7px;padding:0 4px;color:#315d76;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.chats>h3+.chat-group-title{margin-top:8px}
.chat-empty{padding:1rem;color:var(--muted)}
@media(max-width:900px){
  .dashboard-summary .category-sales{grid-column:1/-1}
  .chat-layout{position:relative;height:calc(100vh - 108px);height:calc(100dvh - 108px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);overflow:hidden}
  .chat-layout .chat-main{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}
  .chat-head{display:flex;align-items:center;gap:7px;min-width:0;padding:10px 15px}
  .chat-head>b{display:inline-flex;align-items:center;flex:0 0 auto}
  .chat-head>b:after{content:"·";margin-left:7px;color:#8ba0af;font-weight:400}
  .chat-head>.muted{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-chats-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 15px;border:0;border-bottom:1px solid #b8d3e2;background:#e1f0f8;color:#17445f;font-weight:700;text-align:left;cursor:pointer}
  .mobile-chats-toggle-action{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid #087bc1;border-radius:9px;background:#fff;color:#087bc1;box-shadow:0 2px 6px rgba(8,123,193,.12);font-size:13px;font-weight:750;line-height:1}
  .mobile-chats-toggle-action i{font-size:22px;font-style:normal;line-height:1;transition:transform .2s}
  .chat-layout.mobile-chats-open .mobile-chats-toggle-action i{transform:rotate(180deg)}
  .chat-layout .chats{display:block!important;position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(300px,82vw);min-height:0;padding:18px 12px;border:0;border-left:1px solid #bfd5e3;overflow-x:hidden;overflow-y:auto;background:#eef7fc;box-shadow:-12px 0 30px rgba(3,22,38,.2);transform:translateX(105%);transition:transform .22s ease}
  .chat-layout.mobile-chats-open .chats{transform:translateX(0)}
  .chat-layout.mobile-chats-open:after{content:"";position:fixed;inset:0;z-index:59;background:rgba(3,22,38,.42)}
  .chat-layout .chats h3{margin:0 0 10px;font-size:17px;color:#17445f}
  .chat-layout .chat-group-title{margin:15px 0 6px;padding:7px 8px;border-bottom:1px solid #bfd5e3;color:#315d76;font-size:11px;font-weight:700;letter-spacing:.08em}
  .chat-layout .chats>h3+.chat-group-title{margin-top:4px}
  .chat-layout .chat-team-item{display:flex;width:100%!important;max-width:none!important;min-width:0!important;min-height:38px;margin:5px 0;padding:8px 11px;border:1px solid #bfd5e3;border-radius:8px;background:#fff;white-space:normal;font-size:13px;font-weight:600;line-height:1.25;box-shadow:0 1px 2px rgba(18,48,70,.05)}
  .chat-layout .chat-team-item b{display:flex;width:100%;min-width:0;overflow-wrap:anywhere;text-align:left}
  .chat-layout .chat-team-item:hover{background:#f7fbfe;border-color:#72add0}
  .chat-layout .chat-team-item.active{background:#087bc1;border-color:#087bc1;color:#fff;box-shadow:none}
  .sidebar.open{box-shadow:0 0 0 100vmax rgba(3,22,38,.42)}
}
@media(min-width:901px){.mobile-chats-toggle{display:none}}

.poll-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.poll-heading>div{min-width:0}.poll-delete-button{flex:0 0 auto;padding:4px 8px;border:1px solid #e2a7a2;border-radius:7px;background:#fff;color:#a52a20;font:inherit;font-size:11px;cursor:pointer}.poll-delete-button:hover{border-color:#bd3429;background:#fff1f0}.poll-delete-confirm{max-width:430px}.poll-delete-confirm p{margin:10px 0 22px}.poll-delete-confirm .modal-actions{display:flex;justify-content:flex-end;gap:9px}.poll-delete-confirm .btn.danger{border-color:#b92820;background:#b92820;color:#fff}