/* Tabler MIT chat component structure, theme adapted; see vendor/tabler/LICENSE. */.support-chat{--chat-bubbles-gap:16px;--chat-bubble-padding:12px 16px;display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 150px);min-height:480px;width:100%;color:#252b34;background:#fff;border-top:1px solid #dde2e8;border-bottom:1px solid #dde2e8;font:13px/1.5 Pretendard,system-ui,sans-serif}.support-conversations{display:flex;min-width:0;flex-direction:column;background:#f8f9fb;border-right:1px solid #dde2e8;overflow:hidden}.support-conversations>header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.support-chat h1,.support-chat h2{font-size:15px;font-weight:650;margin:0}.support-search{padding:0 16px 16px;display:flex;gap:8px;flex-wrap:wrap}.support-search input{flex-basis:100%;width:100%}.support-chat input,.support-chat select,.support-chat textarea{min-width:0;border:1px solid #dde2e8;border-radius:4px;padding:8px 10px;background:white;color:#252b34;font:inherit}.support-chat button{font:inherit;color:#365d86;border:1px solid #d6dfe9;background:white;border-radius:4px;padding:6px 12px;cursor:pointer}.support-chat button:hover{background:#edf2f7}.support-search select{flex:1}.support-chat :focus-visible{outline:2px solid #7396ba;outline-offset:2px}.support-room-list{flex:1;overflow:auto}.support-room{display:flex;align-items:center;gap:12px;padding:16px;text-decoration:none;color:#252b34;border-left:3px solid transparent}.support-room:hover{background:#eff3f7}.support-room.is-selected{background:#eaf0f7;border-left-color:#365d86}.support-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e6ebf1;color:#365d86;flex:none;font-weight:600}.support-room-name{display:flex;flex-direction:column;gap:4px;min-width:0}.support-room-name strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-room small,.support-room time{font-size:11px;color:#78818c}.support-room-meta{margin-left:auto;display:flex;flex-direction:column;align-items:end;gap:6px;white-space:nowrap}.support-room-meta b{font-size:10px;line-height:18px;min-width:18px;text-align:center;border-radius:9px;background:#365d86;color:white}.support-pages{display:flex;justify-content:center;gap:4px;padding:12px}.support-pages a{min-width:28px;padding:4px;color:#626b78;text-decoration:none;text-align:center;border-radius:3px}.support-pages a.is-current{background:#365d86;color:white}.support-thread{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.support-thread-header{display:flex;gap:12px;align-items:center;min-height:64px;padding:12px 24px;border-bottom:1px solid #e8edf2}.support-thread-header small{font-size:11px;color:#626b78}.support-thread-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.support-thread-actions button{font-size:11px;padding:5px 10px}.support-back{color:#365d86;text-decoration:none;font-size:20px}.support-message-scroll{flex:1;min-height:0;overflow:auto;padding:24px;scrollbar-gutter:stable}.support-chat .chat-bubbles{display:flex;flex-direction:column;gap:16px}.support-chat .chat-bubble{position:relative;padding:12px 16px;background:#f1f3f6;border-radius:8px;max-width:min(72%,720px);align-self:flex-start;animation:chat-appear .16s ease-out}.support-chat .chat-bubble-me{background:#e9f0f8;align-self:flex-end;box-shadow:none}.support-chat .chat-bubble-title{display:flex;gap:12px;align-items:center;margin-bottom:6px}.support-chat .chat-bubble-author{font-size:11px;font-weight:600;color:#626b78}.support-chat .chat-bubble-date{font-size:10px;color:#7b8592;margin-left:auto;white-space:nowrap}.support-chat .chat-bubble-body{white-space:pre-wrap;overflow-wrap:anywhere}.support-chat .chat-bubble-read{font-size:10px;color:#626b78;text-align:right;margin-top:5px}.support-chat .chat-bubble-system{background:#f7f9fc;border-left:2px solid #839fbe;border-radius:0 6px 6px 0;max-width:min(85%,760px)}.support-older{display:block;margin:0 auto 20px!important;border:0!important;font-size:11px!important}.support-chat [hidden]{display:none!important}.support-composer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e8edf2}.support-composer textarea{flex:1;resize:none;min-height:56px;max-height:140px}.support-composer button{width:42px;align-self:center;background:#365d86;color:white;border-color:#365d86;padding:8px}.support-composer button:hover{background:#2b4e71}.support-chat-error{padding:0 24px;color:#ba4c58;font-size:12px;margin:0}.support-new-messages{align-self:center;margin:4px!important;font-size:11px!important}.support-welcome{display:grid;place-content:center;justify-items:center;height:100%;color:#78818c;gap:12px}.support-welcome p{margin:0}.support-empty{padding:24px;text-align:center;color:#78818c}.support-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes chat-appear{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media(min-width:2000px){.support-chat{grid-template-columns:340px minmax(0,1fr)}.support-chat .chat-bubble{max-width:65%}}@media(max-width:800px){.support-chat{grid-template-columns:240px minmax(0,1fr)}.support-thread-header,.support-message-scroll,.support-composer{padding:12px}.support-thread-actions{gap:4px}.support-chat .chat-bubble{max-width:90%}}@media(max-width:600px){.support-chat{height:calc(100dvh - 140px);min-height:420px;display:block}.support-conversations,.support-thread{height:100%}.support-chat:not(.has-room) .support-thread,.support-chat.has-room .support-conversations{display:none}.support-thread-header{flex-wrap:wrap}.support-thread-actions{margin-left:auto}.support-chat .chat-bubble{max-width:94%}.support-composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.support-room{padding:16px}.support-chat .chat-bubble-title{gap:8px}}@media(prefers-reduced-motion:reduce){.support-chat .chat-bubble{animation:none}}
.support-chat-page{width:100%;max-width:none;margin:0;padding:16px 20px}.ops-main:has(.support-chat){width:100%;max-width:none;padding:16px 20px}.ops-admin-main:has(.support-chat){padding-left:16px!important;padding-right:16px!important}.support-chat-page .support-chat{height:calc(100dvh - 110px)}@media(max-width:600px){.support-chat-page{padding:12px}.ops-main:has(.support-chat){padding:12px}.support-chat-page .support-chat{height:calc(100dvh - 110px)}}

