.unread {
	cursor: pointer;
	background-color: #f4f4f4;
}
.messages-box {
	max-height: 28rem;
	overflow: auto;
}
.online-circle {
	border-radius: 5rem;
	width: 5rem;
	height: 5rem;
}
.messages-title {
	float: right;
	margin: 0px 5px;
}
.message-img {
	float: right;
	margin: 0px 5px;
}
.message-header {
	text-align: right;
	width: 100%;
	margin-bottom: 0.5rem;
}
.text-editor {
	min-height: 18rem;
}
.messages-list li.messages-you .messages-title {
	float: left;
}
.messages-list li.messages-you .message-img {
	float: left;
}
.messages-list li.messages-you p {
	float: left;
	text-align: left;
}
.messages-list li.messages-you .message-header {
	text-align: left;
}
.messages-list li p {
	max-width: 60%;
	padding: 5px;
	border: #e6e7e9 1px solid;
}
.messages-list li.messages-me p {
	float: right;
}
.ql-editor p {
	font-size: 1rem;
}


/* ===== NextHireIn Sidebar Logo ===== */
img.logo-img,
.logo-img,
.sidebar-left img.logo-img,
.sidebar-left .logo-img,
.sidebar-left img[src*="logo"],
.sidebar-left img[src*="logosmall"],
aside img.logo-img,
aside .logo-img,
aside img[src*="logo"],
aside img[src*="logosmall"],
.navbar-brand.mx-auto img,
.navbar-brand.mx-auto .logo-img {
    width: 180px !important;
    max-width: 180px !important;
    height: 180px !important;
    max-height: 180px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    clip-path: circle(41% at 50% 50%) !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    visibility: visible !important;
}
.navbar-brand.mx-auto {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 15px 0 !important;
    width: 100% !important;
    height: auto !important;
}

/* Collapsed layout overrides */
.vertical.collapsed .sidebar-left .navbar-brand.mx-auto,
.vertical.narrow .sidebar-left .navbar-brand.mx-auto {
    padding: 10px 0 !important;
}
.vertical.collapsed .sidebar-left img.logo-img,
.vertical.collapsed .sidebar-left .logo-img,
.vertical.collapsed .sidebar-left img[src*="logo"],
.vertical.collapsed .sidebar-left img[src*="logosmall"],
.vertical.narrow .sidebar-left img.logo-img,
.vertical.narrow .sidebar-left .logo-img,
.vertical.narrow .sidebar-left img[src*="logo"],
.vertical.narrow .sidebar-left img[src*="logosmall"] {
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    max-height: 40px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

/* Sidebar scroll restoration smoothness to prevent flickering */
.sidebar-content-restoring {
    opacity: 0 !important;
    transition: none !important;
}