.bot-hero{background:radial-gradient(circle at 85% 30%,rgb(201 42 42 / .55) 0%,transparent 45%),radial-gradient(circle at 10% 90%,rgb(255 212 59 / .18) 0%,transparent 40%),linear-gradient(160deg,#2a0f0c,#1f0f0d 60%,#140907)}.bot-stage{position:relative;display:flex;justify-content:center;padding-bottom:24px}.phone{position:relative;width:min(320px,100%);height:600px;border-radius:42px;padding:12px;background:#0f0a09;box-shadow:0 0 0 2px #3a2a26,0 30px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.phone-notch{position:absolute;top:12px;left:50%;width:110px;height:22px;border-radius:0 0 14px 14px;background:#0f0a09;transform:translate(-50%);z-index:2}.wa-head{display:flex;align-items:center;gap:10px;padding:30px 14px 10px;border-radius:30px 30px 0 0;background:#075e54;color:#fff}.wa-back{font-size:1.6rem;line-height:1}.wa-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;font-size:1.2rem}.wa-title{display:flex;flex-direction:column;line-height:1.2}.wa-title small{opacity:.85;font-size:.78rem}.wa-body{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px 10px 6px;background:radial-gradient(circle at 20% 20%,rgb(255 255 255 / .35) 0 2px,transparent 3px) 0 0 / 28px 28px,#ece5dd;color:#111b21;font-size:.86rem}.day{align-self:center;margin:0 0 4px;padding:3px 10px;border-radius:8px;background:#fff;color:#54656f;font-size:.7rem;font-weight:700}.msg{max-width:82%;padding:7px 10px;border-radius:10px;box-shadow:0 1px 1px #0000001f;line-height:1.35}.msg p{margin:0}.msg.in{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}.msg.out{align-self:flex-start;background:#fff;border-top-left-radius:2px}.msg.voice p:first-child{font-weight:700;letter-spacing:.02em}.transcript{margin-top:4px!important;color:#54656f;font-style:italic;font-size:.8rem}.msg.location p:first-child{display:flex;align-items:center;justify-content:center;height:70px;margin-bottom:4px;border-radius:8px;background:linear-gradient(90deg,rgb(0 0 0 / .06) 1px,transparent 1px) 0 0 / 14px 14px,linear-gradient(rgb(0 0 0 / .06) 1px,transparent 1px) 0 0 / 14px 14px,#f5efe6;font-size:1.6rem}.msg.pop{animation:msg-pop .35s cubic-bezier(.2,.9,.3,1.3) both}@keyframes msg-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}}.typing{align-self:flex-start;display:inline-flex;gap:4px;padding:10px 12px;border-radius:2px 10px 10px;background:#fff}.typing i{width:7px;height:7px;border-radius:50%;background:#8696a0;animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}.wa-input{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:8px 10px 12px;border-radius:0 0 30px 30px;background:#ece5dd;color:#8696a0;font-size:.85rem}.wa-input span:first-child{flex:1;padding:8px 12px;border-radius:999px;background:#fff}.wa-mic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#00a884}.ticket{position:absolute;right:-8px;bottom:0;width:240px;padding:12px 14px;border-radius:16px;background:#fffdf9;color:#22190f;font-size:.85rem;box-shadow:0 18px 40px #0006;transform:rotate(3deg)}.js-chat .ticket{opacity:0;transform:translateY(30px) rotate(3deg) scale(.9);transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1.3)}.js-chat .ticket.show{opacity:1;transform:rotate(3deg);animation:order-glow 1.6s .3s ease-out}.promise-band{background:var(--ink);color:#fff;padding:28px 0}.promise-in{display:grid;gap:16px}.promise-in div{display:grid;grid-template-columns:44px 1fr;-moz-column-gap:12px;column-gap:12px;align-items:center}.promise-in span{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff1a;font-size:1.3rem}.promise-in small{color:#ffffffbf}.control{display:grid;gap:28px;align-items:center}.checks.big li{font-size:1.05rem}.note-box{margin:8px 0 12px;padding:16px;border-radius:14px;background:var(--brand-soft);color:var(--text)!important;font-style:italic;line-height:1.6}.small-muted{font-size:.9rem}.sim{display:grid;gap:20px;align-items:center}.sim-badge{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:28px;background:var(--surface);border:1px solid var(--outline);box-shadow:var(--shadow);font-size:3rem}.sub-left{color:var(--muted);font-size:1.08rem;max-width:40em;margin-bottom:20px}@media (min-width: 600px){.promise-in{grid-template-columns:repeat(3,1fr)}.sim{grid-template-columns:auto 1fr;gap:32px}}@media (min-width: 900px){.control{grid-template-columns:1.2fr .8fr;gap:48px}.ticket{right:-40px;bottom:40px}}@media (max-width: 599px){.phone{height:540px}}.ico-box svg,.promise-in span svg,.sim-badge svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ico-box{color:var(--brand)}.promise-in span{color:var(--accent)}.sim-badge{color:var(--brand)}.sim-badge svg{width:44px;height:44px}.inbox-wrap{display:grid;gap:28px;align-items:center}.inbox{border-radius:20px;border:1px solid var(--outline);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.inbox-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--outline)}.inbox-tabs{display:flex;gap:6px}.inbox-tabs i{font-style:normal;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--alt);color:var(--muted)}.inbox-tabs i.on{background:var(--brand);color:var(--on-brand)}.inbox-row{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--outline)}.inbox-row:last-child{border-bottom:0}.inbox-row.urgent{background:#c92a2a0f}.av{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:.85rem}.who{display:flex;flex-direction:column;min-width:0}.who small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags em{font-style:normal;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px}.t-bot{background:var(--green-soft);color:var(--green)}.t-wait{background:var(--brand-soft);color:var(--brand)}.t-human{background:var(--blue-soft);color:var(--blue)}.t-order{background:var(--amber-soft);color:var(--amber)}.calc{display:grid;gap:20px;margin-top:24px}.calc-inputs{display:grid;gap:18px;padding:22px;border-radius:20px;border:1px solid var(--outline);background:var(--surface);box-shadow:var(--shadow)}.calc-inputs label{display:grid;gap:6px;font-weight:700}.calc-row{display:flex;align-items:center;gap:14px}.calc-row input{flex:1;min-height:44px;accent-color:var(--brand)}.calc-row output{min-width:96px;text-align:right;font-weight:800;font-size:1.1rem}.calc-result{display:grid;gap:10px;justify-items:center;text-align:center;padding:26px 22px;border-radius:20px;background:linear-gradient(135deg,#e03131,#c92a2a 60%,#9b1c1c);color:#fff}.calc-result>span{font-weight:700;opacity:.9}.calc-result b{font-size:clamp(2.2rem,7vw,3.2rem);font-weight:900;line-height:1;color:var(--accent)}.calc-result p{margin:0;max-width:28em;color:#ffffffeb}.calc-result .btn{background:#fff;color:#a61e1e;margin-top:6px}.calc-result small{opacity:.8}@media (min-width: 900px){.inbox-wrap{grid-template-columns:.9fr 1.1fr;gap:48px}.inbox-row{grid-template-columns:40px 1fr auto}.av{grid-row:auto}.calc{grid-template-columns:1.1fr .9fr;align-items:stretch}}@media (max-width: 599px){.bot-stage{flex-direction:column;align-items:center}.ticket{position:relative;right:auto;bottom:auto;width:min(300px,100%);margin-top:-36px}}
