/* .label-info {
    background-color: #5bc0de !important;
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block !important;
    padding: 7px 6px !important;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

.error {
    margin: 4px 0px !important;
    display: block !important;
    color: #ef4444
}

/* ✅ Never hide inputs */
/* input.error,
select.error,
textarea.error {
    display: block !important;
} */

.text-clamp {
    /* max-width: 60%; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
}


.profile-logo img {
    object-position: center;
    width: 128px;
    height: 128px;
    border: 1px solid #fff;

}

.card-bg {
    background-color: #d4e6ff;
}

.card-bg-1 {
    background-color: #f9fcff;
}



/* ===== PROFILE SIDEBAR MENU ===== */

.profile-menu .list-item {
    display: flex;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 8px;
    transition: all 0.25s ease;
    cursor: pointer;
}

/* link full clickable */
.profile-menu .list-item a {
    flex: 1;
    padding: 12px 10px;
    text-decoration: none;
}

/* HOVER EFFECT */
.profile-menu .list-item:hover {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transform: translateX(4px);
}

/* ACTIVE MENU */
.profile-menu .list-item.active {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* icon color change */
.profile-menu .list-item:hover i,
.profile-menu .list-item.active i {
    color: #0d6efd;
}

/* smooth animation */
.profile-menu .list-item i {
    transition: 0.25s;
}