/* =========================
   ClientTags – Modern UI
   ========================= */

/* Tag container */
.clienttags-widget .clienttags-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

/* Individual tag */
.clienttags-widget .clienttags-tag {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .6rem;
    font-size: .85rem;
    font-weight: 500;
    border-radius: 999px;
    background: rgba(13,110,253,.08);      /* Bootstrap primary tint */
    color: #0d6efd;                         /* Primary blue */
    border: 1px solid rgba(13,110,253,.25);
    transition: all .15s ease-in-out;
    white-space: nowrap;
}

/* Hover */
.clienttags-widget .clienttags-tag:hover {
    background: rgba(13,110,253,.15);
    border-color: rgba(13,110,253,.45);
}

/* Remove (×) button */
.clienttags-widget .clienttags-x {
    font-size: .9rem;
    line-height: 1;
    opacity: .7;
    cursor: pointer;
    transition: opacity .15s ease;
}

.clienttags-widget .clienttags-x:hover {
    opacity: 1;
}

/* Empty state */
.clienttags-widget .clienttags-tags .text-muted {
    font-size: .85rem;
}

/* Autocomplete dropdown */
.clienttags-suggest {
    border-radius: .5rem;
    overflow: hidden;
}

.clienttags-suggest .list-group-item {
    font-size: .85rem;
    padding: .45rem .65rem;
}

.clienttags-suggest .list-group-item:hover {
    background: rgba(13,110,253,.08);
}

/* List-page filter input */
.clienttags-list-filter-wrap .input-group-text {
    background: rgba(13,110,253,.06);
    border-color: rgba(13,110,253,.18);
    color: #0d6efd;
}

/* =========================
   List page tag pills
   ========================= */

.clienttags-tags-cell {
    white-space: normal;
}

.clienttags-tagtext {
    display: inline-flex;
    align-items: center;
    padding: .3rem .6rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 500;
    background: rgba(13,110,253,.08);
    color: #0d6efd;
    border: 1px solid rgba(13,110,253,.25);
}

.clienttags-tagtext.is-empty {
    background: transparent;
    border: 0;
    color: #adb5bd;
    padding: 0;
}