/* Full-width conversation workspace inside the shared administrator shell. */
.ops-admin-main > .support-chat{max-width:none;margin-inline:0}
.support-chat-page{box-sizing:border-box;min-width:0}
@media(min-width:1600px){.support-chat{grid-template-columns:320px minmax(0,1fr)}}

.support-status-tabs{display:flex;gap:0;border-bottom:1px solid #dde2e8;padding:0 12px}.support-status-tabs a{flex:1;display:flex;gap:5px;align-items:center;justify-content:center;white-space:nowrap;padding:12px 2px;color:#626b78;text-decoration:none;font-size:12px;border-bottom:2px solid transparent}.support-status-tabs a.is-active{color:#365d86;border-bottom-color:#365d86;font-weight:600}.support-status-tabs span{font-size:11px;color:inherit;font-variant-numeric:tabular-nums}.support-status-tabs a:focus-visible{outline:2px solid #365d86;outline-offset:-2px}
/* Contain long lists within the viewport instead of expanding the grid row. */
.support-chat{grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden;box-sizing:border-box}.support-conversations,.support-room-list{min-height:0}.support-conversations>header,.support-search,.support-status-tabs,.support-pages,.support-thread-header,.support-composer,.support-chat-error{flex-shrink:0}.support-room-list{overscroll-behavior:contain}.support-message-scroll{overscroll-behavior:contain}.support-pages{border-top:1px solid #dde2e8;background:#f8f9fb}.support-search input{box-sizing:border-box}.support-chat-page:has(.support-chat){min-height:0}

.support-composer{flex-wrap:wrap;align-items:center}.support-composer textarea{flex:1 1 100px}.support-attach{display:grid;place-items:center;flex:none;width:28px;height:36px;color:#626b78;cursor:pointer}.support-attach:focus-within{outline:2px solid #365d86;outline-offset:2px}.support-attachment-preview{order:-1;flex-basis:100%;display:flex;align-items:center;gap:12px}.support-attachment-preview img{height:52px;max-width:100px;object-fit:contain;border-radius:4px}.support-attachment-preview span{font-size:10px;color:#626b78}.support-attachment-preview button{width:28px;min-width:28px;background:none;color:#626b78;border:0}.support-image-link{display:block;margin-top:6px;max-width:320px}.support-image-link img{display:block;max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain;border-radius:5px}@media(max-width:600px){.support-image-link{max-width:240px}.support-composer{gap:8px}}

/* Tabler headset + Chatscope conversation identity layout. */
.support-thread-header .support-contact{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.support-contact-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#edf2f7;color:#365d86}.support-contact-icon svg{display:block;stroke-width:1.6}.support-thread-header .support-contact-text{min-width:0}.support-thread-header .support-contact h2{margin:0;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.15px}.support-thread-header .support-contact-status{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11px;line-height:1.4;color:#748093}.support-contact-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#8995a5;flex:none}.support-contact-status[data-status=waiting]:before{background:#5484b6}.support-contact-status[data-status=active]:before{background:#369c86}.support-contact-status[data-status=closed]:before{background:#929aa6}:root[data-theme=dark] .support-contact-icon{background:#253549;color:#a9c7e6}:root[data-theme=dark] .support-thread-header .support-contact-status{color:#a3afbf}:root[data-theme=dark] .support-thread-header .support-contact h2{color:#e4ebf3}

.support-member-link{color:inherit;text-decoration:none;text-underline-offset:4px;transition:color .15s}.support-member-link:hover{color:#4979a6;text-decoration:underline}.support-member-link:focus-visible{outline:2px solid #4979a6;outline-offset:4px;border-radius:2px}:root[data-theme=dark] .support-member-link:hover{color:#9cc1e8}

/* Shared conversation appearance across member and operations chat. */
.support-contact-icon{background:#eefbfc;color:#03aac7;border-radius:12px}
.support-contact-icon svg{fill:currentColor;stroke:none;width:22px;height:22px}
.support-chat .chat-bubble{background:#f4f4f6;border:0;border-radius:12px 12px 12px 3px;line-height:1.65}
.support-chat .chat-bubble-me{background:#e4f7fa;color:#15272a;border-radius:12px 12px 3px 12px}
.support-chat .chat-bubble-system{background:#fafafa;border:1px solid #eeeeF0;border-radius:10px;border-left:1px solid #eeeef0}
.support-chat .chat-bubble-author{color:#6b6b74}.support-chat .chat-bubble-date{color:#91919a;font-variant-numeric:tabular-nums}
:root[data-theme=dark] .support-contact-icon{background:#14343b;color:#65dcea}
:root[data-theme=dark] .support-chat .chat-bubble{background:#28282e;color:#eeeef0}
:root[data-theme=dark] .support-chat .chat-bubble-me{background:#173c43;color:#d5f7fa}
:root[data-theme=dark] .support-chat .chat-bubble-system{background:#202024;border-color:#34343a}
:root[data-theme=dark] #chat-widget-root .chat-bubble{background:#28282e;color:#eeeef0;border:0}
:root[data-theme=dark] #chat-widget-root .chat-bubble-me{background:#173c43;color:#d5f7fa}

/* Keep the waiting notice near the conversation header, with the message gutter. */
.support-chat [data-chat-waiting]{margin:0 0 16px;padding:0;font-family:'Site Header Pretendard',Pretendard,system-ui,sans-serif;font-size:13px;line-height:1.65;text-align:center;word-break:keep-all;overflow-wrap:anywhere;color:#697382}
:root[data-theme=dark] .support-chat [data-chat-waiting]{color:#a1a1aa}

.support-message-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.3rem}.support-message-actions button{font:inherit;font-size:.75rem;background:transparent;border:0;color:inherit;text-decoration:underline;cursor:pointer}

/* P2P split instructions: wording and weight retain meaning without color. */
.chat-bubble-body .chat-transfer-limit,.chat-bubble-body .chat-transfer-plan,.chat-bubble-body .chat-transfer-warning{font-weight:700;word-break:keep-all;overflow-wrap:anywhere}
.chat-bubble-body .chat-transfer-plan{color:#1756a9}
.chat-bubble-body .chat-transfer-warning{color:#b42318}
:root[data-theme=dark] .chat-bubble-body .chat-transfer-plan{color:#8abaff}
:root[data-theme=dark] .chat-bubble-body .chat-transfer-warning{color:#ffaaa3}

/* Keep page numbers legible under the administrator/partner link palette. */
.support-chat .support-pages a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;box-sizing:border-box;color:#626b78;background:transparent}
.support-chat .support-pages a:hover{color:#365d86;background:#eaf0f7}
.support-chat .support-pages a.is-current,.support-chat .support-pages a.is-current:hover,.support-chat .support-pages a.is-current:focus-visible{color:#fff;background:#365d86;font-weight:700}
@media(max-width:767px){.support-chat .support-pages a{min-width:44px;min-height:44px}}

.support-audience-tabs{display:flex;gap:24px;border-bottom:1px solid #e2e8ef;margin:0 0 16px}.support-audience-tabs a{padding:10px 2px;color:#657489;text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent}.support-audience-tabs a.is-active{color:#235c9b;border-bottom-color:currentColor}.guest-chat-host{display:block;color:#7a8797;font-size:12px;overflow-wrap:anywhere}.guest-chat-restart{padding:12px 20px;text-align:center}.guest-chat-restart button{background:transparent;border:1px solid #dce3ec;border-radius:6px;padding:8px 18px;color:inherit}.guest-chat-restart[hidden]{display:none}

[data-guest-chat] [data-room-status][data-status="draft"]{display:none}