.requested-status {
    color: #4276FA;
}


/* Active (today) style */
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.today-highlight.active {
    background-color: red !important;
    color: #fff !important;
    border-radius: 50% !important;
}

/* Yesterday style */
.datepicker td.yesterday-highlight {
    background-color: #dfb43f !important;
    color: #fff !important;
    border-radius: 50% !important;
}

.dropdown-menu li:before {
    content: none !important;
}

.tab-btn {
    border: 0;
    border-radius: 15px;
    font-family: "Gilroy";
    font-size: 12px;
    line-height: 100%;
    color: #363942;
    padding: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #f8f8f8;
}

/* size for All button */
.tab-btn.all-btn {
    max-width: 100px;
    width: 100%;
}

/* size for Selected Employees button */
.tab-btn.selected-btn {
    max-width: 250px;
    width: 100%;
}

/* active state (color + border only) */
.tab-btn.active-btn {
    background: linear-gradient(90deg, #C1D0FF 0%, #E9EEFF 100%);
    border: 1px dashed #1e52ff;
    font-weight: 500;
}

/* Active (selected) tab */
.notify-lists li a.active-tab {
    font-size: 14px;
    font-weight: 600 !important;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: .2px;
    color: #2563eb !important;
    background: #eff6ff !important;
    border-radius: 23px;
    text-decoration: none;
    padding: 8px 17px;
}

/* Inactive (not selected) tab */
.notify-lists li a.inactive-tab {
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 22px;
    letter-spacing: .2px;
    color: #94a3b8 !important;
    background: #f1f5f9 !important;
    border-radius: 23px;
    text-decoration: none;
    padding: 8px 17px;
}

.chat-attachment {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background-color: #f8f8f8;
    font-size: 12px;
    color: #555;
    max-width: fit-content;
}

.pac-container {
    z-index: 999999 !important;
    /* ensures it appears above the modal */
}

.table-height {
    height: 60px;
}

.input-group .form-control {
    font-size: 18px;
    line-height: 2;
    /* makes the caret taller */
    caret-color: black;
    /* optional: change caret color */
}


.dropdown-menu {
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}

.btn-outline-secondary {
    text-align: left;
    font-weight: 500;
    border-radius: 8px;
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 6px;
}

.btn-outline-secondary span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85%;
}

.status-new {
    background: #fffaed;
    border-color: #f6c136;
    color: #bf8a00;
}

.status-under_review {
    background: #fffaed;
    border-color: #f6c136;
    color: #bf8a00;
}

.status-dismissed {
    background: #fffaed;
    border-color: #f6c136;
    color: #bf8a00;
}

.status-resolved {
    background: #d9f6e3;
    border-color: #00ad39;
    color: #00ad39;
}