.dm-modal .footer-modal-body.dm-body{padding: 0;display: flex;flex-direction: column;min-height: 360px;max-height: 70vh}.dm-back-btn{background: none;border: none;font-size: 1.6rem;line-height: 1;cursor: pointer;padding: 0 8px 0 0;color: var(--text-color)}.dm-thread-actions{margin-left: auto;margin-right: 8px;position: relative}.dm-thread-actions > button{background: none;border: none;cursor: pointer;font-size: 1.4rem;line-height: 1;color: var(--text-color)}.dm-thread-menu{position: absolute;right: 0;top: 110%;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);box-shadow: var(--shadow-sm);min-width: 130px;z-index: 5;overflow: hidden}.dm-thread-menu button{display: block;width: 100%;text-align: left;background: none;border: none;cursor: pointer;padding: 10px 14px;font-size: 0.9rem;color: var(--text-color)}.dm-thread-menu button:hover{background: var(--color-peach)}.dm-list-view{flex: 1;overflow-y: auto}.dm-conv-row{display: flex;align-items: center;gap: 12px;padding: 12px 16px;cursor: pointer;border-bottom: 1px solid var(--border-color-light,#eee);text-align: left;width: 100%;background: none;border-left: none;border-right: none;border-top: none}.dm-conv-row:hover{background: var(--color-cream,#fff8e7)}.dm-avatar{width: 44px;height: 44px;flex-shrink: 0;border-radius: var(--radius-sm);overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--color-peach);font-weight: 700;font-size: 1.1rem;border: 2px solid var(--border-color)}.dm-avatar img{width: 100%;height: 100%;object-fit: cover}.dm-conv-info{flex: 1;min-width: 0}.dm-conv-name{font-weight: 700;font-size: 0.95rem}.dm-conv-preview{font-size: 0.85rem;color: var(--text-muted,#888);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dm-conv-row.unread .dm-conv-name::after{content: '';display: inline-block;width: 8px;height: 8px;background: #ff3b30;border-radius: 50%;margin-left: 6px;vertical-align: middle}.dm-conv-row.unread .dm-conv-preview{color: var(--text-color);font-weight: 600}.dm-thread-view{flex: 1;display: flex;flex-direction: column;min-height: 0}.dm-messages{flex: 1;overflow-y: auto;padding: 16px;display: flex;flex-direction: column;gap: 8px}.dm-row{display: flex;align-items: flex-end;gap: 6px;max-width: 85%}.dm-row.theirs{align-self: flex-start}.dm-row.mine{align-self: flex-end}.dm-msg-avatar{width: 30px;height: 30px;flex-shrink: 0;border-radius: var(--radius-xs);overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--color-peach);font-weight: 700;font-size: 0.8rem;border: 2px solid var(--border-color)}.dm-msg-avatar img{width: 100%;height: 100%;object-fit: cover}.dm-msg-avatar{cursor: pointer}.dm-avatar-menu{position: fixed;z-index: 10002;background: var(--color-white);border: 2px solid var(--border-color);border-radius: var(--radius-xs);box-shadow: var(--shadow-sm);overflow: hidden;min-width: 120px}.dm-avatar-menu button{display: block;width: 100%;text-align: left;background: none;border: none;cursor: pointer;padding: 10px 14px;font-size: 0.85rem;white-space: nowrap;color: var(--text-color)}.dm-avatar-menu button:hover{background: var(--color-peach)}.dm-bubble{max-width: 100%;padding: 8px 12px;border-radius: 14px;font-size: 0.9rem;line-height: 1.4;word-break: break-word;white-space: pre-wrap;border: 2px solid var(--border-color)}.dm-bubble.theirs{background: var(--color-white);border-bottom-left-radius: 4px}.dm-bubble.mine{background: var(--color-peach);border-bottom-right-radius: 4px}.dm-bubble-time{display: block;font-size: 0.68rem;color: var(--text-muted,#999);margin-top: 2px}.dm-read{margin-left: 5px;font-size: 0.62rem;color: var(--text-muted,#b08);opacity: 0.85}.dm-compose{display: flex;align-items: flex-end;gap: 8px;padding: 10px 12px;border-top: 2px solid var(--border-color);flex-shrink: 0}.dm-compose textarea{flex: 1;min-width: 0;resize: none;height: 40px;min-height: 40px;max-height: 120px;padding: 8px 10px;font-family: inherit;font-size: 0.9rem;border: 2px solid var(--border-color);border-radius: var(--radius-xs)}.dm-compose button{flex-shrink: 0}.dm-send-btn{width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;background: var(--primary-color);color: var(--text-color);border: 2px solid var(--border-color);border-radius: var(--radius-xs);box-shadow: 2px 2px 0 var(--border-color);cursor: pointer}.dm-send-btn:active{transform: translate(1px,1px);box-shadow: none}.dm-compose.disabled{opacity: 0.6}.dm-banner{padding: 10px 16px;text-align: center;font-size: 0.85rem;color: var(--text-muted,#888);background: var(--color-cream,#fff8e7);border-top: 2px solid var(--border-color)}.dm-state{padding: 40px 16px;text-align: center;color: var(--text-muted,#888);font-size: 0.9rem}.support-chat{display: flex;flex-direction: column;min-height: 320px;max-height: 60vh}.support-messages{flex: 1;overflow-y: auto;padding: 4px 2px 8px;display: flex;flex-direction: column;gap: 8px;min-height: 0}.support-row{display: flex;align-items: flex-end;gap: 6px;max-width: 85%}.support-row.operator{align-self: flex-start}.support-row.mine{align-self: flex-end;flex-direction: row-reverse}.support-avatar{flex-shrink: 0}.support-content{display: flex;flex-direction: column;gap: 4px;min-width: 0}.support-row.mine .support-content{align-items: flex-end}.support-bubble{padding: 9px 12px;border-radius: var(--radius-sm,12px);font-size: 0.9rem;line-height: 1.45;word-break: break-word;white-space: pre-wrap;border: 2px solid var(--border-color)}.support-bubble.operator{background: var(--color-white,#fff);border-bottom-left-radius: 4px}.support-bubble.mine{background: var(--color-peach,#ffe6d6);border-bottom-right-radius: 4px}.support-bubble.support-greeting{background: var(--color-cream,#fff8e7)}.support-image-link{display: inline-block;line-height: 0}.support-image{max-width: 220px;max-height: 240px;border-radius: var(--radius-sm,12px);border: 2px solid var(--border-color);cursor: pointer;object-fit: cover}.support-lightbox{display: none;position: fixed;inset: 0;z-index: var(--z-modal-confirm,4000);background: rgba(0,0,0,.85);align-items: center;justify-content: center;padding: 24px}.support-lightbox.show{display: flex}.support-lightbox-img{max-width: 100%;max-height: 100%;object-fit: contain;border-radius: var(--radius-sm,12px)}.support-lightbox-close{position: absolute;top: calc(env(safe-area-inset-top,0px) + 12px);right: 12px;box-sizing: border-box;width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;border: 2.5px solid #1a1a1a;border-radius: 8px;background: #fff;color: #1a1a1a;font: 700 26px/1 Arial,sans-serif;cursor: pointer;box-shadow: 3px 3px 0 #1a1a1a;-webkit-tap-highlight-color: transparent}.support-lightbox-close:active{transform: translate(1px,1px);box-shadow: 2px 2px 0 #1a1a1a}.support-compose{display: flex;align-items: flex-end;gap: 6px;padding: 10px 2px 2px;flex-shrink: 0;border-top: 2px solid var(--border-color);margin-top: 8px}.support-compose textarea{flex: 1;min-width: 0;resize: none;height: 40px;min-height: 40px;max-height: 120px;padding: 8px 10px;font-family: inherit;font-size: 0.9rem;border: 2px solid var(--border-color);border-radius: var(--radius-xs)}.support-attach-btn,.support-send-btn{flex-shrink: 0;width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;border: 2px solid var(--border-color);border-radius: var(--radius-xs);cursor: pointer}.support-attach-btn{background: var(--color-white,#fff);color: var(--text-color)}.support-attach-btn:hover{background: var(--color-cream,#fff8e7)}.support-send-btn{background: var(--primary-color);color: var(--text-color);box-shadow: 2px 2px 0 var(--border-color)}.support-send-btn:active{transform: translate(1px,1px);box-shadow: none}.support-attach-preview{padding: 6px 2px 0}.support-attach-chip{position: relative;display: inline-block}.support-attach-chip img{max-width: 80px;max-height: 80px;border-radius: 8px;border: 2px solid var(--border-color);object-fit: cover;display: block}.support-attach-remove{position: absolute;top: -8px;right: -8px;width: 20px;height: 20px;line-height: 1;padding: 0;border-radius: 50%;background: #ef4444;color: #fff;border: 2px solid #fff;cursor: pointer;font-size: 11px}.support-fab-badge{position: absolute;top: -2px;right: -2px;width: 14px;height: 14px;border-radius: 50%;background: #ef4444;border: 2px solid #fff}.support-fab-badge.is-hidden{display: none}