.support-chat{display:flex;flex-direction:column;height:calc(100dvh - 198px);min-height:500px;min-width:0;background:var(--workspace-panel,#fff);color:var(--workspace-text,#172033);font:14px/21px var(--valtron-font-family);position:relative}.support-admin button,.support-chat button{cursor:pointer}.support-admin button:disabled,.support-chat button:disabled{cursor:default;opacity:.5}.support-chat-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--workspace-border,#e5e7eb)}.support-chat-header h1{font-size:22px;line-height:28px;margin:0!important}.support-chat-header p{margin:4px 0 0;color:var(--workspace-muted,#586477)}.support-chat-header a{margin-left:auto;font-size:12px}.support-status{padding:4px 10px;border-radius:20px;background:var(--valtron-control-background);color:var(--workspace-muted,#586477);font-size:12px}.support-history{overflow-y:auto;flex:1;min-height:0;padding:24px 12px;scrollbar-gutter:stable}.support-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:24px;text-align:center;color:var(--workspace-muted,#586477)}.support-empty>span{font-size:32px;color:var(--workspace-accent,#3459e8)}.support-empty h2{font-size:24px;color:var(--workspace-text,#172033)}.support-empty p{max-width:390px}.support-message{max-width:min(85%,760px);width:fit-content;padding:12px 16px;margin:0 auto 20px 0;border-radius:16px;background:var(--workspace-input,#F9F9FA);overflow-wrap:anywhere}.support-message.is-own{margin-left:auto;margin-right:0;background:var(--workspace-selected,#eef2ff)}.support-message.is-internal{background:var(--workspace-warning-bg,#fff6d9);border:1px dashed var(--workspace-warning,#d6ad42)}.support-message p{white-space:pre-wrap;margin:8px 0;font-size:15px;line-height:24px}.support-message-author{font-weight:600;font-size:12px}.support-message-author small{font-weight:400}.support-message time{display:block;font-size:11px;color:var(--workspace-muted,#6b7280);margin-top:8px}.support-read-marker{height:1px}.support-message-files{display:flex;gap:8px;flex-wrap:wrap}.support-message-files>div{max-width:240px}.support-message-files a{display:block;font-size:12px;color:var(--workspace-link,var(--valtron-accent))}.support-photo{border:0;background:none;padding:0}.support-photo img{max-width:220px;max-height:180px;object-fit:contain;border-radius:8px;display:block}.support-composer{flex-shrink:0;border:1px solid var(--workspace-border,#dce1e8);border-radius:20px;padding:14px;background:var(--workspace-panel,white);box-shadow:0 4px 18px #17203306}.support-composer.is-dragging{outline:2px solid var(--valtron-accent);background:var(--workspace-selected,#eef2ff)}.support-composer.is-note{border-color:var(--workspace-warning,#d6ad42);background:var(--workspace-warning-bg,#fffdf4)}.support-composer textarea{display:block;width:100%;min-height:80px;max-height:240px;padding:8px;border:0;outline:0;resize:vertical;background:transparent;color:inherit;font:15px/24px var(--valtron-font-family)}.support-composer:focus-within{border-color:var(--workspace-accent,#859ee4)}.support-composer-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.support-composer-bottom small{color:var(--workspace-muted,#738096);font-size:11px}.support-admin-title button,.support-composer button,.support-latest,.support-older,.support-pages button,.support-template-manager button,.support-toolbar button{padding:8px 12px;border:1px solid var(--workspace-border,#dce1e8);border-radius:8px;background:var(--workspace-input,#f7f8fc);font:inherit;color:inherit}.support-composer .support-send{margin-left:auto;background:var(--workspace-action,#3459e8);border-color:var(--workspace-accent,#3459e8);color:white}.support-compose-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.support-compose-tools button[aria-pressed=true]{background:var(--workspace-selected,#e9edff);border-color:var(--workspace-accent,#859ee4)}.support-compose-tools select{max-width:230px}.support-pending-files{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.support-pending-files>div{display:flex;gap:6px;align-items:center;padding:6px;border:1px solid var(--workspace-border,#dce1e8);border-radius:8px;max-width:260px}.support-pending-files span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.support-pending-files img{width:40px;height:40px;object-fit:cover}.support-pending-files button{border:0;background:none;font-size:20px;padding:0 6px}.support-error{padding:10px;color:var(--workspace-error,#b91c1c);background:var(--workspace-error-bg,#fff3f3);border-radius:8px;margin:8px 0}.support-error button{border:0;background:transparent;color:inherit;text-decoration:underline}.support-latest{position:absolute;bottom:180px;left:50%;transform:translateX(-50%);box-shadow:0 2px 10px #0002}.support-unread{display:inline-flex;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:var(--workspace-action,#3459e8);color:white;font:600 11px/20px var(--valtron-font-family);margin-left:6px}.support-preview{position:fixed;inset:0;z-index:2000;background:#000c;display:grid;place-items:center;padding:48px}.support-preview img{max-width:95vw;max-height:85dvh;object-fit:contain}.support-preview>button{position:absolute;right:20px;top:16px;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;background:var(--workspace-panel,white)}.support-admin{width:100%;min-width:0}.support-admin-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.support-admin-title h1{font-size:26px}.support-admin-grid{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid var(--workspace-border,#dce1e8);border-radius:12px;overflow:hidden}.support-inbox{background:var(--workspace-input,#F9F9FA);padding:12px;min-width:0;display:flex;flex-direction:column;gap:12px}.support-inbox label{font-size:12px}.support-compose-tools select,.support-inbox input,.support-inbox select,.support-template-manager input,.support-template-manager select,.support-template-manager textarea,.support-toolbar select{padding:8px;border:1px solid var(--workspace-border,#dce1e8);border-radius:8px;background:var(--workspace-panel,#fff);font:14px/20px var(--valtron-font-family);max-width:100%;color:var(--workspace-text,#172033)}.support-inbox input{display:block;width:100%;margin-top:6px}.support-thread-list{overflow-y:auto;max-height:calc(100dvh - 360px);min-height:200px}.support-thread-list>button{width:100%;padding:12px;text-align:left;background:transparent;border:0;border-radius:8px;margin-bottom:4px;color:var(--workspace-text,#172033)}.support-thread-list>button.is-selected{background:var(--workspace-selected,#e9edff)}.support-thread-list button>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-thread-list p,.support-thread-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-thread-list p{margin:5px 0;font-size:13px}.support-thread-list small{font-size:11px;color:var(--workspace-muted,#586477);overflow-wrap:anywhere}.support-pages{display:flex;justify-content:space-between}.support-admin-conversation{padding:16px;min-width:0}.support-admin-conversation .support-chat{height:calc(100dvh - 256px)}.support-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid var(--workspace-border,#e5e7eb)}.support-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:12px}.support-back{display:none}.support-template-manager{padding:16px;border:1px solid var(--workspace-border,#dce1e8);margin-bottom:16px;border-radius:12px}.support-template-manager form{display:grid;gap:10px;max-width:700px;margin-top:12px}.support-template-manager label{display:grid;gap:6px}.support-template-manager textarea{min-height:100px}@media(max-width:1100px){.support-admin-grid{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:767px){.support-chat{height:calc(100dvh - 240px);min-height:460px}.support-history{padding:16px 0}.support-message{max-width:94%}.support-admin-grid{display:block}.support-admin-grid.has-selection .support-inbox,.support-admin-grid:not(.has-selection) .support-admin-conversation{display:none}.support-admin-conversation{padding:10px}.support-back{display:block;margin:0 0 12px;border:0;background:none;color:var(--workspace-link,var(--valtron-accent))}.support-admin-conversation .support-chat{height:calc(100dvh - 250px)}.support-composer-bottom small{display:none}.support-chat-header h1{font-size:19px}.support-composer{padding:10px}}