.content-fade {
    position: relative;
    max-height: 110px;
    overflow: hidden;
    transition: max-height 0.6s ease-in-out; 
}
.content-fade::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(transparent, #f1f5f8);
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;
}
.content-fade.expanded {
    max-height: 10000px;
}
.content-fade.expanded::after {
    opacity: 0;
}
#mention-menu {
    position: absolute;
    z-index: 1060;
    display: none;
    min-width: 180px;
}
.user-mention { 
    color: #fff !important; 
    background-color: #0d6efd !important;
    font-weight: 500; 
    padding: 0.1rem 0.4rem;
    border-radius: 0.25rem;
    display: inline-block;
    text-decoration: none;
}


.cfgad {
    min-height: 250px;
    text-align: center;
}

.card[id] {
  scroll-margin-top: 100px;
}
.fs {
    font-size:11px;
}
		.file-item { 
			display: flex; align-items: center; gap: 12px; 
			padding: 8px; border-bottom: 1px solid #eee; background: #fafafa;
		}
		.file-item:last-child { border-bottom: none; }
		.preview-img { width: 50px; height: 50px; object-fit: cover; border-radius: 3px; border: 1px solid #ddd; }


		.sceditor-quote-popup {
	background: #333;
	color: #fff;
	border: none;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	font-family: sans-serif;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.sceditor-quote-popup:hover {
	background: #555;
}

@media (min-width: 767px) { 
    .wr-50 {
        width:50% !important;   
    }
    .wr-20 {
        width:20% !important;   
    }
    .wr-25 {
        width:25% !important;   
    }
    .wr-40 {
        width:40% !important;   
    }
}

.btn-outline-info {
    border: 1px solid #0b75a6 !important;
}
.text-bg-info {
    background-color: #0b75a6 !important;
}

blockquote {
    margin: 0 0; padding:0.75em;
}

.cad {
    
    text-align: center;
}

blockquote {    
    border-left: 5px solid #f55266 !important; background-color: white;
    font-style: italic;
    margin-left: .5em;
    padding-left: .5em;
}


.emoji-popover {
    animation: popUp 0.2s ease-out;
}
.emoji-popover::after {
    content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
    border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent;
}
.emoji-btn:hover { transform: scale(1.4); transition: transform 0.2s; }
@keyframes popUp {
    from { opacity: 0; transform: translate(-50%, 10px) scale(0.9); }
    to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}