.msg{position:relative;z-index:1;background:var(--light-bg-2);color:var(--light-text);padding-block:6rem}.msg__header{margin-bottom:2.75rem}.msg__panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.25rem;align-items:stretch}.msg__device{display:flex;flex-direction:column;min-height:0;border-radius:18px;background:#ffffff;border:1px solid var(--light-border);box-shadow:0 28px 60px rgba(8,23,44,.12);overflow:hidden}.msg__chrome{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:var(--navy);color:#ffffff}.msg__avatar{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:linear-gradient(140deg,var(--green-2),var(--green));color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.02em}.msg__chrome-id{display:flex;flex-direction:column;line-height:1.25;min-width:0}.msg__chrome-id b{font-size:.9rem;font-weight:600}.msg__chrome-id i{font-style:normal;font-size:.72rem;color:rgba(255,255,255,.62)}.msg__live{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--green-2)}.msg__live i{width:.5rem;height:.5rem;border-radius:50%;background:var(--green);animation:msg-ping 2s infinite}.msg__tabs{display:flex;gap:.4rem;padding:.7rem .85rem;background:#fbfcfc;border-bottom:1px solid var(--light-border);flex-wrap:wrap}.msg__tab{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;border:1px solid var(--light-border);background:#ffffff;color:var(--light-text-muted);padding:.4rem .85rem;border-radius:999px;cursor:pointer;transition:background-color .15s var(--ease-soft),border-color .15s var(--ease-soft),color .15s var(--ease-soft)}.msg__tab-ic{display:inline-flex;width:.85rem;height:.85rem}.msg__tab-ic svg{width:100%;height:100%}.msg__tab:hover{border-color:var(--green);color:#4f7d17}.msg__tab--on{background:var(--green);border-color:var(--green);color:#ffffff}.msg__stream{list-style:none;margin:0;padding:1.1rem;display:flex;flex-direction:column;gap:1.1rem;height:30rem;overflow-y:auto;scroll-behavior:smooth;background:radial-gradient(circle at 18% 12%,rgba(141,198,63,.05),transparent 42%),#f7f9fa}.msg__stream::-webkit-scrollbar{width:8px}.msg__stream::-webkit-scrollbar-thumb{background:rgba(8,23,44,.16);border-radius:999px}.msg__empty{margin:auto;font-size:.8rem;font-weight:600;color:var(--light-text-muted);opacity:.7}.msg__item{flex-direction:column;animation:msg-rise .45s var(--ease-soft) both}.msg__item,.msg__meta{display:flex;gap:.4rem}.msg__meta{align-items:center;flex-wrap:wrap;align-self:flex-end;max-width:84%;font-size:.68rem;color:var(--light-text-muted)}.msg__chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:999px}.msg__chip svg{width:.78rem;height:.78rem}.msg__chip--sms{background:rgba(141,198,63,.16);color:#4f7d17}.msg__chip--email{background:rgba(45,108,223,.12);color:#2456b0}.msg__chip--voice{background:rgba(224,163,76,.16);color:#b3660a}.msg__kind{font-weight:700;color:var(--light-text)}.msg__dot{opacity:.5}.msg__time,.msg__to{font-weight:600}.msg__time{margin-left:auto;opacity:.7}.msg__bubble{position:relative;max-width:84%;padding:.7rem .9rem;font-size:.85rem;line-height:1.5;border-radius:16px;animation:msg-pop .35s var(--ease-soft) both}.msg__bubble p{margin:0}.msg__bubble--out{align-self:flex-end;background:linear-gradient(160deg,var(--green),#6fa61f);color:#ffffff;border-bottom-right-radius:5px}.msg__bubble--in{align-self:flex-start;background:#ffffff;border:1px solid var(--light-border);color:var(--light-text);border-bottom-left-radius:5px}.msg__in-name{display:block;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--light-text-muted);margin-bottom:.2rem}.msg__bubble--auto{align-self:flex-end;background:var(--navy);color:#ffffff;border-bottom-right-radius:5px}.msg__auto-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green-2);margin-bottom:.3rem}.msg__auto-ic{display:inline-flex;width:.95rem;height:.95rem}.msg__auto-ic svg{width:100%;height:100%}.msg__status{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;font-size:.66rem;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.85)}.msg__status svg{width:.85rem;height:.85rem}.msg__status--sending{color:rgba(255,255,255,.7)}.msg__status--read,.msg__status--replied{color:#ffffff}.msg__status--read svg,.msg__status--replied svg{color:#eaffca}.msg__spinner{width:.7rem;height:.7rem;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#ffffff;animation:msg-spin .7s linear infinite}.msg__composer{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border-top:1px solid var(--light-border);background:#ffffff}.msg__composer-field{flex:1 1;font-size:.78rem;font-style:italic;color:var(--light-text-muted);opacity:.75;padding:.5rem .85rem;background:#f3f4f5;border-radius:999px}.msg__composer-send{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--green);color:#ffffff;flex-shrink:0}.msg__rail{display:flex;flex-direction:column;border-radius:18px;background:#ffffff;border:1px solid var(--light-border);box-shadow:0 28px 60px rgba(8,23,44,.08);padding:1.25rem}.msg__rail-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding-bottom:.9rem;border-bottom:1px solid var(--light-border)}.msg__rail-title{font-size:1rem;font-weight:700;color:var(--light-text)}.msg__rail-vol{font-size:.72rem;font-weight:700;color:#4f7d17;background:rgba(141,198,63,.12);padding:.25rem .65rem;border-radius:999px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.msg__meters{display:flex;flex-direction:column;gap:1.15rem;padding:1.15rem 0;animation:msg-fade .4s var(--ease-soft) both}.msg__meter-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.msg__meter-l{font-size:.78rem;font-weight:600;color:var(--light-text-muted)}.msg__meter-v{font-size:1.15rem;font-weight:800;color:var(--light-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.msg__bar{height:.5rem;border-radius:999px;background:#eef0f1;overflow:hidden}.msg__bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-2));transition:width .7s var(--ease-soft)}.msg__rail-note{margin:auto 0 0;padding-top:1.1rem;border-top:1px solid var(--light-border);font-size:.8rem;line-height:1.55;color:var(--light-text-muted)}.msg__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:1.75rem}.msg__foot-text{margin:0;max-width:40rem;font-size:.95rem;font-weight:500;color:var(--light-text-muted)}.msg__cta{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--btn-radius);background:var(--green);padding:.9rem 1.75rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff;text-decoration:none;white-space:nowrap;transition:background-color .35s var(--ease-soft),transform .35s var(--ease-soft),box-shadow .35s var(--ease-soft)}.msg__cta:hover{background:var(--green-2);color:#ffffff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(141,198,63,.32)}.msg__cta svg{transition:transform .3s var(--ease-soft)}.msg__cta:hover svg{transform:translateX(4px)}.msg__panel{opacity:0;transform:translateY(16px)}.msg--in .msg__panel{animation:msg-fade .6s var(--ease-soft) .05s both}@keyframes msg-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes msg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes msg-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes msg-ping{0%{box-shadow:0 0 0 0 rgba(141,198,63,.45)}70%{box-shadow:0 0 0 6px rgba(141,198,63,0)}to{box-shadow:0 0 0 0 rgba(141,198,63,0)}}@keyframes msg-spin{to{transform:rotate(1turn)}}@media (max-width:991px){.msg__panel{grid-template-columns:1fr}.msg__stream{height:26rem}.msg__rail-note{margin-top:0}}@media (max-width:575px){.msg{padding-block:4rem}.msg__bubble,.msg__meta{max-width:92%}.msg__stream{height:24rem;padding:.85rem}.msg__foot{flex-direction:column;align-items:flex-start}.msg__cta{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.msg--in .msg__panel,.msg__bubble,.msg__item,.msg__meters,.msg__panel{animation:none!important;opacity:1!important;transform:none!important}.msg__bar i{transition:none!important}.msg__stream{scroll-behavior:auto}.msg__live i,.msg__spinner{animation:none!important}}