.settings-tab-select{display:none}.settings-tab-bar{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);flex-wrap:wrap;padding:var(--space-1);background:var(--app-bg);border:1px solid var(--app-border);border-radius:var(--app-radius-md);width:fit-content;max-width:100%}.settings-tab-bar--fill{width:100%}.settings-tab-bar--fill .settings-tab-btn{flex:1;justify-content:center}.settings-tab-bar .settings-tab-btn{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-4);font:inherit;font-size:var(--font-size-md);font-weight:500;color:var(--app-text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;border-radius:var(--app-radius-sm);transition:color var(--app-transition-fast),background-color var(--app-transition-fast)}.settings-tab-bar--large .settings-tab-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xl)}.settings-tab-bar--compact{padding:var(--space-0-5);gap:var(--space-0-5);margin-bottom:var(--space-3)}.settings-tab-bar--compact .settings-tab-btn{padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-sm)}.settings-tab-bar--compact .settings-tab-btn__count{min-width:1rem;padding:var(--space-0) var(--space-1)}.settings-tab-bar--flush{margin-bottom:var(--space-0)}.settings-tab-bar .settings-tab-btn:hover{color:var(--app-text);background:#0000000a}.settings-tab-bar .settings-tab-btn[aria-selected=true]{color:var(--primary-color);font-weight:500;background:var(--app-card);box-shadow:var(--app-shadow-sm)}.settings-tab-bar .settings-tab-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.settings-tab-bar .settings-tab-btn:disabled{opacity:.5;cursor:default}.settings-tab-btn__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;padding:var(--space-0) var(--space-1-5);font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;border-radius:var(--app-radius-pill);background:#0000000f;color:inherit}.settings-tab-btn[aria-selected=true] .settings-tab-btn__count{background:var(--primary-fill);color:#fff}.settings-tab-btn__count[data-tone=connect]{background:var(--app-connect);color:#fff}.settings-tab-btn__icon{display:inline-flex;line-height:0}@media(max-width:768px){.settings-tab-select{display:block;margin:var(--space-0) var(--space-0) var(--space-4);width:calc(100% - 4rem)}.settings-tab-bar{display:none}.settings-tab-bar--wrap{display:flex}}.image-upload{display:block}.image-upload__label{display:block;margin-bottom:var(--space-2)}.image-upload__row{display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.image-upload__preview{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-2);background:var(--app-surface-subtle, #f8fafc);border:1px solid var(--app-border, var(--app-border));border-radius:10px;cursor:pointer;overflow:hidden;transition:border-color .15s,background-color .15s}.image-upload__preview:hover:not(:disabled),.image-upload__preview--dragging{border-color:var(--app-primary, #4f46e5);background:var(--app-surface, #fff)}.image-upload__preview--dragging{border-style:solid}.image-upload__preview:focus-visible{outline:3px solid var(--app-primary, #4f46e5);outline-offset:2px}.image-upload__preview:disabled{cursor:default;opacity:.7}.image-upload__preview:not(:has(.image-upload__img)){border-style:dashed}.image-upload__preview--logo{width:180px;height:90px}.image-upload__preview--wide{width:200px;height:112px}.image-upload__preview--square{width:120px;height:120px}.image-upload__img{max-width:100%;max-height:100%;object-fit:contain}.image-upload__placeholder{font-size:var(--font-size-sm);line-height:1.3;text-align:center;color:var(--app-text-muted, #94a3b8);padding:var(--space-0) var(--space-2)}.image-upload__actions{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1 1 14rem}.image-upload__buttons{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.image-upload__hint{margin:var(--space-0);font-size:var(--font-size-sm);line-height:1.45;color:var(--app-text-muted, #94a3b8)}.image-upload__error{margin:var(--space-0);font-size:var(--font-size-sm);line-height:1.45;color:var(--app-danger, #dc2626)}.image-upload__input{position:absolute;width:1px;height:1px;padding:var(--space-0);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.image-upload__preview--logo,.image-upload__preview--wide{width:140px;height:80px}}.help-widget__trigger{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9998;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-on-primary, #fff);background:var(--primary-fill));box-shadow:0 4px 14px var(--primary-color-rgba-3, rgba(22, 163, 74, .25)),0 2px 6px #0000001f,inset 0 1px #fff3;transition:transform var(--app-transition-base, .25s ease),box-shadow var(--app-transition-base, .25s ease),background var(--app-transition-base, .25s ease)}.help-widget__trigger:hover{transform:scale(1.06);background:var(--primary-fill-hover));box-shadow:0 6px 20px var(--primary-color-rgba-4, rgba(22, 163, 74, .35)),0 3px 10px #00000026}.help-widget__trigger:focus-visible{outline:2px solid var(--primary-color, var(--primary-color));outline-offset:3px}.help-widget__trigger-icon{display:flex;align-items:center;justify-content:center}.help-widget__backdrop{position:fixed;inset:var(--space-0);z-index:9999;background:#25222859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:help-widget-fade-in .2s ease-out}@keyframes help-widget-fade-in{0%{opacity:0}to{opacity:1}}.help-widget__panel{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;width:min(400px,calc(100vw - 2rem));max-height:min(85vh,700px);border-radius:var(--app-radius-lg, var(--radius-lg, 14px));background:var(--app-card, var(--bg-elevated, #fff));box-shadow:var(--app-shadow-xl, var(--shadow-lg, 0 10px 28px rgba(0, 0, 0, .1)));display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(12px) scale(.97);pointer-events:none;transition:opacity .2s ease-out,transform .25s cubic-bezier(.34,1.56,.64,1)}.help-widget__panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.help-widget__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);background:var(--app-card);color:var(--app-text);border-bottom:1px solid var(--app-border)}.help-widget__header-inner{display:flex;align-items:flex-start;gap:var(--space-3-5);min-width:0}.help-widget__avatar{flex-shrink:0;width:45px;height:45px;padding:var(--space-2);border-radius:50%;background:color-mix(in srgb,var(--primary-color) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.help-widget__header-text{min-width:0}.help-widget__title{margin:var(--space-0);font-family:"Fjalla One",var(--font-sans);font-size:var(--font-size-2xl);font-weight:400;letter-spacing:0;line-height:var(--line-height-tight)}.help-widget__subtitle{margin:var(--space-1) var(--space-0) var(--space-0);font-size:var(--font-size-sm);color:var(--app-text-secondary);line-height:var(--line-height-snug)}.help-widget__close{flex-shrink:0;width:36px;height:36px;border:none;border-radius:var(--app-radius-sm, var(--radius-sm, 8px));background:transparent;color:var(--app-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.help-widget__close:hover{background:var(--app-bg-subtle);color:var(--app-text)}.help-widget__close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.help-widget__tabs.settings-tab-bar{margin-top:var(--space-3);margin-left:var(--space-5);margin-bottom:var(--space-1)}.help-widget__body{flex:1;overflow-y:auto;padding:var(--space-5)}.help-widget__form{display:flex;flex-direction:column;gap:var(--space-4)}.help-widget__error{padding:var(--space-3) var(--space-4);border-radius:var(--app-radius-sm, var(--radius-sm, 8px));background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--app-danger, var(--app-danger));font-size:var(--font-size-md);line-height:1.4}.help-widget__field{display:flex;flex-direction:column;gap:var(--space-1-5)}.help-widget__label{font-size:var(--font-size-sm);font-weight:500;color:var(--app-text, var(--text-primary, #252228))}.help-widget__optional{font-weight:400;color:var(--app-text-muted, var(--text-muted, var(--app-text-muted)))}.help-widget__input,.help-widget__textarea{width:100%;padding:var(--space-2-5) var(--space-3-5);border:1px solid var(--app-border, var(--border-default, var(--app-border)));border-radius:var(--app-radius-sm, var(--radius-sm, 8px));font-size:var(--font-size-lg);font-family:inherit;color:var(--app-text, var(--text-primary, #252228));background:var(--app-bg, var(--bg-base, #f8fafc));transition:border-color .15s ease,box-shadow .15s ease}.help-widget__input::placeholder,.help-widget__textarea::placeholder{color:var(--app-text-muted, var(--text-muted, var(--app-text-muted)))}.help-widget__input:focus,.help-widget__textarea:focus{outline:none;border-color:var(--primary-color, var(--primary-color));box-shadow:0 0 0 3px var(--primary-color-rgba, rgba(22, 163, 74, .12))}.help-widget__input:disabled,.help-widget__textarea:disabled{background:var(--bg-muted, var(--bg-muted));color:var(--app-text-secondary, var(--text-secondary, var(--app-text-secondary)));cursor:not-allowed;opacity:.9}.help-widget__textarea{resize:vertical;min-height:96px}.help-widget__submit{margin-top:var(--space-1);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--app-radius-sm, var(--radius-sm, 8px));font-size:var(--font-size-lg);font-weight:500;color:var(--text-on-primary, #fff);background:var(--primary-fill));cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:opacity .2s ease,transform .15s ease,background .15s ease}.help-widget__submit:hover:not(:disabled){background:var(--primary-fill-hover));opacity:.95;transform:translateY(-1px)}.help-widget__submit:disabled{cursor:not-allowed;opacity:.7}.help-widget__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:help-widget-spin .7s linear infinite}@keyframes help-widget-spin{to{transform:rotate(360deg)}}.help-widget__success{text-align:center;padding:var(--space-6) var(--space-2)}.help-widget__success-icon{color:var(--app-success, #22c55e);margin:0 auto 1rem}.help-widget__success-title{margin:var(--space-0);font-size:var(--font-size-2xl);font-weight:500;color:var(--app-text, var(--text-primary, #252228))}.help-widget__success-text{margin:var(--space-2) var(--space-0) var(--space-0);font-size:var(--font-size-lg);color:var(--app-text-secondary, var(--text-secondary, var(--app-text-secondary)));line-height:1.5}.app__layout:has(.help-widget__trigger) .help-widget__trigger{bottom:1.5rem}@media(max-width:480px){.help-widget__trigger{bottom:1rem;right:1rem;width:40px;height:40px}.help-widget__panel{bottom:1rem;right:1rem;left:1rem;width:auto;max-height:90vh}}.help-widget__help{padding:var(--space-1) var(--space-0)}.help-widget__help-section--divided{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--app-border)}.help-widget__help-title{margin:var(--space-0) var(--space-0) var(--space-2);font-family:"Fjalla One",var(--font-sans, sans-serif);font-weight:400;font-size:var(--font-size-2xl);color:var(--app-text)}.help-widget__help-what{margin:var(--space-0) var(--space-0) var(--space-2);font-size:var(--font-size-md);font-weight:500;line-height:1.5;color:var(--app-text)}.help-widget__help-why{margin:var(--space-0) var(--space-0) var(--space-4);font-size:var(--font-size-sm);line-height:1.6;color:var(--app-text-secondary)}.help-widget__help-empty{margin:var(--space-0) var(--space-0) var(--space-1);font-size:var(--font-size-sm);line-height:1.6;color:var(--app-text-secondary)}.help-widget__help-links{list-style:none;margin:var(--space-0);padding:var(--space-0);display:flex;flex-direction:column;gap:var(--space-2-5)}.help-widget__help-links a{font-size:var(--font-size-sm);font-weight:500;color:var(--primary-color);text-decoration:none}.help-widget__help-links a:hover{text-decoration:underline;text-underline-offset:2px}.vp2__top-bar-help{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:var(--space-1);padding:var(--space-0);border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.vp2__top-bar-help:hover,.vp2__top-bar-help:focus-visible{background:#0000000f}.help-widget__trigger-badge{position:absolute;top:-2px;right:-2px;background:#dc2626;color:#fff;border-radius:999px;font-size:var(--font-size-3xs);font-weight:500;min-width:18px;height:18px;line-height:18px;padding:var(--space-0) var(--space-1);text-align:center;box-sizing:border-box;border:2px solid var(--app-card, #fff);pointer-events:none}@media(max-width:480px){.help-widget__trigger-badge{min-width:16px;height:16px;line-height:16px;top:-3px;right:-3px}}.support-panel{display:flex;flex-direction:column;gap:var(--space-3)}.support-panel__primary,.support-panel__secondary,.support-panel__back,.support-thread__send,.support-thread__attach,.support-thread__back{font:inherit;cursor:pointer;border-radius:8px;border:1px solid transparent}.support-panel__primary,.support-thread__send{background:var(--primary-fill));color:#fff;padding:var(--space-2-5) var(--space-4);font-weight:500}.support-panel__primary:disabled,.support-thread__send:disabled{opacity:.6;cursor:not-allowed}.support-panel__secondary,.support-thread__attach{background:transparent;border-color:var(--app-border, var(--app-border));color:var(--app-text, var(--app-text));padding:var(--space-2) var(--space-3-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.support-panel__back,.support-thread__back{background:none;border:none;color:var(--app-text-secondary, var(--app-text-muted));padding:var(--space-0);align-self:flex-start;font-size:var(--font-size-md)}.support-panel__count,.support-list__unread{background:#dc2626;color:#fff;border-radius:999px;font-size:var(--font-size-2xs);padding:var(--space-0) var(--space-1-5);min-width:18px;line-height:18px;text-align:center}.support-panel__hint,.support-panel__muted,.support-thread__muted{color:var(--app-text-secondary, var(--app-text-muted));font-size:var(--font-size-md);margin:var(--space-0)}.support-panel__error,.support-thread__error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-md)}.support-panel__label{font-size:var(--font-size-sm);font-weight:500;color:var(--app-text, var(--app-text))}.support-panel__optional{font-weight:400;color:var(--app-text-secondary, var(--app-text-muted))}.support-panel__input,.support-panel__textarea,.support-thread__input{width:100%;box-sizing:border-box;border:1px solid var(--app-border, var(--app-border));border-radius:8px;padding:var(--space-2) var(--space-3);font:inherit;resize:vertical}.support-list{list-style:none;margin:var(--space-0);padding:var(--space-0);display:flex;flex-direction:column;gap:var(--space-2)}.support-list__item{width:100%;text-align:left;background:var(--app-card, #fff);border:1px solid var(--app-border, var(--app-border));border-radius:8px;padding:var(--space-2-5) var(--space-3);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);font:inherit}.support-list__subject{font-weight:500;font-size:var(--font-size-md)}.support-list__preview{color:var(--app-text-secondary, var(--app-text-muted));font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-list__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--app-text-secondary, var(--app-text-muted))}.support-thread{display:flex;flex-direction:column;gap:var(--space-2-5);min-height:0}.support-thread__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.support-thread__subject{font-weight:500;font-size:var(--font-size-md)}.support-thread__status{font-size:var(--font-size-2xs);border-radius:999px;padding:var(--space-0-5) var(--space-2);background:var(--app-border, var(--app-border));color:var(--app-text-secondary, var(--app-text-muted));white-space:nowrap}.support-thread__status--solved,.support-thread__status--closed{background:#dcfce7;color:var(--app-success-text)}.support-thread__messages{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;max-height:320px;padding-right:var(--space-0-5)}.support-thread__bubble{border-radius:10px;padding:var(--space-2) var(--space-3);max-width:90%;font-size:var(--font-size-md)}.support-thread__bubble--mine{align-self:flex-end;background:var(--primary-fill));color:#fff}.support-thread__bubble--agent{align-self:flex-start;background:var(--app-surface-2, #f3f4f6);color:var(--app-text, var(--app-text))}.support-thread__author{display:block;font-size:var(--font-size-2xs);font-weight:500;opacity:.75;margin-bottom:var(--space-0-5)}.support-thread__body{margin:var(--space-0);white-space:pre-wrap;word-break:break-word}.support-thread__image{margin-top:var(--space-1-5);max-width:100%;border-radius:6px;display:block}.support-thread__system{align-self:center;font-size:var(--font-size-xs);color:var(--app-text-secondary, var(--app-text-muted));margin:var(--space-0)}.support-thread__composer{display:flex;flex-direction:column;gap:var(--space-1-5)}.support-thread__composer-actions{display:flex;gap:var(--space-2);justify-content:space-between}
