/*!
 * ChatJox 0.0.7 — widget module styles.
 *
 * The panes are overlays inside the existing panel, so the 0.0.6 chat layout,
 * mobile full screen behaviour and iOS safe area handling are untouched.
 */
#chatjox-root .chatjox-panes{inset:0;top:var(--chatjox-pane-top,64px);z-index:6;border-radius:0 0 var(--chatjox-radius)var(--chatjox-radius);display:none;position:absolute;overflow:hidden}#chatjox-root .chatjox-panes.is-active{display:block}#chatjox-root .chatjox-pane[hidden]{display:none!important}#chatjox-root .chatjox-pane{background:var(--chatjox-surface);color:var(--chatjox-text);font-family:var(--chatjox-font-family);flex-direction:column;animation:.18s chatjox-pane-in;display:flex;position:absolute;inset:0}@keyframes chatjox-pane-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#chatjox-root .chatjox-pane-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding:16px 15px;overflow-y:auto}#chatjox-root .chatjox-pane-head{border-bottom:1px solid var(--chatjox-border);background:var(--chatjox-surface);align-items:center;gap:9px;padding:10px 12px;display:flex}#chatjox-root .chatjox-pane-back{color:var(--chatjox-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;padding:6px 4px;font-size:12.5px;display:inline-flex}#chatjox-root .chatjox-pane-back:hover{color:var(--chatjox-primary)}#chatjox-root .chatjox-pane-back svg{width:16px;height:16px}#chatjox-root .chatjox-pane-foot{border-top:1px solid var(--chatjox-border);background:var(--chatjox-body-bg);font-size:var(--chatjox-status-font-size);color:var(--chatjox-muted);padding:11px 14px;padding-bottom:calc(11px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}#chatjox-root .chatjox-pane-cta{border-radius:calc(var(--chatjox-input-radius) - 2px);background:var(--chatjox-send-bg);color:var(--chatjox-send-icon);font:inherit;cursor:pointer;border:0;padding:9px 16px;font-size:12.5px;font-weight:700;transition:transform .14s,filter .14s}#chatjox-root .chatjox-pane-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}#chatjox-root .chatjox-pane-cta.is-ghost{color:var(--chatjox-primary);border:1px solid var(--chatjox-border);background:0 0}#chatjox-root .chatjox-rating-box{text-align:center;padding:6px 4px 2px}#chatjox-root .chatjox-rating-badge{color:#f59e0b;background:radial-gradient(circle at 50% 40%,#f59e0b33,transparent 70%),color-mix(in srgb,#f59e0b 12%,var(--chatjox-surface));border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 13px;display:grid;box-shadow:0 6px 18px #f59e0b38}#chatjox-root .chatjox-rating-badge svg{width:27px;height:27px}#chatjox-root .chatjox-rating-box h3{font-size:calc(var(--chatjox-title-font-size) + 1px);color:var(--chatjox-text);margin:0 0 7px;font-weight:800;line-height:1.75}#chatjox-root .chatjox-rating-box p{color:var(--chatjox-muted);font-size:var(--chatjox-status-font-size);margin:0 0 18px;line-height:2}#chatjox-root .chatjox-rating-stars{direction:ltr;justify-content:center;gap:6px;margin-bottom:9px;display:flex}#chatjox-root .chatjox-rating-star{width:46px;height:46px;color:color-mix(in srgb,var(--chatjox-muted)45%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;transition:transform .16s cubic-bezier(.34,1.4,.64,1),color .16s,background .16s;display:grid}#chatjox-root .chatjox-rating-star svg{pointer-events:none;width:30px;height:30px}#chatjox-root .chatjox-rating-star:hover{background:#f59e0b1a}#chatjox-root .chatjox-rating-star:focus-visible{outline:none;box-shadow:0 0 0 3px #f59e0b61}#chatjox-root .chatjox-rating-stars:hover .chatjox-rating-star{color:#f59e0b}#chatjox-root .chatjox-rating-stars .chatjox-rating-star:hover~.chatjox-rating-star{color:color-mix(in srgb,var(--chatjox-muted)45%,transparent)}#chatjox-root .chatjox-rating-star.is-on{color:#f59e0b}#chatjox-root .chatjox-rating-star.is-on svg path{fill:#f59e0b;stroke:#f59e0b}#chatjox-root .chatjox-rating-star.is-on{transform:scale(1.06)}#chatjox-root .chatjox-rating-star:active{transform:scale(.93)}#chatjox-root .chatjox-rating-star:disabled{cursor:default;transform:none}#chatjox-root .chatjox-rating-star:disabled:hover{background:0 0}#chatjox-root .chatjox-rating-hint{min-height:18px;font-size:var(--chatjox-status-font-size);color:var(--chatjox-muted);margin-bottom:14px;font-weight:700;transition:color .16s}#chatjox-root .chatjox-rating-hint.is-picked{color:#b45309}#chatjox-root .chatjox-rating-field{margin:0 0 12px;display:block}#chatjox-root .chatjox-rating-comment{box-sizing:border-box;border:1px solid var(--chatjox-border);border-radius:var(--chatjox-input-radius);background:var(--chatjox-input-bg);width:100%;color:var(--chatjox-input-text);font:inherit;font-size:var(--chatjox-message-font-size);resize:none;text-align:right;outline:0;padding:12px 14px;line-height:2;transition:border-color .16s,box-shadow .16s}#chatjox-root .chatjox-rating-comment::placeholder{color:var(--chatjox-placeholder)}#chatjox-root .chatjox-rating-comment:focus{border-color:var(--chatjox-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--chatjox-primary)16%,transparent)}#chatjox-root .chatjox-rating-comment:disabled{opacity:.7}#chatjox-root .chatjox-rating-submit{border-radius:var(--chatjox-input-radius);background:var(--chatjox-send-bg);width:100%;color:var(--chatjox-send-icon);font:inherit;font-weight:800;font-size:var(--chatjox-message-font-size);cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--chatjox-send-bg)26%,transparent);border:0;justify-content:center;align-items:center;gap:8px;padding:13px;transition:transform .16s,filter .16s,opacity .16s,box-shadow .16s;display:flex}#chatjox-root .chatjox-rating-submit svg{width:17px;height:17px}#chatjox-root .chatjox-rating-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}#chatjox-root .chatjox-rating-submit:active:not(:disabled){transform:translateY(0)}#chatjox-root .chatjox-rating-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}#chatjox-root .chatjox-rating-done{border-radius:var(--chatjox-input-radius);background:color-mix(in srgb,var(--chatjox-online)13%,transparent);border:1px solid color-mix(in srgb,var(--chatjox-online)34%,transparent);color:var(--chatjox-text);font-size:var(--chatjox-status-font-size);justify-content:center;align-items:center;gap:9px;margin-top:13px;padding:13px 14px;font-weight:700;line-height:1.9;animation:.26s cubic-bezier(.34,1.4,.64,1) chatjox-rating-pop;display:flex}#chatjox-root .chatjox-rating-done svg{width:19px;height:19px;color:var(--chatjox-online);flex:none}#chatjox-root .chatjox-rating-done[hidden]{display:none!important}@keyframes chatjox-rating-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}#chatjox-root .chatjox-avatar.has-stack{position:relative}#chatjox-root .chatjox-avatar.has-stack .chatjox-avatar-extra{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;animation:12s linear infinite chatjox-avatar-cycle;position:absolute;inset:0}#chatjox-root .chatjox-avatar.has-stack .chatjox-avatar-extra:nth-of-type(2){animation-delay:4s}#chatjox-root .chatjox-avatar.has-stack .chatjox-avatar-extra:nth-of-type(3){animation-delay:8s}@keyframes chatjox-avatar-cycle{0%,26%{opacity:0}30%,58%{opacity:1}62%,to{opacity:0}}#chatjox-root .chatjox-action-icon-img{object-fit:contain;width:60%;max-width:28px;height:60%;max-height:28px;display:block}#chatjox-root .chatjox-hp{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (width<=600px){#chatjox-root .chatjox-panes{border-radius:0}#chatjox-root .chatjox-pane-scroll{padding:14px 13px}#chatjox-root .chatjox-rating-star{width:44px;height:44px}#chatjox-root .chatjox-rating-star svg{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){#chatjox-root .chatjox-pane,#chatjox-root .chatjox-rating-done{animation:none}#chatjox-root .chatjox-rating-star,#chatjox-root .chatjox-rating-submit{transition:none}#chatjox-root .chatjox-avatar.has-stack .chatjox-avatar-extra{opacity:0;animation:none}}