/* UPLY_CONTACT_LAYOUT_55: the complete name owns its row; tags and actions follow below. */
#chatList .chatTop{display:block!important;min-width:0;width:100%;margin-bottom:4px}
#chatList .chatTitleRoleWrap{display:block!important;min-width:0;max-width:none!important}
#chatList .chatTitleRoleWrap>b{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;text-overflow:clip!important;max-width:none!important;line-height:1.35!important}
#chatList .chatDetails55{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;min-width:0}
#chatList .chatDetails55>.chatTags47r3{flex:1 1 auto;margin:0;min-width:0}
#chatList .chatDetails55>.chatTopRight{flex:0 0 auto;margin-left:auto;gap:5px}
#chatList .chatDetails55 .rowMenuBtn{width:32px;height:30px;flex:0 0 32px}
#chatList .chatRow{margin-bottom:10px!important;border-color:#b8cbe3!important;border-bottom-width:2px!important;border-radius:12px!important}
#chatList .chatRow.roleTutorChat{border-left:3px solid #2bb673!important}
#chatList .chatRow.roleStudentChat{border-left:3px solid #4d82e8!important}
#chatList .chatRow.roleParentChat{border-left:3px solid #f59e0b!important}
html[data-uply-web-theme="dark"] #chatList .chatRow{border-top-color:#476185!important;border-right-color:#476185!important;border-bottom-color:#476185!important}
#chatList .chatTopRight{align-items:flex-start;white-space:nowrap;padding-top:1px}
#chatList .chatTags47r3{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:5px 0 3px;min-width:0}
#chatList .chatTags47r3:empty{display:none}
#chatList .chatTags47r3 .linkedContactChip{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.3!important;text-align:left}
.contactGroup47r3{display:inline-flex;align-items:center;padding:4px 8px!important;border:1px solid #cdddf6;border-radius:9px;background:#edf4ff;color:#2458ac;font-size:11px!important;font-weight:750;line-height:1.35;box-shadow:none!important}
.contactGroup47r3.studentsGroup47r3{background:#eaf2ff;color:#285cc1;border-color:#cdddf6}
.contactGroup47r3.parentsGroup47r3{background:#fff4e6;color:#945907;border-color:#f2d4ab}
.recipientPicker47r3{min-width:0}
.recipientPicker47r3 h2{margin-top:0}
.recipientPicker47r3 input{width:100%;box-sizing:border-box;margin-bottom:10px}
.recipientGroup47r3{margin:12px 0;min-width:0}
.recipientGroupTitle47r3{display:block;font-size:12px;margin-bottom:6px}
.recipientButtons47r3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.recipientButtons47r3>button{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;width:100%;margin:0!important;padding:8px 10px!important;border:1px solid #d7e3f5;border-radius:9px;background:#f1f6ff;color:#224d8e;text-align:left;box-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere}
.recipientButtons47r3>button>span{font-size:12px!important;font-weight:750!important;color:inherit!important;max-width:100%}
.recipientButtons47r3>button>small{font-size:10px;font-weight:400;color:#647997}
.recipientButtons47r3>button>em{font-size:10px;font-style:normal;font-weight:600}
.recipientButtons47r3>button[hidden],.recipientGroup47r3[hidden]{display:none!important}
.recipientGroup47r3[data-recipient-role="parent"] .recipientButtons47r3>button{background:#fff7ec;border-color:#f2d4ab;color:#895308}
.recipientGroup47r3[data-recipient-role="tutor"] .recipientButtons47r3>button{background:#eaf8f0;border-color:#bfe4ce;color:#16633d}
.uplyForwardSuggestedV1733{max-height:260px;overflow:auto;padding-right:4px}
.uplyForwardSuggestedV1733 .recipientButtons47r3{display:grid!important}
.uplyForwardSuggestedV1733 .recipientButtons47r3>button{width:100%!important;max-width:none!important;align-items:flex-start!important;background:#f1f6ff!important;color:#224d8e!important;border-color:#d7e3f5!important}
.uplyForwardSuggestedV1733 .recipientButtons47r3>button>span{text-transform:none!important;opacity:1!important}
.uplyForwardSuggestedV1733 [data-recipient-role="parent"] .recipientButtons47r3>button{background:#fff7ec!important;border-color:#f2d4ab!important;color:#895308!important}
.uplyForwardSuggestedV1733 [data-recipient-role="tutor"] .recipientButtons47r3>button{background:#eaf8f0!important;border-color:#bfe4ce!important;color:#16633d!important}
#chatLinkedTutorWrap{flex-wrap:wrap;gap:5px}
#chatLinkedTutorWrap .linkedContactChip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
html[data-uply-web-theme="dark"] .contactGroup47r3,
html[data-uply-web-theme="dark"] .recipientButtons47r3>button{background:#172d49!important;border-color:#355277!important;color:#c0d7ff!important}
html[data-uply-web-theme="dark"] .parentsGroup47r3,
html[data-uply-web-theme="dark"] [data-recipient-role="parent"] .recipientButtons47r3>button{background:#362915!important;border-color:#66502a!important;color:#ffdba1!important}
html[data-uply-web-theme="dark"] [data-recipient-role="tutor"] .recipientButtons47r3>button{background:#16372a!important;border-color:#285940!important;color:#b5e9cd!important}
html[data-uply-web-theme="dark"] .recipientButtons47r3>button>small{color:#b0bfd4!important}
html[data-uply-web-theme="dark"] .uplyForwardSuggestedV1733 .recipientButtons47r3>button{background:#172d49!important;border-color:#355277!important;color:#c0d7ff!important}
html[data-uply-web-theme="dark"] .uplyForwardSuggestedV1733 [data-recipient-role="parent"] .recipientButtons47r3>button{background:#362915!important;border-color:#66502a!important;color:#ffdba1!important}
html[data-uply-web-theme="dark"] .uplyForwardSuggestedV1733 [data-recipient-role="tutor"] .recipientButtons47r3>button{background:#16372a!important;border-color:#285940!important;color:#b5e9cd!important}
@media(max-width:520px){.recipientButtons47r3{grid-template-columns:minmax(0,1fr)}.uplyForwardSuggestedV1733{max-height:220px}}