/* Vinn.is 4.4.2 — shared candidate and employer inbox. */
.conversation-page-330{padding-bottom:72px;background:#f8fbf9;color:#19383c}
.conversation-page-330 .dash-head{margin-bottom:22px}
.conversation-page-330 .dash-head h1{color:#19383c;letter-spacing:-.04em}
.conversation-page-330 .dash-head .eyebrow{color:#087783;font-size:11px;letter-spacing:.08em}
.conversation-page-330 .dash-head .muted{font-size:14px;color:#56716f;line-height:1.5}
.conversation-shell-330{display:grid;grid-template-columns:minmax(255px,300px) minmax(0,1fr);height:clamp(550px,calc(100dvh - 255px),700px);min-height:550px;border:1px solid #d9e8e2;border-radius:8px;background:#fff;box-shadow:0 4px 18px rgba(14,65,61,.04);overflow:hidden}
.conversation-list-330{min-width:0;border-right:1px solid #dce9e4;background:#fff}
.conversation-list-head-330{min-height:62px;padding:15px 18px;border-bottom:1px solid #e2ede7;background:#fff}
.conversation-list-head-330 strong{font-size:16px;color:#19383c}
.conversation-list-head-330 span{min-width:27px;height:27px;border-radius:4px;background:#e3f3ec;color:#087783;font-size:12px}
.conversation-search-360{padding:12px 14px;border-bottom-color:#e2ede7;background:#fff}
.conversation-search-360>span[aria-hidden]{left:27px;color:#577b73;line-height:0}
.conversation-search-360>span[aria-hidden] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.conversation-search-360 input{height:40px;border-color:#d5e5de;border-radius:5px;background:#fafdfb;color:#234449;font-size:13px}
.conversation-search-360 input:focus{border-color:#087783;box-shadow:0 0 0 3px rgba(8,119,131,.12)}
.conversation-list-item-330{gap:11px;padding:17px 15px;border-bottom:1px solid #e5eee9;background:#fff;color:#254247}
.conversation-list-item-330:hover{background:#f3f9f5}
.conversation-list-item-330.active{background:#eaf5ef;box-shadow:inset 3px 0 #087783}
.conversation-list-item-330.unread{background:#f0f8f3}
.conversation-list-item-330.active.unread{background:#eaf5ef}
.conversation-avatar-330{flex-basis:40px;width:40px;height:40px;border-radius:5px;background:#087783;color:#fff;box-shadow:none;font-size:16px}
.conversation-avatar-330.large{flex-basis:44px;width:44px;height:44px;border-radius:5px;font-size:18px}
.conversation-list-copy-330 strong{color:#18363b;font-size:14px}
.conversation-list-copy-330 b{color:#536e6c;font-size:12px;font-weight:600}
.conversation-list-copy-330 small{color:#647c78;font-size:12px}
.conversation-list-copy-330 time{color:#728a84;font-size:11px}
.conversation-list-item-330>i{background:#087783}
.conversation-empty-list-330{color:#607b76}
.conversation-empty-list-330>span{border-radius:5px;background:#e6f4ed;color:#087783}
.conversation-empty-list-330 strong{color:#19383c}
.conversation-thread-330{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}
.conversation-thread-head-330{flex:0 0 auto;min-height:74px;padding:13px 19px;border-bottom:1px solid #e2ede7;background:#fff}
.conversation-thread-head-330 h2{color:#19383c;font-size:17px}
.conversation-thread-head-330 p{color:#607b76;font-size:12px}
.conversation-head-actions-330{gap:10px;flex-wrap:wrap}
.conversation-head-actions-330 a,.conversation-head-actions-330 .linkbtn{color:#087783;font-size:12px;font-weight:750}
.conversation-head-actions-330 a:hover,.conversation-head-actions-330 .linkbtn:hover{text-decoration:underline}
.conversation-messages-330{flex:1 1 auto;height:auto;min-height:240px;display:flex;flex-direction:column;overflow-y:auto;padding:22px 24px;background:#f8fbf9;scroll-behavior:smooth}
.conversation-message-flow-442{margin-top:auto;min-width:0}
.conversation-date-330{gap:12px;margin:4px 0 22px;color:#68837d;font-size:10px;letter-spacing:.06em}
.conversation-date-330:before,.conversation-date-330:after{content:"";flex:1;height:1px;max-width:130px;background:#dbe9e1}
.conversation-message-330{width:fit-content;max-width:min(77%,580px);margin-bottom:12px;padding:12px 15px;border:1px solid #d7e6df;border-radius:9px;background:#fff;box-shadow:none;color:#243d40}
.conversation-message-330.theirs{border-bottom-left-radius:3px}
.conversation-message-330.mine{margin-left:auto;border-color:#0b7377;border-radius:9px 9px 3px 9px;background:#0b7377;color:#fff;box-shadow:none}
.conversation-message-330>div{gap:22px;margin-bottom:6px}
.conversation-message-330 strong{font-size:12px;font-weight:750}
.conversation-message-330 time{font-size:11px;opacity:.82}
.conversation-message-330 p{font-size:14px;line-height:1.6}
.conversation-message-330.theirs strong,.conversation-message-330.theirs p{color:#243d40}
.conversation-composer-330{flex:0 0 auto;padding:15px 19px 17px;border-top:1px solid #dfece5;background:#fff}
.conversation-composer-330 label{margin-bottom:8px;color:#244446;font-size:13px;font-weight:750}
.conversation-composer-330 textarea{min-height:76px;max-height:210px;padding:11px 13px;border:1px solid #cfdfd6;border-radius:5px;background:#fff;color:#19383c;font-size:14px;line-height:1.5}
.conversation-composer-330 textarea:focus{border-color:#087783;box-shadow:0 0 0 3px rgba(8,119,131,.12)}
.conversation-composer-330>div{margin-top:8px}
.conversation-composer-330 small{color:#617c77;font-size:11px}
.conversation-composer-330 .btn{min-height:40px;padding:0 17px;border-radius:4px;background:#087783;color:#fff;font-size:13px;font-weight:750}
.conversation-composer-330 .btn:hover{background:#075f67}
.conversation-closed-330{border-top-color:#dfece5;background:#f7faf8}
.conversation-placeholder-330{min-height:0;color:#647c78}
.conversation-placeholder-330>span{border-radius:6px;background:#e6f4ed;color:#087783}
.conversation-placeholder-330 h2{color:#19383c}
@media(max-width:1050px){
  .account-candidate-340 .conversation-shell-330{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}
  .conversation-thread-head-330{align-items:flex-start}
}
@media(max-width:900px){
  .conversation-shell-330,.account-candidate-340 .conversation-shell-330{grid-template-columns:1fr;height:auto;min-height:0}
  .conversation-list-330{max-height:225px;border-right:0;border-bottom:1px solid #dce9e4}
  .conversation-thread-330{min-height:520px}
  .conversation-messages-330{height:340px;min-height:300px;max-height:460px}
}
@media(max-width:600px){
  .conversation-shell-330{margin-inline:0;border-radius:6px}
  .conversation-list-330{max-height:225px}
  .conversation-thread-330{min-height:480px}
  .conversation-thread-head-330{gap:10px;padding:12px}
  .conversation-thread-head-330 p{max-width:220px}
  .conversation-head-actions-330 a{display:inline}
  .conversation-messages-330{height:310px;min-height:280px;padding:16px 12px}
  .conversation-message-330{max-width:88%;padding:11px 13px}
  .conversation-composer-330{padding:13px}
}