/* In-page offer panel (owner pt328u-330u). Used only on pages whose domain config has "offer_panel": true. Builds on the v33/v34 .ap-sheet native sheet. */
.ap-offer .sh-dom{margin:0 0 4px}
.ap-offer .of-sub{margin:0 0 18px;color:var(--mute);font:400 15px/1.45 var(--sans)}
.of-form{display:block;margin:0}
.of-f{display:block;margin:0 0 14px}
.of-l{display:block;margin:0 0 6px 2px;color:var(--mute);font:600 13px/1.2 var(--sans);letter-spacing:-.005em}
.of-l i{font-style:normal;font-weight:400;color:var(--mute2)}
.of-i,.of-t{appearance:none;-webkit-appearance:none;display:block;width:100%;box-sizing:border-box;margin:0;border:0;border-radius:14px;background:var(--fill);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair);font:400 17px/1.3 var(--sans);letter-spacing:-.011em;min-height:50px;padding:0 16px;transition:box-shadow .2s var(--ease),background .2s var(--ease)}
.of-t{min-height:88px;padding:13px 16px;resize:vertical;line-height:1.4}
.of-i::placeholder,.of-t::placeholder{color:var(--mute2)}
.of-i:focus,.of-t:focus{outline:0;box-shadow:inset 0 0 0 2px var(--acc),0 0 0 4px var(--acc-soft2)}
.of-i[aria-invalid=true],.of-t[aria-invalid=true]{box-shadow:inset 0 0 0 2px #d93a4a}
.of-amt{position:relative}
.of-amt b{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--mute);font:600 17px var(--sans);pointer-events:none}
.of-amt .of-i{padding-left:32px;padding-right:56px;font-weight:600;font-feature-settings:"tnum"}
.of-amt u{position:absolute;right:16px;top:50%;transform:translateY(-50%);text-decoration:none;color:var(--mute2);font:600 12px var(--sans);letter-spacing:.04em;pointer-events:none}
.of-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.of-go{margin:6px 0 0}
.of-go[disabled]{opacity:.65;cursor:progress}
.of-note{margin:14px 2px 0;color:var(--mute);font:400 13px/1.5 var(--sans);text-align:center}
.of-err{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:rgba(217,58,74,.1);color:#b3202f;font:500 14px/1.45 var(--sans)}
.of-err[hidden]{display:none}
.of-err a{color:inherit;font-weight:700;text-decoration:underline}
@media (prefers-color-scheme:dark){.of-err{background:rgba(255,110,125,.14);color:#ff9aa5}}
.of-ok{text-align:center;padding:18px 4px 4px}
.of-ok[hidden],.of-form[hidden]{display:none}
.of-ok svg{display:block;margin:0 auto 14px;width:64px;height:64px}
.of-ok svg circle{fill:var(--acc-soft2)}
.of-ok svg path{fill:none;stroke:var(--acc-tx);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:ofTick .5s .15s var(--ease) forwards}
@keyframes ofTick{to{stroke-dashoffset:0}}
.of-ok h4{margin:0 0 6px;font:700 22px/1.2 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.of-ok p{margin:0 0 22px;color:var(--mute);font:400 17px/1.45 var(--sans)}
@media (prefers-reduced-motion:reduce){.of-ok svg path{animation:none;stroke-dashoffset:0}}

/* ---- live chat (after "Send offer") ---- */
.oc[hidden]{display:none}
.oc{display:block}
.oc-bar{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--mute);font:500 14px/1.3 var(--sans)}
.oc-dot{width:9px;height:9px;border-radius:50%;background:var(--mute2);flex:none;transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.oc[data-p=online] .oc-dot{background:#2fb86b;box-shadow:0 0 0 4px rgba(47,184,107,.2)}
.oc-note{margin:0 0 12px;color:var(--mute);font:400 13px/1.45 var(--sans)}
.oc-log{display:flex;flex-direction:column;gap:8px;height:clamp(150px,36dvh,340px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 6px 10px;margin:0 -6px 12px;scroll-behavior:smooth}
.oc-b{max-width:84%;box-sizing:border-box;padding:10px 14px;border-radius:19px;font:400 16px/1.4 var(--sans);letter-spacing:-.011em;white-space:pre-wrap;overflow-wrap:anywhere;animation:ocIn .5s var(--spring) both}
.oc-b.me{align-self:flex-end;border-bottom-right-radius:6px;background:linear-gradient(180deg,var(--acc-hi),var(--acc-lo));color:var(--onacc)}
.oc-b.them{align-self:flex-start;border-bottom-left-radius:6px;background:var(--fill2);color:var(--ink)}
.oc-b.sys{align-self:center;max-width:94%;background:none;color:var(--mute);font-size:13px;text-align:center;padding:4px 8px}
.oc-card{white-space:normal;min-width:min(260px,84%)}
.oc-card .oc-l{display:block;margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.oc-card .ap-go{min-height:48px;font-size:16px}
.oc-host{display:block;margin:8px 0 0;text-align:center;color:var(--mute);font:500 12px/1.3 var(--sans);overflow-wrap:anywhere}
.oc-lk{display:block;margin-top:6px;color:var(--acc-tx);font:500 14px/1.4 var(--sans);text-decoration:underline;overflow-wrap:anywhere}
@keyframes ocIn{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
.oc-form{display:flex;gap:8px;align-items:center;margin:0}
.oc-form .of-i{flex:1;min-width:0;min-height:46px;border-radius:23px;padding:0 18px}
.oc-send{appearance:none;border:0;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--onacc);background:linear-gradient(180deg,var(--acc-hi),var(--acc-lo));box-shadow:var(--shb);transition:transform .25s var(--spring),opacity .2s}
.oc-send:active{transform:scale(.9)}
.oc-send[disabled],.oc-form .of-i[disabled]{opacity:.45;cursor:not-allowed}
.oc-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.oc-err{margin:10px 0 0;padding:10px 14px;border-radius:14px;background:rgba(217,58,74,.1);color:#b3202f;font:500 14px/1.45 var(--sans)}
.oc-err[hidden]{display:none}
.oc-err a{color:inherit;font-weight:700;text-decoration:underline}
@media (prefers-color-scheme:dark){.oc-err{background:rgba(255,110,125,.14);color:#ff9aa5}}
.oc-new{margin:10px 0 0;text-align:center}
.oc-nb{appearance:none;border:0;background:none;color:var(--acc-tx);font:500 14px var(--sans);cursor:pointer;padding:8px 10px;border-radius:10px}
a[data-offer-sheet].oc-unread::after{content:"";display:inline-block;width:9px;height:9px;margin-left:8px;border-radius:50%;background:#ff453a;vertical-align:middle;box-shadow:0 0 0 3px rgba(255,69,58,.25)}
@media (prefers-reduced-motion:reduce){.oc-b{animation:none}.oc-log{scroll-behavior:auto}}