@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Trebuchet MS,sans-serif;line-height:1.4;font-weight:400;color:#0b1118;background-color:#eef2f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;height:100vh}button,input,textarea{font-family:inherit}.eyebrow{margin:0;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#0f8d6a}.hint{font-size:.9rem;color:#4d5c66}.ghost-btn{background:transparent;border:1px solid rgba(15,70,60,.3);color:#0f463c;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:.8rem}.app-shell{height:100vh;display:flex;align-items:stretch;background:radial-gradient(circle at top left,#e9f7f1,#f5f6f8 55%,#eef3f5)}.app-shell.collapsed .app-sidebar{width:64px}.app-sidebar{position:sticky;top:0;height:100vh;max-height:100vh;padding:18px 14px;border-right:none;width:200px;min-width:20px;background:linear-gradient(180deg,#fffffff5,#ffffffe6);display:flex;flex-direction:column;gap:12px;box-shadow:18px 0 30px #0c142414;overflow:hidden;flex-shrink:0}.app-logo-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:4px;width:100%;padding:8px;border:none;border-radius:12px;background:#0f8d6a14;cursor:pointer;transition:background .2s ease,transform .2s ease}.app-logo{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;color:#0f8d6a}.app-logo-button:hover{background:#0f8d6a24;transform:translateY(-1px)}.app-nav{display:flex;flex-direction:column;gap:6px}.app-nav a,.app-nav button{display:inline-flex;align-items:center;gap:8px;text-align:left;border:none;background:none;padding:9px 12px;border-radius:14px;cursor:pointer;color:#0d1b24;font-size:.9rem;position:relative;transition:background .2s ease,color .2s ease,transform .2s ease}.app-shell.collapsed .app-logo{font-size:.9rem;text-align:center}.app-shell.collapsed .app-nav span{display:none}.app-shell.collapsed .app-logo-button{justify-content:center}.app-nav a.active{background:#06cf9c29;color:#0f463c;transform:translate(2px)}.app-nav a:hover,.app-nav button:hover{background:#06cf9c1a}.app-content{min-width:0;height:100vh;overflow:hidden;flex:1}@media(max-width:900px){.app-shell{flex-direction:column}.app-sidebar{position:static;height:auto;align-items:center;width:100%;min-width:0}.app-logo{align-self:center}}.chat-root{--ticket-ink: #0c1f29;--ticket-muted: #54626d;--ticket-border: rgba(17, 34, 46, .12);--ticket-surface: rgba(255, 255, 255, .92);--ticket-accent: #1fbd93;--ticket-accent-strong: #0f8d6a;--ticket-glow: rgba(31, 189, 147, .18);--ticket-alert: #d64545;height:100%;background:radial-gradient(circle at top left,#e9f7f1,#f5f6f8 55%,#eef3f5)}.chat-shell{margin-top:0;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:calc(100% + -0px)}.chat-list{display:flex;flex-direction:column;gap:10px;max-height:100%;overflow:hidden;padding:12px;border-radius:18px;border:none}.chat-list-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.chat-list-header{position:sticky;top:0;z-index:2;padding:6px 0 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;gap:10px}.chat-tabs-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:3}.chat-tabs-search{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid rgba(12,31,41,.08);box-shadow:0 6px 14px #0c1f2914;flex:1;min-width:0}.chat-tabs-search-input{border:none;outline:none;background:transparent;font-size:.86rem;color:var(--ticket-ink);flex:1;min-width:0}.chat-tabs-new-icon{border:none;background:#1fbd9314;color:var(--ticket-accent-strong);width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat-tabs-filter-icon{border:none;background:#1fbd931f;color:var(--ticket-accent-strong);width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.chat-tabs-filter-icon:hover{background:#1fbd9333;transform:translateY(-1px)}.chat-tabs-filter-icon:active{transform:translateY(0)}.chat-search-panel{margin-top:10px;background:#fff;border-radius:16px;border:1px solid rgba(12,31,41,.08);padding:12px 10px;display:grid;gap:12px;box-shadow:0 12px 24px #0c1f291f}.chat-search-field{display:grid;gap:6px;padding:0 2px}.chat-search-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ticket-muted);font-weight:600}.chat-search-input{border:1px solid rgba(12,31,41,.12);border-radius:10px;padding:8px 10px;font-size:.82rem;color:var(--ticket-ink);background:#fff;width:100%}.chat-search-select{position:relative;display:grid}.chat-search-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;border:1px solid rgba(12,31,41,.08);box-shadow:0 10px 24px #0c1f2924;padding:8px;display:grid;gap:4px;z-index:2;max-height:260px;overflow:auto}.chat-search-option{border:none;background:#fff;color:var(--ticket-ink);padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;font-size:.84rem;flex-wrap:nowrap}.chat-search-option:hover{background:#1fbd931f}.chat-search-option-avatar{width:34px;height:34px;border-radius:999px;background:#1fbd931f;color:var(--ticket-accent-strong);display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:600;text-transform:uppercase}.chat-search-option-avatar img{width:100%;height:100%;object-fit:cover}.chat-search-option-initials{font-size:.72rem}.chat-search-option-text{display:grid;gap:2px}.chat-search-option-dot{width:10px;height:10px;border-radius:999px;display:inline-block;flex-shrink:0}.chat-search-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chat-search-chip{border:none;background:#1fbd931f;color:var(--ticket-accent-strong);border-radius:999px;padding:4px 8px;font-size:.72rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chat-search-chip-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.chat-search-chip-remove{font-size:.8rem;line-height:1}.chat-search-hint{margin-top:6px;font-size:.72rem;color:var(--ticket-muted)}.chat-search-option-title{font-weight:600;color:var(--ticket-ink)}.chat-search-option-sub{font-size:.74rem;color:var(--ticket-muted)}.chat-search-option-empty{padding:8px 10px;font-size:.78rem;color:var(--ticket-muted)}.chat-tabs-icon{border:none;background:transparent;color:var(--ticket-muted);width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.chat-tabs-icon:hover{background:#0c1f290f;color:var(--ticket-ink)}.chat-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:center}.chat-tab{border:none;background:#fff;color:var(--ticket-ink);padding:10px 12px;border-radius:12px;font-size:.78rem;font-weight:600;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.chat-tab:hover{border-color:#1fbd9380;background:#1fbd9314}.chat-tab.active{border-color:#1fbd93b3;background:#1fbd9329;color:var(--ticket-accent-strong);box-shadow:inset 0 0 0 1px #1fbd9326}.chat-tab-action{border:none;background:#fff;color:var(--ticket-ink);width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.chat-tab-action:hover{background:#0d1b240f}.chat-tab-settings{display:inline-flex;align-items:center;justify-content:center}.chat-tab-panel{width:100%;background:#fff;border-radius:14px;padding:12px;box-shadow:0 12px 24px #0c1f2929;border:1px solid rgba(12,31,41,.08);display:grid;gap:12px;margin-top:8px}.chat-tab-panel-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-tab-panel-icon{border:1px solid rgba(12,31,41,.12);background:#fff;color:var(--ticket-ink);width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat-tab-panel-field{display:grid;gap:6px}.chat-tab-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-tab-panel-toggle{width:100%;border:1px solid rgba(12,31,41,.12);border-radius:10px;padding:8px 10px;font-size:.8rem;font-weight:600;color:var(--ticket-ink);background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.chat-tab-panel-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ticket-muted);font-weight:600}.chat-tab-panel-link{border:none;background:transparent;color:var(--ticket-accent-strong);font-size:.72rem;font-weight:600;cursor:pointer;padding:0}.chat-tab-panel-select{width:100%;border-radius:10px;border:1px solid rgba(12,31,41,.12);padding:8px 10px;font-size:.82rem;color:var(--ticket-ink);background:#fff}.chat-tab-panel-queues{display:grid;gap:6px}.chat-tab-panel-queue{display:flex;align-items:center;gap:8px;border:1px solid rgba(12,31,41,.08);border-radius:10px;padding:6px 8px;background:#0c1f2905;font-size:.8rem;color:var(--ticket-ink)}.chat-tab-panel-checkbox{width:14px;height:14px;accent-color:var(--ticket-accent-strong)}.chat-tab-panel-queue-name{flex:1;font-weight:600}.chat-tab-panel-action{border:1px solid rgba(12,31,41,.12);background:#fff;color:var(--ticket-ink);border-radius:10px;padding:6px 10px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.chat-tab-count{background:#0d1b2414;color:inherit;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;line-height:1}.chat-tab-count--pending{background:#d6454524;color:var(--ticket-alert)}.chat-tab.active .chat-tab-count--pending{background:#0d1b2414;color:inherit}.chat-tab-back{width:100%;justify-content:center;font-weight:700;border-color:#0c1f292e;background:#0c1f290a;grid-column:1 / -1}.chat-list-item,.ticket-card{display:grid;gap:2px;padding:6px;border-radius:14px;background:#fff;border:none;font-size:.84rem;color:var(--ticket-muted);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.chat-list-item.active{border-color:#1fbd9380;background:#1fbd9314;color:var(--ticket-accent-strong)}.ticket-card{grid-template-columns:64px 1fr;align-items:center;gap:6px;cursor:pointer;min-height:104px;max-height:140px;overflow:hidden;position:relative}.ticket-left{display:grid;gap:6px;justify-items:center;align-content:space-between;height:100%}.ticket-avatar{width:48px;height:48px;border-radius:30px;background:linear-gradient(145deg,#1fbd932e,#1fbd9314);display:grid;place-items:center;color:var(--ticket-accent-strong);font-weight:600;overflow:hidden;border:1px solid rgba(31,189,147,.2)}.ticket-avatar img{width:100%;height:100%;object-fit:cover}.ticket-content{display:grid;gap:6px;min-width:0;height:100%;grid-template-rows:auto 1fr auto;align-content:stretch;position:relative}.ticket-card:hover{border-color:transparent;box-shadow:0 14px 26px #0c14241f;background:linear-gradient(135deg,#1fbd9314,#fffffff5);transform:translateY(-1px)}.ticket-card:focus-visible{outline:2px solid rgba(31,189,147,.6);outline-offset:2px}.ticket-queue{padding:3px 8px;border-radius:999px;font-size:.58rem;color:var(--ticket-ink);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none}.ticket-title{font-size:.95rem;color:var(--ticket-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-title-row{display:flex;align-items:center;gap:8px;min-width:0}.ticket-title-wrap{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.ticket-title-wrap .ticket-title{min-width:0}.ticket-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;white-space:nowrap}.ticket-time{font-size:.7rem;color:#7a8692}.ticket-agent{font-size:.7rem;color:#6a7680;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-preview{font-size:.74rem;color:var(--ticket-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center}.ticket-preview-row{display:flex;align-items:center;gap:6px;min-width:0}.ticket-bot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:#5300eb1f;color:#3b17a6;flex-shrink:0}.ticket-tags{display:flex;flex-wrap:wrap;gap:6px}.ticket-actions-row{display:flex;gap:8px;align-items:center;min-width:0;padding-right:32px}.ticket-unread{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;font-size:.62rem;font-weight:700;background:#1fbd9333;color:var(--ticket-accent-strong);box-shadow:inset 0 0 0 1px #1fbd9340}.ticket-actions{display:inline-flex;gap:6px;position:absolute;right:8px;bottom:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.ticket-actions button{display:inline-flex;align-items:center;justify-content:center;border:none;background:#fff;border-radius:10px;padding:6px 8px;font-size:.9rem;cursor:pointer;color:#0d1b24;box-shadow:0 8px 14px #0c14241f}.ticket-actions button:hover{background:#1fbd931f;border-color:#1fbd9366}.ticket-actions .ticket-action-danger{color:#d12d2d}.ticket-actions .ticket-action-danger svg{color:inherit}.ticket-actions .ticket-action-danger:hover{background:#d12d2d1f;border-color:#d12d2d66}.ticket-card:hover .ticket-actions{opacity:1;pointer-events:auto}.ticket-tag{padding:3px 8px;border-radius:999px;font-size:.6rem;color:#0b1118;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;display:inline-flex;align-items:center;gap:6px}.ticket-tag-remove{border:none;background:transparent;color:inherit;font-size:.9rem;cursor:pointer;padding:0 2px;line-height:1}.ticket-tag-remove:hover{color:#8b1f1f}.ticket-tags .ticket-tag:nth-child(n+7){display:none}.ticket-card:hover .ticket-tags .ticket-tag{display:inline-flex}.chat-panel{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border-radius:14px;border:1px solid rgba(13,27,36,.08);overflow:hidden;position:relative}.chat-panel.drag-over{border-color:#008b0273;box-shadow:0 0 0 2px #008b0233}.chat-drop-overlay{position:absolute;inset:0;background:#ffffffc7;display:grid;place-items:center;z-index:5;pointer-events:none}.chat-drop-overlay-box{padding:18px 26px;border-radius:16px;border:2px dashed rgba(0,139,2,.45);color:#0d1b24;background:#f6fff7;font-weight:600}.chat-panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(13,27,36,.14);background:linear-gradient(180deg,#f4faf7,#fff);box-shadow:inset 0 -1px #0d1b2414}.chat-panel-empty-header{color:#6a7680;font-size:.84rem}.chat-panel-contact{display:flex;align-items:center;gap:10px;min-width:0}.chat-panel-avatar{width:36px;height:36px;border-radius:12px;background:#06cf9c1f;color:#0f463c;display:grid;place-items:center;font-weight:600;overflow:hidden;flex-shrink:0}.chat-panel-avatar img{width:100%;height:100%;object-fit:cover}.chat-panel-avatar-button{width:100%;height:100%;border:none;padding:0;background:transparent;cursor:zoom-in;display:block}.chat-panel-avatar-button img{width:100%;height:100%;object-fit:cover;display:block}.chat-panel-contact-info{display:grid;gap:2px;min-width:0}.chat-panel-name-row{display:flex;align-items:center;gap:8px;min-width:0}.chat-panel-ticket-meta{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-panel-contact-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-panel-contact-info strong{font-size:.92rem;color:#0d1b24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel-ticket{font-size:.7rem;font-weight:600;color:#0f463c;background:#06cf9c1f;padding:2px 6px;border-radius:999px;white-space:nowrap;flex-shrink:0}.chat-panel-contact-info span{font-size:.72rem;color:#6a7680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel-ticket-info{display:grid;gap:4px;font-size:.72rem;color:#6a7680}.chat-panel-contact-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chat-panel-contact-tags .ticket-tag{max-width:none;white-space:normal;overflow:visible;text-overflow:unset}.chat-panel-tag-add{display:inline-flex;align-items:center;gap:6px}.chat-panel-tag-add select{border:none;background:#fff;padding:4px 8px;border-radius:10px;font-size:.7rem;color:#0d1b24;box-shadow:0 8px 16px #0c142414}.chat-panel-right{display:inline-flex;align-items:center;gap:10px;justify-self:end}.chat-panel-actions{display:inline-flex;align-items:center;gap:6px;position:relative}.chat-panel-actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;border:none;background:#fff;color:#2a3b45;cursor:pointer;box-shadow:0 10px 18px #0c14241f;transition:transform .2s ease,background .2s ease,color .2s ease}.chat-panel-actions button:hover{background:#06cf9c1f;color:#0f463c;transform:translateY(-1px)}.chat-panel-actions button.primary{background:#06cf9c29;color:#0f463c}.chat-panel-actions button.primary:hover{background:#06cf9c38}.chat-panel-more-vertical{font-size:1.1rem;line-height:1}.chat-panel-menu{position:absolute;top:38px;right:0;min-width:160px;background:#fff;border-radius:12px;padding:6px 0;box-shadow:0 16px 30px #0c142429;list-style:none;margin:0;z-index:5}.chat-panel-menu li{padding:8px 14px;font-size:.82rem;color:#0d1b24;cursor:pointer}.chat-panel-menu li:hover{background:#06cf9c1a}.chat-panel-actions button.danger{background:#d12d2d1f;color:#8b1f1f}.chat-panel-actions button.danger:hover{background:#d12d2d33}.chat-messages{padding:14px;overflow:auto;background:linear-gradient(180deg,#fff,#f8fafb)}.chat-empty{color:#77848e;font-size:.92rem}.chat-ticket{display:grid;gap:8px}.chat-ticket-meta{display:flex;gap:12px;font-size:.82rem;color:#6a7680}.chat-message-list{display:grid;gap:10px;margin-top:6px;grid-auto-rows:min-content}.chat-day-divider{display:flex;justify-content:center;margin:6px 0}.chat-day-divider span{font-size:.7rem;color:#6a7680;background:#f0f3f6;padding:2px 8px;border-radius:999px;border:1px solid rgba(13,27,36,.08)}.chat-message{display:grid;gap:4px;padding:8px 10px;border-radius:10px;background:#eef2f5;border:1px solid rgba(13,27,36,.08);max-width:70%}.chat-message-list>div{display:flex;flex-direction:column;gap:6px}.chat-message-row{display:flex;flex-direction:column;gap:6px}.chat-message-author{font-size:.7rem;color:#6a7680}.chat-message-meta{display:flex;justify-content:flex-end}.chat-message-body{font-size:.88rem;color:#0d1b24;white-space:pre-wrap;text-align:center;display:block;text-align:left}.chat-message-content{display:grid;gap:6px}.chat-media-stack{display:grid;gap:8px}.chat-media-image,.chat-media-sticker{max-width:220px;width:100%;height:auto;border-radius:10px;display:block;object-fit:contain;cursor:zoom-in}.chat-media-video{max-width:320px;width:100%;border-radius:10px}.pdf-native-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center}.pdf-native-backdrop{position:absolute;inset:0;background:#070c10b3}.pdf-native-content{position:relative;width:100vw;height:100vh;background:#0d1115;display:grid;grid-template-rows:auto 1fr;z-index:1}.pdf-native-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0f141aeb;color:#e6eef2}.pdf-native-title{font-size:.84rem;font-weight:600;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-native-actions{display:inline-flex;align-items:center;gap:8px}.pdf-native-actions a,.pdf-native-actions button{border:none;background:#ffffff14;color:inherit;padding:6px 10px;border-radius:10px;cursor:pointer;text-decoration:none}.pdf-native-actions a:hover,.pdf-native-actions button:hover{background:#06cf9c38;color:#fff}.pdf-native-content iframe{width:100%;height:100%;border:none;background:#0d1115}.image-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.image-modal-backdrop{position:absolute;inset:0;background:#070c10ad}.image-modal-content{position:relative;width:100vw;height:100vh;display:grid;grid-template-rows:auto 1fr;background:#0d1115;border-radius:0;overflow:hidden;box-shadow:0 30px 70px #070c1066;z-index:1}.image-modal-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f141ae6;color:#e6eef2}.image-modal-toolbar button,.image-modal-download{border:none;background:#ffffff14;color:inherit;padding:6px 10px;border-radius:10px;font-size:.82rem;cursor:pointer;text-decoration:none}.image-modal-toolbar button:hover,.image-modal-download:hover{background:#06cf9c38;color:#fff}.image-modal-stage{display:flex;align-items:center;justify-content:center;overflow:auto;background:radial-gradient(circle at top,#121820,#0d1115 60%)}.image-modal-stage-inner{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.image-modal-stage img{max-width:100%;max-height:calc(100vh - 56px);transition:transform .2s ease;object-fit:contain;transform-origin:center center}.chat-profile-modal-image{width:100vw;height:calc(100vh - 56px);max-width:none;max-height:none}.chat-media-audio{width:1px;height:1px;opacity:0;position:absolute;pointer-events:none}.chat-audio{display:flex;flex-direction:column;gap:8px;padding-top:6px;max-width:320px}.chat-audio-controls{display:none}.chat-audio-top{display:flex;align-items:center;gap:14px}.chat-audio-play-wrap{position:relative;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-audio-play{width:44px;height:44px;border-radius:999px;border:none;background:#06cf9c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;box-shadow:0 6px 14px #06cf9c47;transition:transform .15s ease,box-shadow .15s ease}.chat-audio-play:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 18px #06cf9c52}.chat-audio-play:active{transform:translateY(0);box-shadow:0 4px 10px #06cf9c3d}.chat-audio-play svg{width:12px;height:12px;position:relative;z-index:1}.chat-audio-play-icon{margin-left:1px}.chat-audio-ring{position:absolute;inset:0;width:52px;height:52px;color:#fff;opacity:.9;transform:rotate(-90deg);pointer-events:none}.chat-audio-progress{display:none}.chat-audio-time{font-size:10px;color:#6f7b84;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chat-audio-speed{display:none}.chat-audio-main{display:flex;flex-direction:column;gap:6px;flex:1}.chat-audio-wave{display:flex;align-items:flex-end;gap:3px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;touch-action:none}.chat-audio-wave-hit{background:transparent;border:none;padding:0;margin:0;display:inline-flex;align-items:flex-end;justify-content:center;cursor:pointer;width:6px}.chat-audio-wave-bar{width:2px;border-radius:999px;background:#0d1b2447;position:relative;z-index:1}.chat-audio-wave-bar.active{background:#06cf9c}.chat-audio-wave-bar.skeleton{background:#0d1b242e;animation:chat-wave-pulse 1.4s ease-in-out infinite}.chat-audio-wave-bar.fallback{background:#0d1b2433}.chat-audio-wave-bar.fallback.active{background:#06cf9c}.chat-audio-fallback{width:100%;height:6px;border-radius:999px;background:#0d1b242e;position:relative;overflow:hidden}.chat-audio-fallback-progress{height:100%;background:#06cf9c;border-radius:999px;transition:width .1s linear}.chat-audio-transcript{font-size:.84rem;color:#0d1b24;white-space:pre-wrap}.chat-audio-footer{display:flex;align-items:center;justify-content:space-between}.chat-audio-speed-btn{min-width:40px;text-align:center}@keyframes chat-wave-pulse{0%{opacity:.5}50%{opacity:.9}to{opacity:.5}}.chat-audio-speed-btn{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;color:#0d1b24;background:#06cf9c1a;border:1px solid rgba(6,207,156,.2);cursor:pointer;transition:background .15s ease}.chat-audio-speed-btn:hover{background:#06cf9c66}.chat-audio-missing{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;color:#d12d2d;font-size:.75rem}.chat-media-file{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid rgba(13,27,36,.12);background:#fffc;color:#0d1b24;font-size:.82rem;text-decoration:none}.chat-unsupported{font-size:.82rem;color:#7a8791}.chat-message-time{font-size:.74rem;color:#7a8791;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chat-ack{display:inline-flex;align-items:center;color:#7a8791;margin-left:4px}.chat-message.from-me{margin-left:auto;background:#06cf9c1f;border-color:#06cf9c59}.chat-message.from-contact{margin-right:auto;background:#e9eef2}.chat-message.internal{background:#ffc1072e;border-color:#ffc10773;color:#6b4b00}.chat-message.internal .chat-message-time,.chat-message.internal .chat-ack{color:#6b4b00cc}.chat-message.from-contact .chat-message-body{text-align:left}.chat-input{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border-top:1px solid rgba(13,27,36,.08);background:#fff}.chat-input input{height:40px;border-radius:10px;border:1px solid rgba(13,27,36,.15);padding:0 12px;font-size:.88rem}.chat-input-custom{display:flex;flex-direction:column;gap:10px;padding:12px;border-top:1px solid rgba(13,27,36,.08);background:#fff}.chat-input-box{display:flex;align-items:center;gap:8px;border:1px solid rgba(13,27,36,.12);border-radius:18px;padding:6px 10px;background:#fff;position:relative}.chat-input-box .icon{background:transparent;border:none;color:#3c4b55;display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:50%;cursor:pointer}.chat-input-box .toggle{border:1px solid rgba(13,27,36,.15);background:transparent;color:#3c4b55;border-radius:50%;height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer}.chat-input-box .toggle.active{border-color:#1fbd9380;background:#1fbd931f;color:var(--ticket-accent-strong)}.chat-input-box .toggle.active+.toggle.active{border-color:#ff9a0280;background:#ff9a021f;color:#b05d00}.chat-input-box .toggle:disabled{opacity:.6;cursor:not-allowed}.chat-input-box .icon:hover{background:#1fbd931a;color:var(--ticket-accent-strong)}.chat-input-textarea{flex:1;border:none;resize:none;font-size:.9rem;line-height:1.4;padding:6px 4px;min-height:36px;max-height:140px;background:transparent;color:var(--ticket-ink)}.chat-input-textarea:focus{outline:none}.chat-input-box .primary{border:none;background:var(--ticket-accent);color:#fff;padding:8px 14px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:48px;font-size:.9rem}.chat-input-box .primary:disabled{opacity:.6;cursor:not-allowed}.chat-input-file{display:none}.chat-input-files{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#1fbd9314;border:1px dashed rgba(31,189,147,.45)}.chat-input-files-info{display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:var(--ticket-ink)}.chat-input-files-info span{color:var(--ticket-muted);font-size:.78rem}.chat-input-files-actions{display:flex;align-items:center;gap:8px}.chat-input-files-note{font-size:.78rem;color:var(--ticket-muted)}.chat-input-files-actions .ghost{border:none;background:transparent;color:var(--ticket-muted);height:36px;width:36px;border-radius:50%;cursor:pointer}.chat-input-files-actions .primary{border:none;background:var(--ticket-accent-strong);color:#fff;height:36px;width:36px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.chat-input-files-actions button:disabled{opacity:.6;cursor:not-allowed}.chat-quick-list{position:absolute;left:12px;right:12px;bottom:54px;background:#fff;border:1px solid rgba(13,27,36,.12);border-radius:12px;box-shadow:0 10px 24px #0f1d261f;display:flex;flex-direction:column;padding:6px;gap:4px;max-height:220px;overflow:auto;z-index:10}.chat-quick-item{border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:10px;display:grid;grid-template-columns:auto 1fr;gap:10px;cursor:pointer;color:var(--ticket-ink);font-size:.85rem}.chat-quick-item:hover,.chat-quick-item.active{background:#1fbd931f;color:var(--ticket-accent-strong)}.chat-quick-code{font-weight:600;color:var(--ticket-accent-strong)}.chat-quick-label{color:var(--ticket-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-quick-empty{padding:10px 12px;font-size:.82rem;color:var(--ticket-muted)}.chat-new-ticket-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center}.chat-new-ticket-backdrop{position:absolute;inset:0;background:#070c1094}.chat-new-ticket-content{position:relative;width:min(420px,90vw);background:#fff;border-radius:18px;border:1px solid rgba(12,31,41,.08);box-shadow:0 24px 60px #0c1f2940;padding:18px;display:grid;gap:16px;z-index:1}.chat-new-ticket-header{font-size:1rem;color:var(--ticket-ink)}.chat-new-ticket-body{display:grid;gap:8px}.chat-new-ticket-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ticket-muted);font-weight:600}.chat-new-ticket-input,.chat-new-ticket-select{border:1px solid rgba(12,31,41,.12);border-radius:12px;padding:10px 12px;font-size:.86rem;color:var(--ticket-ink);background:#fff}.chat-new-ticket-actions{display:flex;justify-content:flex-end;gap:8px}.chat-new-ticket-cancel{border:1px solid rgba(12,31,41,.12);background:#fff;color:var(--ticket-ink);border-radius:10px;padding:8px 12px;font-size:.82rem;cursor:pointer}.chat-new-ticket-submit{border:none;background:var(--ticket-accent);color:#fff;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:600;cursor:pointer}@media(max-width:900px){.chat-shell{grid-template-columns:1fr}}.dashboard-root{height:100%;padding:clamp(16px,2.6vw,28px);background:radial-gradient(circle at 15% 20%,rgba(6,207,156,.14),transparent 40%),radial-gradient(circle at 85% 5%,rgba(15,46,47,.15),transparent 35%),#f5f7f9}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 16px 40px #0a142814}.dashboard-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);color:#0d1b24}.dashboard-actions{display:flex;gap:10px}.dashboard-cards{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-body{margin-top:18px}.dashboard-cards article{padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 12px 28px #0a142814;display:grid;gap:6px}.dashboard-cards h2{margin:0;font-size:1.1rem;color:#0b1118}.dashboard-cards p{margin:0;color:#47545e;font-size:.9rem}@media(max-width:600px){.dashboard-header{flex-direction:column;align-items:stretch}}#root{min-height:100vh}.auth-root{min-height:100vh;display:grid;place-items:center;padding:clamp(16px,3vw,40px);background:radial-gradient(circle at top left,rgba(6,207,156,.16),transparent 45%),radial-gradient(circle at 80% 10%,rgba(17,91,113,.22),transparent 38%),#eef2f4}.auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 32px 70px #0a14281f,0 8px 18px #0a142814}.auth-hero{position:relative;padding:clamp(32px,4vw,56px);color:#f7fafc;background:radial-gradient(circle at 20% 20%,rgba(6,207,156,.24),transparent 45%),radial-gradient(circle at 70% 10%,rgba(255,255,255,.12),transparent 40%),linear-gradient(135deg,#0b1118,#0f2e2f)}.auth-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.04),transparent);pointer-events:none}.hero-content{position:relative;display:grid;gap:18px;max-width:440px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:#06cf9c2e;color:#b4f3dc;width:fit-content}.hero-content h1{font-size:clamp(2rem,3vw,2.7rem);margin:0;line-height:1.05}.hero-content p{margin:0;color:#f7fafcc7;font-size:1rem}.hero-metrics{display:grid;gap:12px;margin-top:6px}.hero-metrics div{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#0711198c;border:1px solid rgba(255,255,255,.08)}.hero-metrics strong{font-size:.9rem;letter-spacing:.02em}.hero-metrics span{font-size:.82rem;color:#fff9}.auth-card{padding:clamp(28px,4vw,48px);display:grid;gap:24px;align-content:center;background:linear-gradient(180deg,#fff,#f7f9fb)}.auth-card header{display:grid;gap:6px}.auth-card h2{margin:0;font-size:clamp(1.6rem,2.3vw,2rem);color:#0d1b24}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;font-size:.9rem;color:#0b1118}.auth-form input{height:46px;border-radius:14px;border:1px solid rgba(13,27,36,.15);padding:0 14px;font-size:.95rem;font-family:inherit;background:#fff;transition:border .2s ease,box-shadow .2s ease}.auth-form input:focus{outline:none;border-color:#06cf9ccc;box-shadow:0 0 0 4px #06cf9c26}.primary-btn{height:48px;border-radius:14px;border:none;background:linear-gradient(120deg,#06cf9c,#1ea4a8);color:#061316;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,filter .2s ease}.primary-btn:disabled{cursor:not-allowed;filter:grayscale(.2) brightness(.9)}.primary-btn:not(:disabled):hover{transform:translateY(-1px)}.auth-error{padding:10px 12px;background:#ff5d5d1f;border:1px solid rgba(255,93,93,.4);border-radius:12px;color:#b62626;font-size:.88rem}.auth-success{margin-top:6px;padding:14px;border-radius:16px;background:#06cf9c1f;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#0f463c}.auth-mock{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px dashed rgba(13,27,36,.2);background:#0d1b2408}.auth-mock-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.85rem;color:#34414a}.auth-mock textarea{width:100%;resize:vertical;border-radius:12px;border:1px solid rgba(13,27,36,.15);padding:10px 12px;font-family:inherit;font-size:.85rem;background:#fff}.auth-hint{font-size:.82rem;color:#3b4b55}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-hero,.auth-card{animation:floatIn .6s ease both}.auth-card{animation-delay:.05s}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero{min-height:260px}.auth-card{border-top:1px solid rgba(13,27,36,.08)}}