.customer-workspace-nav{background:#f5f5f7;border:1px solid #e6e8ed;border-radius:99px;flex-wrap:wrap;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto 40px;padding:6px;display:flex}.customer-workspace-nav a{color:#515564;border-radius:99px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none}.customer-workspace-nav a[aria-current]{color:#17182b;background:#fff;box-shadow:0 2px 6px #1b25400d}.customer-messages-page{max-width:1200px;margin:0 auto 70px}.messages-intro{text-align:center;margin:30px auto 46px}.messages-intro h1{letter-spacing:-.055em;margin:10px 0 16px;font-size:clamp(36px,5vw,64px)}.messages-intro>p:last-child{color:#5c6170;font-size:19px}.messages-workspace{background:#fff;border:1px solid #e6e8ed;border-radius:28px;grid-template-columns:300px minmax(0,1fr);min-height:580px;display:grid;overflow:hidden;box-shadow:0 18px 65px #13203b08}.messages-sidebar{background:#f7f8fa;border-right:1px solid #e6e8ed;flex-direction:column;min-width:0;padding:24px 12px;display:flex}.messages-sidebar-head{justify-content:space-between;align-items:center;gap:10px;padding:0 12px 20px;display:flex}.messages-sidebar-head h2{margin:0;font-size:17px}.messages-sidebar-head h2 span{color:#727684;margin-left:6px;font-size:13px}.messages-sidebar input{background:#fff;border:1px solid #d9dce5;border-radius:12px;width:calc(100% - 20px);min-height:42px;margin:0 10px 16px;padding:10px 14px}.messages-contact-list{max-height:440px;margin:0;padding:0;list-style:none;overflow-y:auto}.messages-contact{text-align:left;color:#17182b;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;width:100%;padding:16px 12px;display:flex}.messages-contact[aria-pressed=true]{background:#e9efff}.messages-contact:hover{background:#edf0f5}.messages-contact>span:nth-child(2){flex:1;min-width:0}.messages-contact strong{overflow-wrap:anywhere;font-size:15px;display:block}.messages-contact small{color:#656a79;margin-top:5px;font-size:12px;display:block}.messages-bank-avatar{color:#075bed;background:#fff;border:1px solid #e3e8f0;border-radius:14px;flex:0 0 42px;place-items:center;height:42px;font-weight:750;display:grid}.messages-count{color:#fff;text-align:center;background:#075bed;border-radius:30px;min-width:23px;padding:3px 6px;font-size:12px}.messages-case-link{margin-top:auto;padding:28px 12px 4px;font-size:13px}.messages-thread{flex-direction:column;min-width:0;display:flex}.messages-thread-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.messages-thread-head h2{margin:0;font-size:20px}.messages-thread-head p{color:#6e7381;margin:6px 0 0;font-size:12px}.messages-text-button{color:#0051cc;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;text-decoration:none}.messages-back{display:none}.messages-timeline{overscroll-behavior:contain;flex:1;min-height:320px;max-height:480px;padding:28px;overflow-y:auto}.messages-list{flex-direction:column;align-items:flex-start;gap:18px;margin:0;padding:0;list-style:none;display:flex}.messages-list>li{overflow-wrap:anywhere;background:#f0f2f6;border-radius:20px 20px 20px 6px;max-width:83%;padding:14px 18px}.messages-list>li.message-own{color:#fff;background:#075bed;border-radius:20px 20px 6px;align-self:flex-end}.messages-list p{white-space:pre-wrap;margin:0;font-size:15px;line-height:1.55}.messages-list time{opacity:.8;margin-top:8px;font-size:10px;display:block}.messages-compose{border-top:1px solid #edf0f4;padding:18px 24px}.messages-compose textarea{resize:vertical;width:100%;font:inherit;border:1px solid #d9dce5;border-radius:16px;min-height:80px;max-height:220px;padding:14px;font-size:15px}.messages-compose>div{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.messages-compose small{color:#747986;font-size:11px}.messages-compose .button{min-height:40px;padding:10px 21px;font-size:13px}.messages-placeholder,.messages-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:55px 28px;display:flex}.messages-placeholder h2,.messages-empty h2{letter-spacing:-.03em;margin:22px 0 10px;font-size:25px}.messages-placeholder p,.messages-empty p{color:#666b79;max-width:430px;font-size:15px;line-height:1.7}.messages-empty{background:#f6f7f9;border-radius:28px;min-height:380px}.messages-empty .button{margin-top:18px}.messages-symbol{color:#075bed;background:#e9f0ff;border-radius:24px;place-items:center;width:76px;height:76px;font-size:36px;display:grid}.messages-first{text-align:center;max-width:300px;margin:70px auto}.messages-first h3{font-size:22px}.messages-first p{color:#6e7381;font-size:14px;line-height:1.7}.messages-problem{color:#614817;background:#fff5e8;padding:12px 24px;font-size:13px}.messages-problem button{margin-left:8px}@media (max-width:720px){.customer-workspace-nav{border-radius:18px;margin-bottom:24px}.customer-workspace-nav a{padding:10px 12px;font-size:12px}.messages-intro{margin-bottom:30px}.messages-workspace{border-radius:22px;grid-template-columns:1fr;min-height:500px}.messages-sidebar{border-right:0}.messages-placeholder,.messages-workspace[data-selected=true] .messages-sidebar{display:none}.messages-back{margin-bottom:12px;display:block}.messages-thread-head{align-items:flex-start;padding:20px}.messages-thread-head>a{white-space:nowrap;padding-top:6px;font-size:11px}.messages-timeline{max-height:50svh;padding:20px}.messages-compose{padding:14px 18px}.messages-list>li{max-width:92%}.messages-contact-list{max-height:60svh}}@media (prefers-reduced-motion:reduce){.customer-messages-page *{scroll-behavior:auto}}
