.subscription-current,.subscription-offline,.payment-pending{display:flex;align-items:center;gap:16px;border-radius:21px;padding:20px 22px;margin-bottom:18px}.subscription-current{background:linear-gradient(125deg,var(--deep),var(--teal));color:#fff}.subscription-offline{background:#fff3df;border:1px solid #f0d39b}.subscription-current>span,.subscription-offline>span{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.16);font-weight:900}.subscription-current div,.subscription-offline div,.payment-pending>div{display:flex;flex:1;flex-direction:column}.subscription-current p,.subscription-offline p,.payment-pending p{margin:2px 0;font-size:.78rem}.subscription-current p{color:#c0dbe2}.payment-pending{background:#fff;border:1px solid #ecd39d}.subscription-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.subscription-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column}.subscription-card.selected{border:2px solid var(--teal);box-shadow:0 12px 35px rgba(10,93,120,.12)}.subscription-card-head{display:flex;justify-content:space-between;align-items:start}.subscription-card-head small,.payment-note{color:var(--muted);font-size:.68rem}.subscription-card-head h3{font-size:1.35rem;margin:2px 0}.subscription-card-head>span{background:#fff1d5;color:#8a5908;border-radius:20px;padding:5px 9px;font-size:.65rem;font-weight:850}.subscription-card>p{color:var(--muted);font-size:.8rem;min-height:48px}.subscription-price{font-size:1.55rem;color:var(--deep)}.subscription-card ul{list-style:none;padding:0;margin:18px 0;flex:1}.subscription-card li{padding:6px 0;border-bottom:1px solid #edf3f5;font-size:.76rem}.subscription-card form label{margin-top:0}.subscription-card form .button{margin-top:10px}
@media(max-width:760px){.subscription-grid{grid-template-columns:1fr}.payment-pending{align-items:stretch;flex-direction:column}.subscription-current,.subscription-offline{align-items:flex-start}.mobile-drawer nav{overflow-y:auto}.mobile-drawer nav>a{padding:10px 13px}.mobile-drawer-user{margin:16px 0 12px}}

.web-chat{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.web-chat>header{display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--mist)}
.web-chat>header a{color:var(--teal);font-weight:800}.web-chat-messages{display:flex;min-height:360px;max-height:58vh;overflow-y:auto;padding:24px;flex-direction:column;gap:12px}
.web-chat-messages article{max-width:min(72%,560px);padding:11px 14px;border-radius:6px 17px 17px 17px;background:var(--mist)}
.web-chat-messages article.mine{align-self:flex-end;border-radius:17px 6px 17px 17px;color:#fff;background:var(--teal)}
.web-chat-messages article small,.web-chat-messages article time{display:block;font-size:.62rem;opacity:.72}.web-chat-messages article p{margin:3px 0 5px;white-space:pre-wrap}
.web-chat>form{display:grid;padding:14px;border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:10px}.web-chat>form textarea{resize:none;border:1px solid var(--line);border-radius:14px;padding:12px 14px;outline:0}.web-chat>form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(10,93,120,.1)}
.chat-row{text-decoration:none;color:inherit}
@media(max-width:700px){.web-chat-messages{min-height:300px;padding:15px}.web-chat-messages article{max-width:88%}.web-chat>form{grid-template-columns:1fr}.web-chat>form button{width:100%}}