/* app-18 extensions: chat overlay, filters, integration setup, invoice payment */
/* Explicit text colors prevent global paragraph styles from darkening chat text. */
.yc-root .yc-b.me{background:#1745c5;color:#fff}
.yc-root .yc-b.me p{color:#fff}
.yc-root .yc-b.me small{color:#e8efff;opacity:1}
.yc-root .yc-b.them p{color:#1b2440}
.yc-root .yc-b.them small{color:#526078;opacity:1}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.yc-root{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:inherit}
.yc-launch{position:relative;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:13px 19px 13px 15px;background:var(--teal);color:#f6f3ec;font:700 13px/1 inherit;font-family:inherit;box-shadow:0 14px 34px #0a1e5233,0 2px 6px #0a1e5222;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.yc-launch:hover{transform:translateY(-2px)}.yc-launch:focus-visible{outline:3px solid #aa864d;outline-offset:3px}
.yc-launch svg{width:20px;height:20px}
.yc-count{position:absolute;top:-5px;right:-4px;min-width:21px;height:21px;padding:0 6px;border-radius:99px;background:#aa864d;color:#fff;font:800 11px/21px inherit;font-family:inherit;font-style:normal;text-align:center;border:2px solid #f4f5f8}
.yc-root.open .yc-launch{padding:13px}.yc-root.open .yc-launch-label{display:none}
.yc-panel{width:min(392px,calc(100vw - 28px));height:min(600px,calc(100dvh - 150px));display:flex;flex-direction:column;background:#fbfaf7;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 70px #111c3333;overflow:hidden;animation:ycIn .26s cubic-bezier(.2,.8,.2,1)}
@keyframes ycIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.yc-head{display:flex;align-items:center;gap:11px;padding:15px 15px 13px;background:var(--teal);color:#f6f3ec}
.yc-head>div{flex:1;min-width:0}.yc-head b{display:block;font-size:14.5px}.yc-head small{display:block;font-size:11.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yc-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#aa864d;font-weight:800}
.yc-ico{width:32px;height:32px;border-radius:10px;border:0;background:#ffffff1a;color:inherit;display:grid;place-items:center;cursor:pointer;font-size:16px}.yc-ico:hover{background:#ffffff2e}.yc-ico svg{width:15px;height:15px}
.yc-local{display:flex;gap:8px;align-items:flex-start;margin:10px 12px 0;padding:9px 11px;border-radius:12px;background:#f3ead9;color:#5b4520;font-size:11.5px;line-height:1.45}.yc-local svg{flex:none;width:14px;height:14px;margin-top:1px}
.yc-tools{padding:10px 12px 6px;display:grid;gap:8px}
.yc-tabs{display:flex;gap:5px;flex-wrap:wrap}.yc-tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 10px;font:600 11.5px inherit;font-family:inherit;color:var(--ink);cursor:pointer}.yc-tabs button i{font-style:normal;opacity:.55;margin-left:2px}.yc-tabs button.on{background:var(--ink);border-color:var(--ink);color:#f6f3ec}
.yc-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 10px}.yc-search svg{width:14px;height:14px;color:var(--muted)}.yc-search input{border:0;outline:0;background:none;padding:9px 0;flex:1;font:inherit;font-size:13px}
.yc-list{flex:1;overflow:auto;padding:4px 6px 10px}
.yc-row{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;border:0;background:none;padding:10px 8px;border-radius:12px;cursor:pointer;font-family:inherit;color:var(--ink)}.yc-row:hover{background:#eef0f5}
.yc-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 12px inherit;font-family:inherit;background:var(--mint);color:var(--teal)}.yc-av.interpreter{background:#f1e7d5;color:#7a5a24}
.yc-row-main{flex:1;min-width:0}.yc-row-main b,.yc-row-main em,.yc-row-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yc-row-main b{font-size:13px}.yc-row-main em{font-style:normal;font-size:11px;color:var(--muted)}.yc-row-main small{font-size:12px;color:#4a5568;margin-top:2px}
.yc-row.unread b,.yc-row.unread small{font-weight:800;color:var(--ink)}
.yc-row-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:10.5px;color:var(--muted)}.yc-dot{width:9px;height:9px;border-radius:50%;background:#aa864d}
.yc-none,.yc-start{padding:26px 18px;text-align:center;color:var(--muted);font-size:12.5px}.yc-none b,.yc-start b{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.yc-start{flex:1}
.yc-feed{flex:1;overflow:auto;padding:14px 12px;display:flex;flex-direction:column;gap:9px}
.yc-b{max-width:82%;padding:9px 12px;border-radius:15px;font-size:13px;line-height:1.45}.yc-b p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.yc-b small{display:block;margin-top:4px;font-size:10.5px;opacity:.65}
.yc-b.them{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}.yc-b.me{align-self:flex-end;background:var(--teal);color:#f6f3ec;border-bottom-right-radius:5px}
.yc-empty-thread{margin:auto;color:var(--muted);font-size:12.5px}
.yc-compose{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line);background:#fff}.yc-compose textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:12px;padding:9px 11px;font:inherit;font-size:13px;max-height:120px}.yc-compose textarea:focus{outline:2px solid #082f7c33;border-color:var(--teal)}
.yc-send{width:40px;height:40px;border-radius:12px;border:0;background:#aa864d;color:#fff;display:grid;place-items:center;cursor:pointer}.yc-send svg{width:16px;height:16px}
.yc-foot{display:flex;justify-content:space-between;padding:0 12px 10px;background:#fff}.yc-link{border:0;background:none;color:var(--teal);font:700 11.5px inherit;font-family:inherit;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.yc-root{right:12px;bottom:12px}.yc-launch-label{display:none}.yc-launch{padding:14px}.yc-panel{height:calc(100dvh - 170px)}}

.yx-active{margin:8px 0 12px;font-size:12.5px;color:var(--muted)}
.yx-empty{display:grid;justify-items:center;gap:6px;padding:26px 10px;text-align:center}.yx-empty b{color:var(--ink);font-size:14px}.yx-empty span{color:var(--muted);font-size:12.5px}

.yx-setup{margin-top:22px;display:grid;gap:16px}
.yx-setup-head{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}.yx-setup-head h3{margin:3px 0 6px;font-size:21px}.yx-setup-head p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55;max-width:62ch}
.yx-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#aa864d}
.yx-guard{display:flex;gap:9px;padding:13px 14px;border-radius:14px;background:#f3ead9;color:#5b4520;font-size:12.5px;line-height:1.5}.yx-guard svg{flex:none;width:16px;height:16px;margin-top:2px}
.yx-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}
.yx-card header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.yx-card header>div:nth-child(2){flex:1}.yx-card h4{margin:0;font-size:16px}.yx-card header small{color:var(--muted);font-size:12px}
.yx-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:17px}.yx-logo.g{background:#e7ecf5;color:var(--teal)}.yx-logo.s{background:#ecebf6;color:#5a4ea0}
.yx-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:#f1f2f5;border:1px solid var(--line);font-size:11.5px;font-weight:700;color:#4a5568;white-space:nowrap}.yx-pill i{width:7px;height:7px;border-radius:50%;background:#9aa3b2}
.yx-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.yx-field{display:grid;gap:5px;font-size:12.5px}.yx-field>span{font-weight:700;color:var(--ink)}.yx-field em{color:#b4532a;font-style:normal}.yx-field input,.yx-field select{border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:inherit;font-size:13.5px;background:#fbfaf7}.yx-field input:focus,.yx-field select:focus{outline:2px solid #082f7c2e;border-color:var(--teal)}.yx-field small{color:var(--muted);font-size:11.5px}
.yx-field.bad input{border-color:#c4542c;background:#fdf3ee}.yx-field .yx-err{color:#b0441f;font-weight:600}
.yx-toggles{display:grid;gap:10px;margin-bottom:16px}
.yx-toggle{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.yx-toggle input{position:absolute;opacity:0}.yx-toggle b{display:block;font-size:13.5px}.yx-toggle small{color:var(--muted);font-size:12px}
.yx-sw{flex:none;width:38px;height:22px;border-radius:99px;background:#cfd5df;position:relative;transition:background .2s;margin-top:1px}.yx-sw::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}
.yx-toggle input:checked+.yx-sw{background:var(--teal)}.yx-toggle input:checked+.yx-sw::after{transform:translateX(16px)}.yx-toggle input:focus-visible+.yx-sw{outline:3px solid #aa864d;outline-offset:2px}.yx-toggle.off{opacity:.5;cursor:not-allowed}
.yx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.yx-disabled,.yx-disabled:hover{opacity:.55;cursor:not-allowed}.yx-why{font-size:11.5px;color:var(--muted);flex-basis:100%}
.yx-help{margin-top:12px;font-size:13px}.yx-help summary{cursor:pointer;font-weight:700;color:var(--teal)}.yx-steps{margin:10px 0 0;padding-left:20px;color:#3e4a5e;line-height:1.6}
@media(max-width:760px){.yx-setup-head,.yx-grid{grid-template-columns:1fr}}

.yx-pay{display:grid;gap:14px}
.yx-amount{padding:18px;border-radius:16px;background:var(--teal);color:#f6f3ec}.yx-amount small,.yx-amount span{display:block;font-size:12px;opacity:.75}.yx-amount strong{display:block;font-size:34px;letter-spacing:-.02em;margin:3px 0}
.yx-choice{border:0;padding:0;margin:0;display:grid;gap:8px}.yx-choice legend{font-weight:800;font-size:13px;margin-bottom:6px}
.yx-opt{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:#fff}.yx-opt:has(input:checked){border-color:var(--teal);background:#f3f6fb}.yx-opt input{margin-top:3px;accent-color:var(--teal)}.yx-opt b{display:block;font-size:13.5px}.yx-opt small{color:var(--muted);font-size:12px}.yx-opt.off{opacity:.55;cursor:not-allowed}
.yx-secure,.yx-blocked,.yx-method-empty{display:flex;gap:9px;font-size:12.5px;line-height:1.5;align-items:flex-start}.yx-secure{color:var(--muted)}.yx-secure svg,.yx-blocked svg,.yx-method-empty svg{flex:none;width:15px;height:15px;margin-top:2px}
.yx-blocked{padding:12px 13px;border-radius:13px;background:#f3ead9;color:#5b4520}
.yx-methods{border:1px solid var(--line);border-radius:14px;padding:13px}.yx-methods-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px}
.yx-method{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px}.yx-demo{font-style:normal;font-size:10.5px;background:#f1e7d5;color:#7a5a24;padding:2px 7px;border-radius:99px;margin-left:6px}
.yx-method-empty{color:var(--muted)}
.yx-methods-link{margin:-6px 0 12px;display:inline-flex;gap:6px;align-items:center}