.lucas-support {
  --ls-ink: #14243d; --ls-muted: #60748e; --ls-blue: #086bee; --ls-border: #d8e5f3;
  --ls-surface: #f4f8fd; --ls-soft: #eaf3ff; --ls-shadow: 0 18px 65px #18345524;
  position: fixed; inset: 0; z-index: 2147483000; padding: 28px;
  display: flex; align-items: center; justify-content: center;
  background: #10233d57; backdrop-filter: blur(9px);
  color: var(--ls-ink); font: 400 14px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left; color-scheme: light;
}
.lucas-support *, .lucas-support *::before, .lucas-support *::after { box-sizing: border-box; }
.lucas-support button, .lucas-support input, .lucas-support textarea, .lucas-support select { font: inherit; letter-spacing: inherit; }
#lucas-support input, #lucas-support textarea, #lucas-support select {
  color: var(--ls-ink) !important; background: #fff !important;
  border: 1px solid var(--ls-border) !important; color-scheme: light;
}
#lucas-support .ls-search-field input { border: 0 !important; background: transparent !important; }
.lucas-support button { cursor: pointer; text-transform: none; }
.lucas-support button:disabled, .lucas-support input:disabled, .lucas-support textarea:disabled, .lucas-support select:disabled { cursor: default; opacity: .55; }
.lucas-support :focus-visible { outline: 3px solid #1583ff; outline-offset: 3px; }
.lucas-support h1, .lucas-support h2, .lucas-support h3, .lucas-support p { margin: 0; color: inherit; }
.lucas-support h1, .lucas-support h2, .lucas-support h3 { font-weight: 750; letter-spacing: -.035em; }
.lucas-support h1 { font-size: 22px; line-height: 1.2; }
.lucas-support h2 { font-size: 25px; line-height: 1.25; }
.lucas-support h3 { font-size: 17px; line-height: 1.4; }
.lucas-support small { font-size: 12px; line-height: 1.45; }
.lucas-support .ls-shell {
  width: min(1260px, 100%); height: min(900px, calc(100dvh - 56px)); min-height: 0;
  display: grid; grid-template-columns: 248px minmax(0, 1fr); overflow: hidden; position: relative;
  border: 1px solid #dce8f7; border-radius: 25px; background: #fff; box-shadow: 0 30px 100px #0c224742;
}
.lucas-support .ls-shell:focus { outline: none; }
.lucas-support .ls-icon { display: inline-flex; flex: 0 0 20px; width: 20px; height: 20px; vertical-align: middle; align-items: center; justify-content: center; }
.lucas-support .ls-icon svg { width: 100%; height: 100%; }
.lucas-support .ls-button {
  appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 42px; padding: 10px 16px; border: 1px solid var(--ls-border); border-radius: 12px;
  background: #fff; color: var(--ls-ink); font-weight: 650; line-height: 1.35; box-shadow: none;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
.lucas-support .ls-button:hover:not(:disabled) { background: #edf5ff; border-color: #a7cafa; }
.lucas-support .ls-primary { background: var(--ls-blue); color: #fff; border-color: var(--ls-blue); }
.lucas-support .ls-primary:hover:not(:disabled) { background: #075ac8; border-color: #075ac8; }
.lucas-support .ls-icon-button { min-width: 40px; width: 40px; height: 40px; min-height: 40px; padding: 9px; flex-shrink: 0; }
.lucas-support .ls-text-button { padding: 5px 0; min-height: 34px; border: 0; border-radius: 5px; background: transparent; color: #146acb; font-size: 12px; }
.lucas-support .ls-text-button:hover:not(:disabled) { background: transparent; color: #084991; text-decoration: underline; }
.lucas-support .ls-avatar { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 26px; color: #fff; flex-shrink: 0; background: linear-gradient(145deg, #00b2f2, #0576ef 60%, #3656d9); box-shadow: 0 10px 28px #0b77ed30, inset 0 1px 1px #ffffff7d; }
.lucas-support .ls-avatar .ls-icon { width: 37px; height: 37px; flex-basis: 37px; }
.lucas-support .ls-avatar-small { width: 38px; height: 38px; border-radius: 13px; box-shadow: 0 5px 14px #0b77ed21; }
.lucas-support .ls-avatar-small .ls-icon { width: 23px; height: 23px; flex-basis: 23px; }
.lucas-support .ls-sidebar { position: relative; display: flex; flex-direction: column; gap: 22px; min-height: 0; padding: 28px 16px 19px; border-right: 1px solid #dee8f6; background: linear-gradient(155deg, #f8fbff, #edf4fe); }
.lucas-support .ls-brand { display: flex; align-items: center; gap: 11px; padding: 0 8px 9px; }
.lucas-support .ls-brand strong { display: block; font-size: 22px; line-height: 1.25; letter-spacing: -.04em; }
.lucas-support .ls-brand small { display: block; font-size: 8px; font-weight: 750; letter-spacing: .13em; color: #7086a2; margin-top: 3px; }
.lucas-support .ls-side-nav { display: flex; flex-direction: column; gap: 8px; }
.lucas-support .ls-side-nav .ls-button { justify-content: flex-start; text-align: left; min-height: 45px; }
.lucas-support .ls-side-nav .ls-new-conversation { background: #086bee; border-color: #086bee; color: #fff; box-shadow: 0 6px 12px #0064d818; }
.lucas-support .ls-side-nav .ls-new-conversation:hover:not(:disabled) { background: #005bcf; }
.lucas-support .ls-side-nav .is-active { background: #e2efff; border-color: #a7cbfd; color: #065dbf; }
.lucas-support .ls-section-label { color: #71819a; font-size: 9px; font-weight: 750; letter-spacing: .12em; padding: 0 9px; margin-bottom: 12px; }
.lucas-support .ls-history { flex: 1; min-height: 0; overflow-y: auto; }
.lucas-support .ls-history-items { display: flex; flex-direction: column; gap: 4px; }
.lucas-support .ls-history-item { border: 1px solid transparent; background: transparent; width: 100%; text-align: left; justify-content: flex-start; padding: 11px 8px; gap: 9px; }
.lucas-support .ls-history-item > span:last-child { min-width: 0; }
.lucas-support .ls-history-item .ls-icon { width: 16px; height: 16px; flex-basis: 16px; color: #8196b0; }
.lucas-support .ls-history-item strong { font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 650; }
.lucas-support .ls-history-item small { display: block; font-size: 10px; color: #6e8199; margin-top: 4px; font-weight: 400; }
.lucas-support .ls-history-item.is-active { background: #fff; border-color: #cfdef0; box-shadow: 0 3px 8px #31558109; }
.lucas-support .ls-history-empty { font-size: 12px; padding: 0 9px; }
.lucas-support .ls-sidebar-footer { display: flex; gap: 8px; align-items: center; padding: 10px 8px 0; margin-top: auto; font-size: 10px; color: #698099; }
.lucas-support .ls-online-dot { width: 6px; height: 6px; border-radius: 50%; background: #1a9d84; }
.lucas-support .ls-sidebar-note { font-size: 12px; color: #627893; padding: 10px; }
.lucas-support .ls-sidebar-note strong { color: #324f72; }
.lucas-support .ls-sidebar-note p { margin-top: 8px; }
.lucas-support .ls-sidebar-note .ls-ai-status { margin-top: 17px; padding-top: 13px; border-top: 1px solid #d7e4f4; font-size: 10px; color: #486b95; }
.lucas-support .ls-load-more { display: flex; margin: 18px auto 2px; font-size: 11px; }
.lucas-support .ls-main { display: flex; flex-direction: column; min-height: 0; min-width: 0; background: linear-gradient(150deg, #fff 65%, #f8fbff); }
.lucas-support .ls-header { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 24px 28px 22px; border-bottom: 1px solid #e8eff7; }
.lucas-support .ls-heading { flex: 1; min-width: 0; }
.lucas-support .ls-heading p { color: var(--ls-muted); margin-top: 6px; font-size: 12px; }
.lucas-support .ls-menu-toggle, .lucas-support .ls-mobile-sidebar-close { display: none; }
.lucas-support .ls-alert { display: flex; align-items: center; flex-shrink: 0; gap: 10px; padding: 10px 20px; font-size: 12px; }
.lucas-support .ls-alert > span:not(.ls-icon) { flex: 1; }
.lucas-support .ls-alert .ls-icon-button { width: 30px; min-width: 30px; height: 30px; min-height: 30px; padding: 6px; background: transparent; border: 0; }
.lucas-support .ls-error { background: #fff1ee; color: #943a29; border-bottom: 1px solid #f4d7d0; }
.lucas-support .ls-notice { background: #edfaf4; color: #24624d; border-bottom: 1px solid #ccebdd; }
.lucas-support .ls-chat-layout { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.lucas-support .ls-chat-scroll { overflow-y: auto; overscroll-behavior: contain; flex: 1; min-height: 0; padding: 22px 32px; scroll-behavior: smooth; }
.lucas-support .ls-welcome { max-width: 700px; margin: 0 auto; text-align: center; padding: 3px 0 10px; }
.lucas-support .ls-welcome-art { position: relative; height: 113px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.lucas-support .ls-orbit { position: absolute; border: 1px solid #d9e9ff; border-radius: 50%; width: 148px; height: 106px; transform: rotate(-17deg); background: radial-gradient(ellipse, #c1ddff0d 60%, #eaf4ff42); }
.lucas-support .ls-orbit-two { width: 192px; height: 79px; transform: rotate(18deg); border-color: #e5effc; }
.lucas-support .ls-welcome-art .ls-avatar { position: relative; transform: rotate(-6deg); }
.lucas-support .ls-eyebrow { font-size: 9px; color: #1770c9; font-weight: 750; letter-spacing: .13em; margin-bottom: 9px; text-transform: uppercase; }
.lucas-support .ls-welcome h2 { font-size: 31px; letter-spacing: -.045em; }
.lucas-support .ls-intro { max-width: 520px; margin: 12px auto 25px; color: #667e99; font-size: 14px; line-height: 1.65; }
.lucas-support .ls-quick-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lucas-support .ls-quick-option { min-height: 81px; text-align: left; justify-content: flex-start; padding: 15px; background: #fff; border-radius: 15px; border-color: #dce7f4; box-shadow: 0 3px 10px #1c446904; }
.lucas-support .ls-quick-option > .ls-icon { box-sizing: content-box; padding: 10px; border-radius: 13px; color: #1374db; background: #eaf4ff; margin-right: 2px; }
.lucas-support .ls-quick-option strong { display: block; font-size: 12px; font-weight: 700; }
.lucas-support .ls-quick-option small { display: block; font-size: 10px; color: #778ba3; margin-top: 5px; font-weight: 400; }
.lucas-support .ls-quick-option:last-child { grid-column: 1 / -1; min-height: 65px; }
.lucas-support .ls-quick-option:last-child > .ls-icon { background: #f1edff; color: #8053c6; }
.lucas-support .ls-composer-area { padding: 15px 28px 17px; background: #ffffffed; flex-shrink: 0; border-top: 1px solid #edf2f8; }
.lucas-support .ls-composer { display: flex; gap: 12px; padding: 11px 12px 11px 17px; align-items: flex-end; border: 1px solid #c7d9ef; background: #fff; border-radius: 18px; box-shadow: 0 5px 18px #2853880a; }
.lucas-support .ls-composer:focus-within { border-color: #469cff; box-shadow: 0 0 0 3px #318aff10; }
.lucas-support .ls-composer textarea { display: block; resize: none; flex: 1; min-width: 0; max-height: 140px; min-height: 42px; padding: 3px 0; background: transparent; border: 0; outline: none; color: var(--ls-ink); line-height: 1.5; box-shadow: none; border-radius: 0; }
#lucas-support.lucas-support .ls-composer textarea,
#lucas-support.lucas-support .ls-composer textarea:focus {
  border: 0 !important; box-shadow: none !important; background: transparent !important;
  outline: none !important; border-radius: 0 !important;
}
.lucas-support .ls-composer textarea::placeholder { color: #8c9db2; }
.lucas-support .ls-send { flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; border: 0; background: #086bee; color: #fff; display: grid; place-items: center; }
.lucas-support .ls-send:disabled { opacity: 1; background: #e5edf7; color: #94a9c1; }
.lucas-support .ls-send .ls-icon { width: 18px; height: 18px; }
.lucas-support .ls-composer-bottom { display: flex; align-items: center; gap: 15px; justify-content: space-between; margin-top: 10px; }
.lucas-support .ls-composer-bottom small { font-size: 9px; line-height: 1.6; color: #7a8da5; max-width: 560px; }
.lucas-support .ls-composer-bottom .ls-text-button { font-size: 10px; min-width: 150px; }
.lucas-support .ls-messages { display: flex; flex-direction: column; gap: 24px; max-width: 800px; margin: 0 auto; }
.lucas-support .ls-message { display: flex; gap: 11px; align-items: flex-start; }
.lucas-support .ls-message-body { max-width: calc(100% - 55px); min-width: 0; }
.lucas-support .ls-message-label { display: flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 750; margin-bottom: 7px; }
.lucas-support .ls-message-label time { color: #8997aa; font-size: 9px; font-weight: 400; }
.lucas-support .ls-message-text { white-space: pre-wrap; overflow-wrap: anywhere; padding: 15px 17px; border-radius: 3px 16px 16px; background: #f2f6fc; color: #2c4360; line-height: 1.7; }
.lucas-support .ls-message-user { justify-content: flex-end; }
.lucas-support .ls-message-user .ls-message-label { justify-content: flex-end; }
.lucas-support .ls-message-user .ls-message-text { background: #e7f1ff; color: #14467d; border-radius: 16px 3px 16px 16px; }
.lucas-support .ls-pending-query { max-width: 800px; margin: 23px auto 0; }
.lucas-support .ls-sources { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.lucas-support .ls-sources > small { flex-basis: 100%; font-size: 9px; color: #8696ab; text-transform: uppercase; letter-spacing: .08em; }
.lucas-support .ls-source { display: inline-flex; gap: 5px; align-items: center; border: 1px solid #dfe7f1; border-radius: 7px; padding: 5px 7px; font-size: 10px; color: #617a99; max-width: 100%; overflow-wrap: anywhere; }
.lucas-support .ls-source .ls-icon { width: 13px; height: 13px; flex-basis: 13px; }
.lucas-support .ls-category-prompt { display: flex; gap: 16px; padding: 15px 0 25px; }
.lucas-support .ls-category-prompt h2 { font-size: 21px; margin-bottom: 10px; }
.lucas-support .ls-category-prompt p { color: #6d829b; line-height: 1.7; max-width: 570px; }
.lucas-support .ls-prompt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0; }
.lucas-support .ls-chip { border-radius: 25px; font-size: 11px; min-height: 36px; padding: 8px 12px; font-weight: 550; }
.lucas-support .ls-chip.is-selected { background: #e4efff; color: #075bbd; border-color: #9dc7fd; }
.lucas-support .ls-thinking { display: flex; align-items: center; gap: 10px; color: #6d819b; font-size: 12px; padding: 20px 0; }
.lucas-support .ls-spinner { display: inline-block; width: 17px; height: 17px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: ls-spin 1s linear infinite; }
@keyframes ls-spin { to { transform: rotate(360deg); } }
.lucas-support .ls-saved-feedback { display: flex; align-items: center; gap: 12px; justify-content: center; padding: 20px 0 0; }
.lucas-support .ls-badge { display: inline-block; align-self: flex-start; white-space: nowrap; padding: 5px 9px; font-size: 10px; line-height: 1.4; font-weight: 650; border-radius: 20px; color: #5b718b; background: #edf2f7; }
.lucas-support .ls-badge-resolved, .lucas-support .ls-badge-completed { background: #e5f6ec; color: #247649; }
.lucas-support .ls-badge-unhelpful { background: #fff0ed; color: #b44c35; }
.lucas-support .ls-badge-deferred, .lucas-support .ls-badge-pending { background: #fff5dc; color: #8a691c; }
.lucas-support .ls-badge-reviewing, .lucas-support .ls-badge-in_progress { background: #e4efff; color: #2765b5; }
.lucas-support .ls-rating-backdrop { position: absolute; inset: 0; z-index: 5; background: #17345466; backdrop-filter: blur(5px); display: grid; place-items: center; padding: 20px; }
.lucas-support .ls-rating { width: min(450px, 100%); max-height: 100%; overflow-y: auto; border: 1px solid #e1eaf7; border-radius: 24px; padding: 28px; box-shadow: var(--ls-shadow); background: #fff; }
.lucas-support .ls-rating h2 { font-size: 24px; margin: 20px 0 12px; }
.lucas-support .ls-rating > p { color: #6e829a; font-size: 12px; line-height: 1.65; }
.lucas-support .ls-rating-options { display: flex; flex-direction: column; gap: 9px; margin: 22px 0 14px; }
.lucas-support .ls-rating-options .ls-button { justify-content: flex-start; padding: 13px 15px; font-size: 13px; }
.lucas-support .ls-rating-options .ls-positive { background: #edf8f1; color: #26714e; border-color: #bfe2ce; }
.lucas-support .ls-rating > .ls-error { padding: 10px; margin-bottom: 10px; border-radius: 8px; color: #943a29; }
.lucas-support .ls-report-wizard { background: #fff; border: 1px solid #d8e7f7; border-radius: 18px; box-shadow: 0 7px 24px #28507908; padding: 23px; max-width: 750px; margin: 8px auto; }
.lucas-support .ls-wizard-title { display: flex; align-items: center; gap: 11px; }
.lucas-support .ls-wizard-title strong { flex: 1; font-size: 15px; }
.lucas-support .ls-wizard-title .ls-text-button { margin-left: auto; }
.lucas-support .ls-steps { padding: 17px 0; margin: 18px 0; list-style: none; display: flex; justify-content: space-between; gap: 5px; border-top: 1px solid #eaf0f7; border-bottom: 1px solid #eaf0f7; }
.lucas-support .ls-steps li { display: flex; align-items: center; gap: 5px; color: #92a0b4; font-size: 10px; }
.lucas-support .ls-steps li > span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #eef2f7; font-weight: 700; }
.lucas-support .ls-steps li.is-current { color: #0868d8; font-weight: 700; }
.lucas-support .ls-steps li.is-current > span { background: #086bee; color: white; }
.lucas-support .ls-steps li.is-done { color: #458174; }
.lucas-support .ls-steps li.is-done > span { background: #e6f4ec; }
.lucas-support .ls-choice-list { display: grid; gap: 8px; margin-top: 15px; }
.lucas-support .ls-choice { justify-content: flex-start; text-align: left; padding: 13px 14px; font-size: 12px; }
.lucas-support .ls-choice .ls-icon { color: #5d92cc; }
.lucas-support .ls-field { display: flex; flex-direction: column; gap: 7px; margin: 17px 0; font-size: 12px; }
.lucas-support .ls-field > span { font-weight: 650; }
.lucas-support .ls-field > small { color: #7a8da4; font-weight: 400; font-size: 10px; }
.lucas-support .ls-field input, .lucas-support .ls-field textarea, .lucas-support .ls-field select, .lucas-support .ls-admin-filters select {
  appearance: auto; width: 100%; border: 1px solid #d0deee; color: var(--ls-ink); background: #fff; padding: 11px 12px; border-radius: 10px; min-height: 42px; outline-offset: 2px; box-shadow: none;
}
.lucas-support .ls-field textarea { resize: vertical; min-height: 90px; max-height: 320px; }
.lucas-support .ls-field input::placeholder, .lucas-support .ls-field textarea::placeholder { color: #899bb0; }
.lucas-support .ls-report-context { display: flex; gap: 9px; align-items: center; font-size: 11px; color: #7a8fa7; margin: 9px 0 19px; }
.lucas-support .ls-upload { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px dashed #aac7e8; border-radius: 11px; background: #f5f9ff; color: #2166ae; font-size: 12px; cursor: pointer; }
.lucas-support .ls-upload input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.lucas-support .ls-upload:focus-within { outline: 3px solid #1583ff; outline-offset: 3px; }
.lucas-support .ls-upload + p { margin: 8px 0 18px; }
.lucas-support .ls-attachment-drafts { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; }
.lucas-support .ls-attachment-draft { display: flex; align-items: center; gap: 9px; border: 1px solid #e0e9f4; border-radius: 8px; padding: 5px; }
.lucas-support .ls-attachment-draft img { object-fit: cover; width: 39px; height: 39px; border-radius: 5px; }
.lucas-support .ls-attachment-draft > span { flex: 1; min-width: 0; word-break: break-word; font-size: 10px; }
.lucas-support .ls-attachment-draft .ls-icon-button { border: 0; width: 30px; min-width: 30px; }
.lucas-support .ls-wizard-back { margin-top: 14px; display: flex; }
.lucas-support .ls-report-review { display: grid; grid-template-columns: 80px 1fr; gap: 12px; margin: 20px 0; font-size: 12px; }
.lucas-support .ls-report-review dt { color: #75879f; }
.lucas-support .ls-report-review dd { margin: 0; overflow-wrap: anywhere; }
.lucas-support .ls-report-review + p { font-size: 11px; margin-bottom: 20px; }
.lucas-support .ls-preserve-lines { white-space: pre-wrap; overflow-wrap: anywhere; }
.lucas-support .ls-linked-tickets { display: flex; flex-direction: column; gap: 8px; margin-top: 23px; }
.lucas-support .ls-linked-ticket { justify-content: flex-start; text-align: left; background: #f2f8ff; }
.lucas-support .ls-linked-ticket .ls-icon { color: #2477ce; }
.lucas-support .ls-linked-ticket strong, .lucas-support .ls-linked-ticket small { display: block; }
.lucas-support .ls-linked-ticket strong { font-size: 12px; }
.lucas-support .ls-linked-ticket small { color: #69869f; font-weight: 400; font-size: 10px; margin-top: 4px; }
.lucas-support .ls-content-scroll { padding: 26px 30px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; flex: 1; }
.lucas-support .ls-page-intro { margin-bottom: 23px; }
.lucas-support .ls-page-intro h2 { font-size: 22px; margin-bottom: 9px; }
.lucas-support .ls-page-intro p { color: #71849d; font-size: 12px; }
.lucas-support .ls-empty { padding: 65px 20px; text-align: center; color: #788ca5; }
.lucas-support .ls-empty > .ls-icon { width: 32px; height: 32px; color: #a2bad4; }
.lucas-support .ls-empty h3 { color: #3e5674; margin: 17px 0 8px; }
.lucas-support .ls-empty p { font-size: 12px; max-width: 370px; margin: 0 auto; }
.lucas-support .ls-loading { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 23px; font-size: 13px; color: #617fa0; }
.lucas-support .ls-record-list { display: flex; flex-direction: column; gap: 9px; }
.lucas-support .ls-record { width: 100%; text-align: left; align-items: flex-start; padding: 16px; gap: 13px; }
.lucas-support .ls-record > .ls-icon { color: #5b90c4; background: #eef6ff; box-sizing: content-box; padding: 9px; border-radius: 10px; }
.lucas-support .ls-record-content { flex: 1; min-width: 0; }
.lucas-support .ls-record-top { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; justify-content: space-between; }
.lucas-support .ls-record-content > strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.lucas-support .ls-record-content p { font-size: 10px; color: #69829e; font-weight: 400; margin: 6px 0; }
.lucas-support .ls-record-content small { color: #8d9daf; font-weight: 400; font-size: 9px; }
.lucas-support .ls-reference { color: #226fbd; font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.lucas-support .ls-record-person { font-size: 11px; color: #436889; font-weight: 650; }
.lucas-support .ls-detail-card { margin-top: 17px; padding: 23px; border: 1px solid #dce6f2; border-radius: 17px; background: #fff; }
.lucas-support .ls-detail-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.lucas-support .ls-detail-card h2 { margin-bottom: 10px; font-size: 24px; overflow-wrap: anywhere; }
.lucas-support .ls-detail-card > .ls-muted { margin: 7px 0; }
.lucas-support .ls-muted { color: var(--ls-muted); }
.lucas-support .ls-small { font-size: 10px; }
.lucas-support .ls-ticket-description { margin: 25px 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; color: #405874; }
.lucas-support .ls-ticket-attachments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 15px 0 22px; }
.lucas-support .ls-ticket-image { display: block; border: 1px solid #dce6f2; border-radius: 10px; text-decoration: none; color: #4c719b; overflow: hidden; }
.lucas-support .ls-ticket-image img { width: 100%; height: 120px; display: block; object-fit: contain; background: #f3f7fb; }
.lucas-support .ls-ticket-image span { display: block; padding: 8px; font-size: 10px; overflow-wrap: anywhere; }
.lucas-support .ls-manager-reply { padding: 19px; background: #edf7f4; border: 1px solid #d9eae3; border-radius: 12px; margin: 22px 0; }
.lucas-support .ls-manager-reply h3 { color: #306951; font-size: 14px; margin-bottom: 10px; }
.lucas-support .ls-manager-reply p { color: #456e5c; font-size: 13px; }
.lucas-support .ls-manager-form { background: #f7faff; border: 1px solid #dfebf7; border-radius: 14px; padding: 20px; margin: 24px 0 13px; }
.lucas-support .ls-manager-form h3 { font-size: 15px; }
.lucas-support .ls-manager-form .ls-field { font-size: 11px; }
.lucas-support .ls-manager-form select { max-width: 280px; }
.lucas-support .ls-count-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-bottom: 25px; }
.lucas-support .ls-count-card { min-height: 111px; padding: 13px; position: relative; justify-content: flex-start; text-align: left; align-items: flex-start; gap: 7px; }
.lucas-support .ls-count-card > .ls-icon { position: absolute; top: 15px; right: 13px; color: #8da4bd; width: 17px; height: 17px; }
.lucas-support .ls-count-card > span:last-child { display: block; width: 100%; }
.lucas-support .ls-count-card strong { display: block; font-size: 27px; line-height: 1.2; margin-bottom: 11px; letter-spacing: -.05em; }
.lucas-support .ls-count-card small { color: #7689a0; font-size: 10px; display: block; line-height: 1.4; font-weight: 550; }
.lucas-support .ls-count-card.is-selected { background: #eaf3ff; border-color: #78b3fa; box-shadow: 0 0 0 1px #78b3fa; color: #0965d1; }
.lucas-support .ls-count-card.is-selected small { color: #256fbf; }
.lucas-support .ls-admin-filters { display: flex; gap: 8px; margin-bottom: 22px; }
.lucas-support .ls-search-field { min-width: 0; flex: 1; display: flex; align-items: center; gap: 8px; border: 1px solid #d0deee; border-radius: 11px; padding: 0 12px; background: #fff; }
.lucas-support .ls-search-field > .ls-icon { color: #7f96b1; width: 17px; height: 17px; flex-basis: 17px; }
.lucas-support .ls-search-field input { width: 100%; min-width: 0; outline: 0; border: 0; padding: 11px 0; background: transparent; color: var(--ls-ink); font-size: 11px; box-shadow: none; }
.lucas-support .ls-search-field:focus-within { outline: 2px solid #1683ff; }
.lucas-support .ls-admin-filters select { max-width: 190px; font-size: 11px; }
.lucas-support .ls-admin-filters .ls-button { font-size: 11px; }
.lucas-support .ls-list-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.lucas-support .ls-list-heading h3 { font-size: 14px; }
.lucas-support .ls-list-heading > span { color: #8596ac; font-size: 10px; }
.lucas-support .ls-status-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px; }
.lucas-support .ls-consultation-summary { display: flex; gap: 15px; justify-content: space-between; margin: 18px 0 30px; padding-bottom: 20px; border-bottom: 1px solid #e1ebf5; }
.lucas-support .ls-consultation-summary h2 { font-size: 22px; margin-bottom: 10px; overflow-wrap: anywhere; }
.lucas-support .ls-consultation-summary .ls-muted { font-size: 11px; }
@media (max-width: 1100px) {
  .lucas-support { padding: 18px; }
  .lucas-support .ls-shell { height: calc(100dvh - 36px); grid-template-columns: 217px minmax(0, 1fr); }
  .lucas-support .ls-sidebar { padding-inline: 13px; }
  .lucas-support .ls-header { padding: 21px 22px; }
  .lucas-support .ls-chat-scroll { padding: 22px; }
  .lucas-support .ls-content-scroll { padding: 23px; }
  .lucas-support .ls-quick-option { padding: 12px; gap: 7px; }
  .lucas-support .ls-quick-option > .ls-icon { padding: 7px; width: 18px; height: 18px; }
  .lucas-support .ls-count-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lucas-support .ls-composer-bottom { align-items: flex-start; }
  .lucas-support .ls-composer-bottom small { font-size: 8px; }
}
@media (max-width: 800px) {
  .lucas-support { padding: 12px; }
  .lucas-support .ls-shell { height: calc(100dvh - 24px); grid-template-columns: minmax(0, 1fr); border-radius: 21px; }
  .lucas-support .ls-sidebar { display: none; }
  .lucas-support .ls-sidebar-open { display: flex; position: absolute; inset: 0 auto 0 0; width: min(310px, 90%); z-index: 4; box-shadow: 15px 0 50px #15365642; }
  .lucas-support .ls-menu-toggle { display: inline-flex; }
  .lucas-support .ls-mobile-sidebar-close { display: block; position: absolute; top: 25px; right: 14px; }
  .lucas-support .ls-brand { padding-right: 35px; }
  .lucas-support .ls-header { padding: 18px 20px; gap: 10px; }
  .lucas-support .ls-heading h1 { font-size: 20px; }
  .lucas-support .ls-heading p { font-size: 10px; }
  .lucas-support .ls-welcome { max-width: 590px; }
  .lucas-support .ls-welcome-art { height: 98px; }
  .lucas-support .ls-welcome h2 { font-size: 28px; }
  .lucas-support .ls-intro { font-size: 13px; }
  .lucas-support .ls-quick-option strong { font-size: 12px; }
  .lucas-support .ls-count-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .lucas-support { padding: 0; backdrop-filter: none; }
  .lucas-support .ls-shell { width: 100%; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; }
  .lucas-support .ls-header { padding: max(13px, env(safe-area-inset-top)) 13px 13px; gap: 8px; }
  .lucas-support .ls-heading h1 { font-size: 17px; letter-spacing: -.035em; }
  .lucas-support .ls-heading p { font-size: 9px; margin-top: 4px; max-width: 230px; }
  .lucas-support .ls-icon-button { width: 35px; height: 35px; min-height: 35px; min-width: 35px; padding: 8px; border-radius: 10px; }
  .lucas-support .ls-rate-header { min-height: 32px; font-size: 10px; padding: 7px 9px; border-radius: 9px; }
  .lucas-support .ls-chat-scroll { padding: 20px 17px; }
  .lucas-support .ls-welcome { padding-top: 1px; }
  .lucas-support .ls-welcome-art { height: 81px; margin-bottom: 18px; }
  .lucas-support .ls-welcome-art .ls-avatar { width: 65px; height: 65px; border-radius: 21px; }
  .lucas-support .ls-welcome-art .ls-avatar .ls-icon { width: 31px; height: 31px; }
  .lucas-support .ls-orbit-one { width: 130px; height: 87px; }
  .lucas-support .ls-orbit-two { width: 160px; height: 68px; }
  .lucas-support .ls-eyebrow { font-size: 8px; }
  .lucas-support .ls-welcome h2 { font-size: 25px; }
  .lucas-support .ls-intro { font-size: 12px; margin: 12px auto 20px; max-width: 325px; line-height: 1.65; }
  .lucas-support .ls-quick-grid { grid-template-columns: 1fr; gap: 8px; }
  .lucas-support .ls-quick-option { min-height: 64px; border-radius: 13px; padding: 11px 14px; gap: 12px; }
  .lucas-support .ls-quick-option:last-child { min-height: 64px; }
  .lucas-support .ls-quick-option strong { font-size: 12px; }
  .lucas-support .ls-quick-option small { font-size: 10px; margin-top: 3px; }
  .lucas-support .ls-quick-option > .ls-icon { width: 18px; height: 18px; padding: 8px; border-radius: 11px; }
  .lucas-support .ls-composer-area { padding: 11px 13px max(11px, env(safe-area-inset-bottom)); }
  .lucas-support .ls-composer { border-radius: 15px; padding: 8px 9px 8px 13px; gap: 8px; }
  .lucas-support .ls-composer textarea { min-height: 37px; font-size: 16px; line-height: 1.4; }
  .lucas-support .ls-composer textarea::placeholder { font-size: 12px; }
  .lucas-support .ls-send { width: 36px; height: 36px; border-radius: 10px; }
  .lucas-support .ls-composer-bottom { flex-direction: column; gap: 2px; margin-top: 8px; }
  .lucas-support .ls-composer-bottom small { font-size: 8px; }
  .lucas-support .ls-composer-bottom .ls-text-button { font-size: 10px; min-height: 27px; }
  .lucas-support .ls-message { gap: 7px; }
  .lucas-support .ls-message .ls-avatar-small { width: 29px; height: 29px; border-radius: 10px; }
  .lucas-support .ls-message .ls-avatar-small .ls-icon { width: 19px; height: 19px; }
  .lucas-support .ls-message-body { max-width: calc(100% - 36px); }
  .lucas-support .ls-message-user .ls-message-body { max-width: 93%; }
  .lucas-support .ls-message-text { padding: 12px; font-size: 12px; line-height: 1.7; }
  .lucas-support .ls-message-label { font-size: 10px; gap: 8px; }
  .lucas-support .ls-message-label time { font-size: 8px; }
  .lucas-support .ls-sources { gap: 5px; }
  .lucas-support .ls-source { font-size: 9px; }
  .lucas-support .ls-category-prompt { gap: 11px; }
  .lucas-support .ls-category-prompt h2 { font-size: 18px; }
  .lucas-support .ls-category-prompt p { font-size: 12px; }
  .lucas-support .ls-report-wizard { padding: 15px; margin: 0; border-radius: 15px; }
  .lucas-support .ls-wizard-title { gap: 8px; }
  .lucas-support .ls-wizard-title strong { font-size: 13px; }
  .lucas-support .ls-wizard-title .ls-avatar-small { width: 31px; height: 31px; border-radius: 10px; }
  .lucas-support .ls-wizard-title .ls-text-button { font-size: 10px; }
  .lucas-support .ls-steps { margin: 14px 0; padding: 13px 0; }
  .lucas-support .ls-steps li { font-size: 9px; gap: 4px; }
  .lucas-support .ls-steps li > span { width: 18px; height: 18px; }
  .lucas-support .ls-report-wizard h3 { font-size: 15px; }
  .lucas-support .ls-field input, .lucas-support .ls-field textarea, .lucas-support .ls-field select { font-size: 16px; }
  .lucas-support .ls-field input::placeholder, .lucas-support .ls-field textarea::placeholder { font-size: 12px; }
  .lucas-support .ls-choice { font-size: 11px; }
  .lucas-support .ls-report-review { grid-template-columns: 65px 1fr; gap: 11px; font-size: 11px; }
  .lucas-support .ls-content-scroll { padding: 20px 15px; }
  .lucas-support .ls-count-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lucas-support .ls-count-card { min-height: 94px; padding: 12px; }
  .lucas-support .ls-count-card strong { font-size: 25px; margin-bottom: 7px; }
  .lucas-support .ls-page-intro h2 { font-size: 21px; }
  .lucas-support .ls-page-intro p { font-size: 11px; }
  .lucas-support .ls-admin-filters { flex-wrap: wrap; }
  .lucas-support .ls-search-field { flex-basis: 100%; }
  .lucas-support .ls-search-field input { font-size: 16px; }
  .lucas-support .ls-search-field input::placeholder { font-size: 11px; }
  .lucas-support .ls-admin-filters select { flex: 1; max-width: none; font-size: 16px; }
  .lucas-support .ls-record { padding: 13px; gap: 9px; }
  .lucas-support .ls-record > .ls-icon { padding: 7px; width: 16px; height: 16px; }
  .lucas-support .ls-record-content > strong { font-size: 12px; }
  .lucas-support .ls-record-top { align-items: flex-start; }
  .lucas-support .ls-badge { font-size: 9px; white-space: normal; }
  .lucas-support .ls-record-content p { font-size: 10px; }
  .lucas-support .ls-detail-card { padding: 17px; }
  .lucas-support .ls-detail-card h2 { font-size: 22px; }
  .lucas-support .ls-ticket-description { font-size: 12px; }
  .lucas-support .ls-ticket-attachments { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lucas-support .ls-ticket-image img { height: 100px; }
  .lucas-support .ls-manager-form { padding: 16px; }
  .lucas-support .ls-consultation-summary { flex-direction: column; gap: 13px; }
  .lucas-support .ls-consultation-summary h2 { font-size: 20px; }
  .lucas-support .ls-rating { padding: 24px; border-radius: 22px; }
  .lucas-support .ls-rating h2 { font-size: 23px; }
  .lucas-support .ls-rating-options .ls-button { font-size: 12px; min-height: 46px; }
}
@media (prefers-reduced-motion: reduce) { .lucas-support * { transition: none !important; scroll-behavior: auto !important; } }