.support-page{display:flex;flex-direction:column;gap:var(--space-l)}.support-page__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-m);flex-wrap:wrap}.support-page__title{font-size:var(--t-2xl);font-weight:600;margin:0}.ticket-form{display:flex;flex-direction:column;gap:var(--space-m)}.ticket-form__row{display:grid;gap:var(--space-m)}.ticket-form__row--2col{grid-template-columns:1fr 1fr}@media (max-width:767px){.ticket-form__row--2col{grid-template-columns:1fr}}.ticket-form__field{display:flex;flex-direction:column;gap:var(--space-2xs)}.ticket-form__label{font-size:var(--t-s);font-weight:500;color:var(--fg)}.ticket-form__label--required:after{content:" *";color:var(--error)}.ticket-form__help{font-size:var(--t-xs);color:var(--fg-muted)}.ticket-form__actions{display:flex;justify-content:flex-end;gap:var(--space-s);padding-top:var(--space-s)}.ticket-list{display:flex;flex-direction:column;gap:var(--space-s)}.ticket-list__item{display:grid;grid-template-columns:1fr auto;gap:var(--space-m);padding:var(--space-m);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);transition:all var(--transition-base);cursor:pointer;text-decoration:none;color:inherit}.ticket-list__item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.ticket-list__item--unread{border-left:.2rem solid var(--primary);background-color:var(--primary-subtle)}.ticket-list__item--unread .ticket-list__item-subject{font-weight:600}.ticket-list__item--responded{background-color:var(--warning-subtle)}.ticket-list__item--resolved{background-color:var(--success-subtle)}.ticket-list__unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;padding:0 var(--space-2xs);background-color:var(--primary);color:var(--primary-foreground);font-size:var(--t-xs);font-weight:600;border-radius:var(--radius-full)}.ticket-list__item-content{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.ticket-list__item-header{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap}.ticket-list__item-number{font-size:var(--t-xs);font-family:var(--font-mono);color:var(--fg-muted)}.ticket-list__item-subject{font-size:var(--t-m);font-weight:500;color:var(--fg);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-list__item-meta{display:flex;align-items:center;gap:var(--space-s);font-size:var(--t-xs);color:var(--fg-muted)}.ticket-list__item-meta-item{display:flex;align-items:center;gap:var(--space-2xs)}.ticket-list__item-meta svg{width:1.4rem;height:1.4rem}.ticket-list__item-user{gap:var(--space-xs)}.ticket-list__item-meta-item--unread svg{fill:currentColor}.ticket-list__item-assigned{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--t-xs);color:var(--fg-muted)}.ticket-list__item-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs)}.ticket-list__item-date{font-size:var(--t-xs);color:var(--fg-muted)}.ticket-detail{display:flex;flex-direction:column;gap:var(--space-l)}.ticket-detail__header{display:flex;flex-direction:column;gap:var(--space-s);padding-bottom:var(--space-m);border-bottom:1px solid var(--border)}.ticket-detail__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-m)}.ticket-detail__title{font-size:var(--t-xl);font-weight:600;margin:0}.ticket-detail__badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.ticket-detail__meta{display:flex;align-items:center;gap:var(--space-m);font-size:var(--t-s);color:var(--fg-muted);flex-wrap:wrap}.ticket-detail__meta-item{display:flex;align-items:center;gap:var(--space-2xs)}.ticket-detail__meta-item svg{width:1.6rem;height:1.6rem}.ticket-detail__user-link{text-decoration:none;color:inherit;border-radius:var(--radius-sm);padding:var(--space-3xs) var(--space-2xs);margin:calc(-1 * var(--space-3xs)) calc(-1 * var(--space-2xs));transition:background-color .15s ease}.ticket-detail__user-link:hover{background-color:var(--surface-hover);color:var(--fg)}.ticket-detail__migration-inline,.ticket-detail__subscription-inline{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--t-s);padding-inline-start:var(--space-s);border-inline-start:1px solid var(--border)}.ticket-detail__migration-warning{color:var(--warning);font-weight:500}.message-thread{display:flex;flex-direction:column;gap:var(--space-m)}.message-thread__title{font-size:var(--t-m);font-weight:500;color:var(--fg);margin:0}.message-thread__list{display:flex;flex-direction:column;gap:var(--space-s)}.message-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-m);background-color:var(--surface-subtle);border-radius:var(--radius-m)}.message-item--support{background-color:var(--primary-subtle);border-left:.2rem solid var(--primary)}.message-item--internal{background-color:var(--warning-subtle);border-left:.2rem solid var(--warning)}.message-item__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-s)}.message-item__author{display:flex;align-items:center;gap:var(--space-xs)}.message-item__author-name{font-size:var(--t-s);font-weight:500;color:var(--fg)}.message-item__date{font-size:var(--t-xs);color:var(--fg-muted)}.message-item__content{font-size:var(--t-s);line-height:1.6;color:var(--fg);white-space:pre-wrap}.message-item__attachments{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-top:var(--space-xs)}.reply-form{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-m);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m)}.reply-form__title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--t-l);font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--fg);margin:0}.reply-form__actions{justify-content:space-between}.reply-form__actions,.reply-form__left-actions{display:flex;align-items:center;gap:var(--space-s)}.reply-form__left-actions{flex-wrap:wrap}.reply-form__attachment-btn{display:flex;align-items:center;gap:var(--space-2xs)}.attachment-preview{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-s);font-size:var(--t-xs)}.attachment-preview__icon{width:1.6rem;height:1.6rem;color:var(--fg-muted)}.attachment-preview__name{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20rem}.attachment-preview__size{color:var(--fg-muted)}.attachment-preview__remove{padding:var(--space-3xs);color:var(--fg-muted);cursor:pointer;transition:color var(--transition-base)}.attachment-preview__remove:hover{color:var(--error)}.attachment-image{position:relative;display:inline-block;max-width:100%;border-radius:var(--radius-s);overflow:hidden;border:1px solid var(--border)}.attachment-image__img{display:block;max-width:100%;max-height:30rem;width:auto!important;height:auto!important;-o-object-fit:contain;object-fit:contain;background-color:var(--surface-subtle)}.attachment-image__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:oklch(0 0 0/.5);opacity:0;transition:opacity var(--transition-base)}.attachment-image:hover .attachment-image__overlay{opacity:1}.attachment-image__icon{width:2.4rem;height:2.4rem;color:var(--white)}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-m);padding:var(--space-m);background-color:oklch(0 0 0/.9);animation:lightbox-fade-in .2s ease-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox__close{position:absolute;top:var(--space-m);right:var(--space-m);display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;color:var(--white);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base)}.lightbox__close:hover{background-color:oklch(1 0 0/.1)}.lightbox__close svg{width:2.4rem;height:2.4rem}.lightbox__content{display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:80vh}.lightbox__image{width:auto!important;height:auto!important;max-width:90vw;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-s)}.lightbox__download{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-m);color:oklch(1 0 0);background-color:oklch(1 0 0/.1);border-radius:var(--radius-s);text-decoration:none;font-size:var(--t-s);transition:background-color var(--transition-base)}.lightbox__download:hover{background-color:oklch(1 0 0/.2)}.lightbox__download svg{width:1.6rem;height:1.6rem}.category-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-s)}.category-select__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-m);background-color:var(--surface);border:.15rem solid var(--border);border-radius:var(--radius-m);cursor:pointer;transition:all var(--transition-base);text-align:center}.category-select__item:hover{border-color:var(--border-hover);background-color:var(--surface-subtle)}.category-select__item--selected{border-color:var(--primary);background-color:var(--primary-subtle)}.category-select__icon{width:2.4rem;height:2.4rem;color:var(--fg-muted)}.category-select__item--selected .category-select__icon{color:var(--primary)}.category-select__name{font-size:var(--t-s);font-weight:500;color:var(--fg)}.category-select__description{font-size:var(--t-xs);color:var(--fg-muted)}.ticket-status{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);font-size:var(--t-xs);font-weight:500;border-radius:var(--radius-s);text-transform:capitalize}.ticket-status--open{background-color:var(--primary-subtle);color:var(--primary)}.ticket-status--waiting_for_user{background-color:var(--warning-subtle);color:var(--warning)}.ticket-status--pending_internal{background-color:var(--info-subtle);color:var(--info)}.ticket-status--resolved{background-color:var(--success-subtle);color:var(--success)}.ticket-status--closed{background-color:var(--surface-subtle);color:var(--fg-muted)}.ticket-priority{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);font-size:var(--t-xs);font-weight:500;border-radius:var(--radius-s)}.ticket-priority--low{color:var(--fg-muted);background-color:var(--surface-subtle)}.ticket-priority--normal{color:var(--fg);background-color:var(--surface-subtle)}.ticket-priority--high{color:var(--warning);background-color:var(--warning-subtle)}.ticket-priority--urgent{color:var(--error);background-color:var(--error-subtle)}.browser-info{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-s);background-color:var(--surface-subtle);border-radius:var(--radius-s);font-size:var(--t-xs);color:var(--fg-muted)}.browser-info__item{display:flex;align-items:center;gap:var(--space-2xs)}.browser-info__label{font-weight:500}.browser-info__details{margin-top:var(--space-xs)}.search-input--flex{flex:1;min-width:20rem}.select-trigger--filter{min-width:15rem}.select-trigger--auto{width:auto}.chat-view{flex-direction:column;border:none;border-radius:0}.chat-view,.chat-view__header{display:flex;background:transparent}.chat-view__header{align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-subtle)}.chat-view__header-info{flex:1;min-width:0}.chat-view__title{font-size:var(--t-m);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:var(--fg)}.chat-view__meta{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-3xs)}.chat-view__meta-item{display:inline-flex;align-items:center;gap:var(--space-3xs);font-size:var(--t-xs);color:var(--fg-muted)}.chat-view__messages,.chat-view__messages--admin{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-m) 0;background:transparent;border:none}.chat-view__date-header{display:flex;justify-content:center;padding:var(--space-s) 0 var(--space-3xs)}.chat-view__date-header span{font-size:var(--t-xs);font-weight:500;color:var(--fg-muted);background:var(--surface-muted);padding:var(--space-3xs) var(--space-s);border-radius:var(--radius-full);letter-spacing:.02em}.chat-bubble{display:flex;gap:var(--space-xs);max-width:80%;align-items:flex-end;animation:chat-bubble-in .24s cubic-bezier(.4,0,.2,1) both}.chat-bubble--theirs{margin-right:auto}.chat-bubble--mine{margin-left:auto;flex-direction:row-reverse}.chat-bubble--grouped{margin-top:calc(var(--space-s) * -1 + var(--space-3xs))}.chat-bubble__avatar{flex-shrink:0}.chat-bubble__avatar-spacer{flex-shrink:0;width:3.2rem;height:0}.chat-bubble__content{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.chat-bubble--mine .chat-bubble__content{align-items:flex-end}.chat-bubble__author{font-size:var(--t-xs);font-weight:500;color:var(--fg-muted);padding-inline:var(--space-s)}.chat-bubble__message{padding:var(--space-s) var(--space-m);border-radius:var(--radius-l);border:1px solid var(--border-subtle);word-break:break-word;box-shadow:var(--shadow-xs)}.chat-bubble--theirs .chat-bubble__message{background:var(--bg-subtle);border-bottom-left-radius:var(--radius-xs)}.chat-bubble--mine .chat-bubble__message{background:var(--bg-raised);border-bottom-right-radius:var(--radius-xs)}.chat-bubble--grouped .chat-bubble__message{border-radius:var(--radius-l)}.chat-bubble__text{margin:0;font-size:var(--t-m);line-height:1.55;white-space:pre-wrap;color:var(--fg)}.chat-bubble__link{color:var(--accent);text-decoration:underline;word-break:break-word}.chat-bubble__link:hover{text-decoration:none}.chat-bubble__attachments{margin-top:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-3xs)}.chat-bubble__time{font-size:var(--t-xs);color:var(--fg-muted);padding-inline:var(--space-s);opacity:.55;transition:opacity var(--transition-base)}.chat-bubble:focus-within .chat-bubble__time,.chat-bubble:hover .chat-bubble__time{opacity:1}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(var(--space-3xs))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-bubble{animation:none}}.chat-view__input{border-top:1px solid var(--border-subtle);background:transparent;padding:var(--space-s) 0}.chat-view__pending-attachments{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xs)}.chat-view__input-row{display:flex;align-items:flex-end;gap:var(--space-xs)}.chat-view__attach-btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--fg-muted);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.chat-view__attach-btn:hover{background:var(--surface-muted);color:var(--fg)}.chat-view__textarea{flex:1;min-height:3.6rem;max-height:12rem;resize:none}.chat-view__textarea--autogrow{resize:none;overflow-y:auto;min-height:3.6rem;max-height:24rem;line-height:1.5}.chat-view__send-btn{flex-shrink:0}.chat-view__closed-banner{border-top:1px solid var(--border-subtle);background:var(--surface-muted);padding:var(--space-m);text-align:center;font-size:var(--t-s);color:var(--fg-muted);border-radius:var(--radius-m);margin-top:var(--space-m)}.chat-view__closed-banner p{margin:0}.chat-bubble--internal{display:flex;max-width:90%;margin:var(--space-s) auto;animation:chat-bubble-in .24s cubic-bezier(.4,0,.2,1) both}.chat-bubble--internal .chat-bubble__content{width:100%}.chat-bubble__message--internal{background:var(--warning-subtle);border:1px dashed var(--warning);border-radius:var(--radius-m);padding:var(--space-s) var(--space-m);font-style:italic;box-shadow:none}.attachment-preview--compact{padding:var(--space-xxs) var(--space-xs);font-size:var(--text-xs)}.support-bubble{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.support-bubble__button{position:relative;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);border:none;cursor:pointer;box-shadow:var(--shadow-l);transition:transform var(--transition-base),box-shadow var(--transition-base)}.support-bubble__button:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.support-bubble__button:active{transform:scale(.95)}.support-bubble__icon{width:2.4rem;height:2.4rem}.support-bubble__badge{position:absolute;top:-.4rem;right:-.4rem;min-width:2rem;height:2rem;padding:0 .6rem;border-radius:10rem;background:var(--error);color:white;font-size:var(--text-xs);font-weight:700;line-height:1}.support-bubble__badge,.support-bubble__dismiss{display:flex;align-items:center;justify-content:center}.support-bubble__dismiss{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .2s ease}.support-bubble:hover .support-bubble__dismiss{opacity:1}@media (max-width:768px){.support-bubble{bottom:calc(var(--dock-height, 6rem) + var(--space-m));right:var(--space-m)}}.deletion-banner{background:var(--warning-subtle);border-bottom:1px solid var(--warning);padding:var(--space-s) var(--space-m)}.deletion-banner__content{display:flex;align-items:center;gap:var(--space-s);max-width:80rem;margin:0 auto}.deletion-banner__icon{flex-shrink:0;width:2rem;height:2rem;color:var(--warning)}.deletion-banner__text{flex:1;margin:0;font-size:var(--text-s);line-height:1.4}.deletion-banner__actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.deletion-banner__cancel-btn{padding:var(--space-2xs) var(--space-s);border-radius:var(--radius-s);border:1px solid var(--warning);background:var(--bg-raised);color:var(--warning-muted);font-size:var(--t-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.deletion-banner__cancel-btn:hover{background:var(--warning-subtle)}.deletion-banner__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.deletion-banner__dismiss{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%}.deletion-banner__dismiss:hover{background:var(--surface-muted)}