@import"./vars.css";.support-page{padding:100px 40px 80px;min-height:100vh}.support-hub{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.support-channel-card{font:inherit;color:inherit;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;outline:none;padding:32px;border-radius:var(--bloom-radius);background:#ffffff0d;border:1px solid rgb(255 255 255 / 10%);cursor:pointer;transition:all .35s var(--bloom-transition);text-align:center}.support-channel-card:hover{transform:translateY(-8px);border-color:var(--bloom-secondary);box-shadow:var(--bloom-shadow-md)}.support-channel-icon{font-size:2.5rem;margin-bottom:16px}.support-channel-label{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:8px}.support-channel-desc{font-size:.82rem;color:#ffffff7f}.chat-window{border-radius:var(--bloom-radius);background:#ffffff0a;border:1px solid rgb(255 255 255 / 10%);overflow:hidden;display:flex;flex-direction:column;height:520px}.chat-header{padding:18px 24px;background:linear-gradient(135deg,#8b1f6e4d,#2d1b5e66);border-bottom:1px solid rgb(255 255 255 / 8%);display:flex;align-items:center;gap:12px}.chat-agent-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--bloom-primary),var(--bloom-secondary));display:flex;align-items:center;justify-content:center;font-size:1.1rem}.chat-agent-info .name{font-weight:600;font-size:.9rem}.chat-agent-info .status{font-size:.75rem;color:var(--bloom-mint)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:18px;font-size:.88rem;line-height:1.5}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--bloom-primary),var(--bloom-secondary));color:#fff;border-bottom-right-radius:4px}.chat-bubble.agent{align-self:flex-start;background:#ffffff17;color:#ffffffe5;border-bottom-left-radius:4px}.chat-bubble.bot{align-self:flex-start;background:#7c3aed33;color:#ffffffe5;border:1px solid rgb(124 58 237 / 30%);border-bottom-left-radius:4px}.chat-input-bar{padding:16px 20px;border-top:1px solid rgb(255 255 255 / 8%);display:flex;gap:10px;align-items:center}.chat-input-bar input{flex:1;padding:12px 16px;background:#ffffff12;border:1px solid rgb(255 255 255 / 12%);border-radius:100px;color:#fff;font-size:.88rem;outline:none;font-family:var(--font-body)}.chat-input-bar input:focus{border-color:var(--bloom-secondary)}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border-radius:12px;background:#ffffff0a;border:1px solid rgb(255 255 255 / 8%);overflow:hidden;transition:border-color .25s ease,background .25s ease}.faq-question{padding:16px 20px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.faq-question:hover{background:#ffffff08}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:all .3s ease;font-size:.85rem;color:#fff9;line-height:1.6}.faq-item.open .faq-answer{padding:14px 20px;max-height:300px}.rating-stars{display:flex;gap:8px;justify-content:center}.rating-star{font-size:2rem;cursor:pointer;color:#fff3;transition:all .2s;background:none;border:none;padding:4px;font-family:inherit}.rating-star:hover,.rating-star.active{color:var(--bloom-accent);transform:scale(1.2)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-hidden{display:none!important}.section-block{margin-bottom:48px}.section-heading{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin-bottom:24px}.bloom-nav-links a.nav-active{color:#fff;position:relative}.bloom-nav-links a.nav-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(135deg,var(--bloom-primary),var(--bloom-secondary));border-radius:2px}.support-channel-card:focus-visible{border-color:var(--bloom-secondary);box-shadow:0 0 0 3px #e8439366}.support-channel-card .channel-tag{margin-top:12px}.support-channel-card .support-channel-label,.support-channel-card .support-channel-desc{display:block}.chat-floating{position:fixed;bottom:24px;right:24px;width:min(420px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 48px));z-index:9000;animation:chat-rise .35s var(--bloom-transition)}.chat-floating .chat-window{height:560px;max-height:calc(100vh - 48px);box-shadow:0 24px 60px -12px #0009,0 0 0 1px #ffffff0f;backdrop-filter:blur(18px);background:#140c28eb}@keyframes chat-rise{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.chat-close-btn{margin-left:auto;background:none;border:none;color:#ffffff7f;cursor:pointer;font-size:1.1rem;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.chat-close-btn:hover,.chat-close-btn:focus-visible{background:#ffffff1a;color:#fff;outline:none}@media (width <=540px){.chat-floating{bottom:0;right:0;width:100vw;max-height:100vh}.chat-floating .chat-window{height:100vh;border-radius:0}}.ticket-card{padding:36px;max-width:640px}.ticket-textarea{resize:vertical;min-height:120px}.btn-block{width:100%;justify-content:center}.form-input:invalid:not(:placeholder-shown){border-color:#ff6b8a}.faq-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.faq-tab{padding:6px 16px;border-radius:100px;border:1.5px solid rgb(255 255 255 / 15%);background:transparent;color:#fff9;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.faq-tab:hover{color:#fff;border-color:#ffffff4d}.faq-tab.is-active{background:linear-gradient(135deg,#8b1f6e,#e84393);color:#fff;border-color:transparent}.faq-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #e8439366}.faq-item:hover{border-color:#ffffff29}.faq-trigger{width:100%;text-align:left;padding:18px 20px;background:none;border:none;color:#fff;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-trigger:focus-visible{outline:none;background:#ffffff0d}.faq-arrow{color:#fff6;font-size:1.2rem;flex-shrink:0;transition:transform .3s ease}.faq-item[data-open=true] .faq-arrow{transform:rotate(90deg)}.faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-item[data-open=true] .faq-panel{grid-template-rows:1fr}.faq-panel-inner{overflow:hidden;font-size:.88rem;color:#fff9;line-height:1.7}.faq-panel-inner>div{padding:0 20px 18px}.faq-skeleton{height:62px;border-radius:12px;background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s linear infinite;margin-bottom:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.csat-card{padding:36px;max-width:560px;text-align:center;margin:0 auto}.csat-heading{margin-bottom:8px}.csat-sub{color:#ffffff7f;font-size:.88rem;margin-bottom:28px}.csat-field{border:none;padding:0;margin:0 0 24px}.csat-legend{font-size:.85rem;font-weight:600;margin-bottom:12px;display:block;width:100%;text-align:center}.csat-textarea{resize:vertical;min-height:80px;margin-bottom:16px}.rating-star:focus-visible{outline:none;color:var(--bloom-accent);transform:scale(1.15)}.nps-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.nps-btn{min-width:36px;padding:6px}.nps-btn[aria-checked=true]{background:linear-gradient(135deg,var(--bloom-primary),var(--bloom-secondary));color:#fff;border-color:transparent}@media (width <=720px){.support-hub{grid-template-columns:1fr}}@media (width <=768px){.support-page{padding:88px 20px 60px}}@media (prefers-reduced-motion: reduce){.faq-panel,.faq-arrow,.chat-floating,.faq-skeleton{transition:none!important;animation:none!important}}.chat-msg-wrap{display:flex;flex-direction:column;gap:4px}.chat-msg-user{align-items:flex-end}.chat-msg-bot,.chat-msg-agent{align-items:flex-start}.chat-typing{display:inline-flex;gap:4px;padding:14px 18px}.chat-typing span{width:6px;height:6px;border-radius:50%;background:#ffffff7f;animation:typing-dot 1.2s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 6px}.chat-chip{padding:6px 12px;border-radius:100px;border:1px solid rgb(124 58 237 / 35%);background:#7c3aed1a;color:#c4b5fd;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.chat-chip:hover{background:#7c3aed40;color:#fff;transform:translateY(-1px)}.chat-tool-error{padding:10px 14px;border-radius:10px;background:#ef44441a;border:1px solid rgb(239 68 68 / 30%);color:#fca5a5;font-size:.85rem}.chat-reco-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.chat-reco-card{padding:12px;border-radius:10px;background:#ffffff0d;border:1px solid rgb(255 255 255 / 10%);text-decoration:none;color:inherit;transition:all .2s;display:block}.chat-reco-card:hover{border-color:#e843937f;transform:translateY(-2px)}.reco-name{font-size:.82rem;font-weight:600;margin-bottom:4px}.reco-price{font-size:.9rem;color:#fbbf24;font-weight:700}.chat-cart-card{padding:12px 14px;border-radius:12px;margin-top:6px}.chat-cart-card .card-hd{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.cart-row{display:flex;justify-content:space-between;font-size:.82rem;color:#ffffffb3;padding:3px 0}.chat-status-card .card-photo{margin-top:10px}.chat-status-card .card-photo img{width:100%;max-height:140px;object-fit:cover;border-radius:10px;border:1px solid rgb(255 255 255 / 10%)}.chat-status-card code,.chat-bubble code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:.82em;font-family:ui-monospace,monospace}


