.SurfReportChat-module__oJI3fa__phone{background:#efeae2;border:6px solid #c8c8c8;border-radius:24px;flex-direction:column;width:100%;max-width:360px;height:540px;margin:0 auto;font-family:Segoe UI,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000026}.SurfReportChat-module__oJI3fa__header{background:#f0f2f5;flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;padding:8px 6px;display:flex}.SurfReportChat-module__oJI3fa__headerLeft{align-items:center;gap:4px;display:flex}.SurfReportChat-module__oJI3fa__backArrow{opacity:.9;color:#54656f;flex-shrink:0;width:22px;height:22px}.SurfReportChat-module__oJI3fa__avatarWrapper{background:#fff;border-radius:50%;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.SurfReportChat-module__oJI3fa__avatar{-o-object-fit:contain;object-fit:contain;padding:2px}.SurfReportChat-module__oJI3fa__headerInfo{flex-direction:column;margin-left:6px;display:flex}.SurfReportChat-module__oJI3fa__contactName{color:#111b21;font-size:15px;font-weight:500;line-height:1.2}.SurfReportChat-module__oJI3fa__contactStatus{color:#667781;font-size:12px;line-height:1.2}.SurfReportChat-module__oJI3fa__headerRight{align-items:center;gap:14px;padding-right:4px;display:flex}.SurfReportChat-module__oJI3fa__headerRight svg{opacity:.85}.SurfReportChat-module__oJI3fa__chatArea{scrollbar-width:thin;scrollbar-color:#00000026 transparent;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z' fill='%23d6d1c8' opacity='.4'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23p)'/%3E%3C/svg%3E");flex-direction:column;flex:1;padding:6px 10px 10px;display:flex;overflow:hidden auto}.SurfReportChat-module__oJI3fa__chatArea::-webkit-scrollbar{width:5px}.SurfReportChat-module__oJI3fa__chatArea::-webkit-scrollbar-track{background:0 0}.SurfReportChat-module__oJI3fa__chatArea::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.SurfReportChat-module__oJI3fa__dateChip{justify-content:center;margin:8px 0 12px;display:flex}.SurfReportChat-module__oJI3fa__dateChip span{color:#54656f;letter-spacing:.03em;text-transform:uppercase;background:#fff;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:500;box-shadow:0 1px .5px #00000014}.SurfReportChat-module__oJI3fa__messageRow{width:100%;margin-bottom:3px;animation:.25s ease-out SurfReportChat-module__oJI3fa__fadeInUp;display:flex}@keyframes SurfReportChat-module__oJI3fa__fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.SurfReportChat-module__oJI3fa__messageRow.SurfReportChat-module__oJI3fa__sent{justify-content:flex-start}.SurfReportChat-module__oJI3fa__messageRow.SurfReportChat-module__oJI3fa__received{justify-content:flex-end}.SurfReportChat-module__oJI3fa__bubbleContainer{flex-direction:column;gap:0;max-width:82%;display:flex}.SurfReportChat-module__oJI3fa__bubbleContainer:has(.SurfReportChat-module__oJI3fa__buttonGroup) .SurfReportChat-module__oJI3fa__bubble{box-shadow:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.SurfReportChat-module__oJI3fa__bubble{word-wrap:break-word;border-radius:8px;padding:6px 8px 6px 9px;font-size:13.5px;line-height:1.35;position:relative;box-shadow:0 1px .5px #00000014}.SurfReportChat-module__oJI3fa__bubble_sent{color:#111b21;background:#fff;border-top-left-radius:0}.SurfReportChat-module__oJI3fa__bubble_received{color:#111b21;background:#d9fdd3;border-top-right-radius:0}.SurfReportChat-module__oJI3fa__bubbleText{white-space:pre-wrap}.SurfReportChat-module__oJI3fa__meta{float:right;align-items:center;gap:3px;margin-top:4px;margin-left:8px;display:flex;position:relative;top:2px}.SurfReportChat-module__oJI3fa__time{color:#111b2173;font-size:10.5px}.SurfReportChat-module__oJI3fa__ticks{margin-left:1px}.SurfReportChat-module__oJI3fa__buttonGroup{border-top:1px solid #00000014;border-radius:0 0 8px 8px;flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 1px .5px #00000014}.SurfReportChat-module__oJI3fa__replyButton{color:#008069;text-align:center;cursor:default;background:#fff;border:none;border-top:1px solid #00000014;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.SurfReportChat-module__oJI3fa__replyButton:first-child{border-top:none}.SurfReportChat-module__oJI3fa__replyButtonIcon{opacity:.85;flex-shrink:0}.SurfReportChat-module__oJI3fa__inputBar{background:#f0f2f5;flex-shrink:0;align-items:center;gap:6px;padding:6px 8px;display:flex}.SurfReportChat-module__oJI3fa__inputLeft{color:#54656f;flex-shrink:0;align-items:center;display:flex}.SurfReportChat-module__oJI3fa__inputField{color:#667781;background:#fff;border-radius:20px;flex:1;min-height:20px;padding:8px 14px;font-size:14px}.SurfReportChat-module__oJI3fa__inputRight{color:#54656f;flex-shrink:0;align-items:center;gap:10px;display:flex}.SurfReportChat-module__oJI3fa__typingBubble{align-items:center;gap:4px;padding:10px 16px;display:flex}.SurfReportChat-module__oJI3fa__dot{background:#667781;border-radius:50%;width:7px;height:7px;animation:1.2s infinite SurfReportChat-module__oJI3fa__typingBounce;display:inline-block}.SurfReportChat-module__oJI3fa__dot:nth-child(2){animation-delay:.15s}.SurfReportChat-module__oJI3fa__dot:nth-child(3){animation-delay:.3s}@keyframes SurfReportChat-module__oJI3fa__typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.dark .SurfReportChat-module__oJI3fa__phone{background:#0b141a;border-color:#1a1a1a;box-shadow:0 25px 50px #00000040}.dark .SurfReportChat-module__oJI3fa__header{background:#1f2c34}.dark .SurfReportChat-module__oJI3fa__backArrow{color:#e9edef}.dark .SurfReportChat-module__oJI3fa__avatarWrapper{background:#fff}.dark .SurfReportChat-module__oJI3fa__contactName{color:#e9edef}.dark .SurfReportChat-module__oJI3fa__contactStatus{color:#8696a0}.dark .SurfReportChat-module__oJI3fa__headerRight{color:#e9edef}.dark .SurfReportChat-module__oJI3fa__chatArea{scrollbar-color:#8696a04d transparent;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z' fill='%23111b21' opacity='.4'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23p)'/%3E%3C/svg%3E")}.dark .SurfReportChat-module__oJI3fa__chatArea::-webkit-scrollbar-thumb{background:#8696a04d}.dark .SurfReportChat-module__oJI3fa__dateChip span{color:#8696a0;background:#182229;box-shadow:0 1px .5px #00000021}.dark .SurfReportChat-module__oJI3fa__bubble{box-shadow:0 1px .5px #00000021}.dark .SurfReportChat-module__oJI3fa__bubble_sent{color:#e9edef;background:#1f2c34}.dark .SurfReportChat-module__oJI3fa__bubble_received{color:#e9edef;background:#005c4b}.dark .SurfReportChat-module__oJI3fa__time{color:#e9edef80}.dark .SurfReportChat-module__oJI3fa__bubbleContainer:has(.SurfReportChat-module__oJI3fa__buttonGroup) .SurfReportChat-module__oJI3fa__bubble{box-shadow:none}.dark .SurfReportChat-module__oJI3fa__buttonGroup{border-top-color:#ffffff0f;box-shadow:0 1px .5px #00000021}.dark .SurfReportChat-module__oJI3fa__replyButton{color:#53bdeb;background:#1f2c34;border-top-color:#ffffff0f}.dark .SurfReportChat-module__oJI3fa__inputBar{background:#1f2c34}.dark .SurfReportChat-module__oJI3fa__inputField{color:#8696a0;background:#2a3942}:is(.dark .SurfReportChat-module__oJI3fa__inputLeft,.dark .SurfReportChat-module__oJI3fa__inputRight){color:#8696a0}.dark .SurfReportChat-module__oJI3fa__dot{background:#8696a0}
/*# sourceMappingURL=69911718e2051bdd.css.map*/