.status-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 0px solid;
    transition: all 0.2s ease;
}
.status-indicator:hover {
    transform: translateY(-1px);
}
.status-dot {
    width: 6px;
    height: 6px;
    border-radius: 1px;
}

/* Enhanced Status Styles */
.status-active {
    background-color: rgba(78, 215, 135, 0.1);
    color: #2A9D5C;
    border-color: rgba(78, 215, 135, 0.3);
}
.status-active .status-dot {
    background-color: #2A9D5C;
}
.status-active:hover {
    background-color: rgba(78, 215, 135, 0.15);
    border-color: rgba(78, 215, 135, 0.4);
}

.status-daily-cap, 
.status-monthly-cap,
.status-overall-conv-cap,
.status-daily-rev-cap,
.status-monthly-rev-cap,
.status-advertiser-revenue-cap,
.status-daily-click-cap,
.status-monthly-click-cap,
.status-revenue-cap-daily,
.status-revenue-cap-monthly,
.status-revenue-cap-overall,
.status-custom-cap,
.status-pending {
    background-color: rgba(243, 185, 59, 0.1);
    color: #B07F15;
    border-color: rgba(243, 185, 59, 0.3);
}
.status-daily-cap .status-dot,
.status-monthly-cap .status-dot,
.status-overall-conv-cap .status-dot,
.status-daily-rev-cap .status-dot,
.status-monthly-rev-cap .status-dot,
.status-advertiser-revenue-cap .status-dot,
.status-daily-click-cap .status-dot,
.status-monthly-click-cap .status-dot,
.status-revenue-cap-daily .status-dot,
.status-revenue-cap-monthly .status-dot,
.status-revenue-cap-overall .status-dot,
.status-custom-cap .status-dot,
.status-pending .status-dot {
    background-color: #B07F15;
}
.status-daily-cap:hover,
.status-monthly-cap:hover,
.status-overall-conv-cap:hover,
.status-daily-rev-cap:hover,
.status-monthly-rev-cap:hover,
.status-advertiser-revenue-cap:hover,
.status-daily-click-cap:hover,
.status-monthly-click-cap:hover,
.status-revenue-cap-daily:hover,
.status-revenue-cap-monthly:hover,
.status-revenue-cap-overall:hover,
.status-custom-cap:hover,
.status-pending:hover {
    background-color: rgba(243, 185, 59, 0.15);
    border-color: rgba(243, 185, 59, 0.4);
}

.status-expired,
.status-stopped,
.status-stopped-by-affilitest,
.status-stopped-by-adv,
.status-stopped-by-revenue,
.status-bws-stopped {
    background-color: rgba(220, 38, 38, 0.1);
    color: #AB1818;
    border-color: rgba(220, 38, 38, 0.3);
}
.status-expired .status-dot,
.status-stopped .status-dot,
.status-stopped-by-affilitest .status-dot,
.status-stopped-by-adv .status-dot,
.status-stopped-by-revenue .status-dot,
.status-bws-stopped .status-dot {
    background-color: #AB1818;
}
.status-expired:hover,
.status-stopped:hover,
.status-stopped-by-affilitest:hover,
.status-stopped-by-adv:hover,
.status-stopped-by-revenue:hover,
.status-bws-stopped:hover {
    background-color: rgba(220, 38, 38, 0.15);
    border-color: rgba(220, 38, 38, 0.4);
}

.status-inactive,
.status-paused,
.status-paused-til-start-date,
.status-pause-timetable,
.status-missing-image {
    background-color: rgba(107, 114, 128, 0.1);
    color: #4B5563;
    border-color: rgba(107, 114, 128, 0.3);
}
.status-inactive .status-dot,
.status-paused .status-dot,
.status-paused-til-start-date .status-dot,
.status-pause-timetable .status-dot,
.status-missing-image .status-dot {
    background-color: #4B5563;
}
.status-inactive:hover,
.status-paused:hover,
.status-paused-til-start-date:hover,
.status-pause-timetable:hover,
.status-missing-image:hover {
    background-color: rgba(107, 114, 128, 0.15);
    border-color: rgba(107, 114, 128, 0.4);
}

.status-on-review,
.status-bws-pending {
    background-color: rgba(59, 130, 246, 0.1);
    color: #1C64F2;
    border-color: rgba(59, 130, 246, 0.3);
}
.status-on-review .status-dot,
.status-bws-pending .status-dot {
    background-color: #1C64F2;
}
.status-on-review:hover,
.status-bws-pending:hover {
    background-color: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.4);
}


/** SS Badge **/
.ssbadge {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 0px solid;
    transition: all 0.2s ease;
}
.ssbadge:hover {
    transform: translateY(-1px);
}
.ssbadge-block {
    display: inline-flex;
}

.ssbadge::before {
    content: "";
    display: inline-block;
    width: 6px;  /* Reduced from 8px */
    height: 6px; /* Reduced from 8px */
    border-radius: 50%;
    margin-right: 6px; /* Reduced from 8px */
    box-shadow: 0 0 0 1.5px currentColor; /* Reduced from 2px */
    background-color: transparent;
}

/* Rest of the styles remain the same... */
/* Warning - Orange */
.ssbadge-warning {
    background-color: rgba(243, 185, 59, 0.1);
    color: #B07F15;
    border-color: rgba(243, 185, 59, 0.3);
}
.ssbadge-warning:hover {
    background-color: rgba(243, 185, 59, 0.15);
    border-color: rgba(243, 185, 59, 0.4);
}
.ssbadge-warning::before {
    background-color: rgba(243, 185, 59, 0.3);
}

/* Info (Live) - Green */
.ssbadge-info {
    background-color: rgba(78, 215, 135, 0.1);
    color: #2A9D5C;
    border-color: rgba(78, 215, 135, 0.3);
}
.ssbadge-info:hover {
    background-color: rgba(78, 215, 135, 0.15);
    border-color: rgba(78, 215, 135, 0.4);
}
.ssbadge-info::before {
    background-color: rgba(78, 215, 135, 0.3);
}

/* Secondary (Inactive/Paused) - Gray */
.ssbadge-secondary {
    background-color: rgba(107, 114, 128, 0.1);
    color: #4B5563;
    border-color: rgba(107, 114, 128, 0.3);
}
.ssbadge-secondary:hover {
    background-color: rgba(107, 114, 128, 0.15);
    border-color: rgba(107, 114, 128, 0.4);
}
.ssbadge-secondary::before {
    background-color: rgba(107, 114, 128, 0.3);
}

/* Dark (Draft) - Dark Gray */
.ssbadge-dark {
    background-color: rgba(75, 85, 99, 0.1);
    color: #374151;
    border-color: rgba(75, 85, 99, 0.3);
}
.ssbadge-dark:hover {
    background-color: rgba(75, 85, 99, 0.15);
    border-color: rgba(75, 85, 99, 0.4);
}
.ssbadge-dark::before {
    background-color: rgba(75, 85, 99, 0.3);
}

/* Danger - Red */
.ssbadge-danger {
    background-color: rgba(220, 38, 38, 0.1);
    color: #AB1818;
    border-color: rgba(220, 38, 38, 0.3);
}
.ssbadge-danger:hover {
    background-color: rgba(220, 38, 38, 0.15);
    border-color: rgba(220, 38, 38, 0.4);
}
.ssbadge-danger::before {
    background-color: rgba(220, 38, 38, 0.3);
}

/* Cap Styles - Orange variants */
.ssbadge-daily_cap,
.ssbadge-monthly_cap,
.ssbadge-revenue_cap,
.ssbadge-daily {
    background-color: rgba(243, 185, 59, 0.1);
    color: #B07F15;
    border-color: rgba(243, 185, 59, 0.3);
}
.ssbadge-daily_cap:hover,
.ssbadge-monthly_cap:hover,
.ssbadge-revenue_cap:hover,
.ssbadge-daily:hover {
    background-color: rgba(243, 185, 59, 0.15);
    border-color: rgba(243, 185, 59, 0.4);
}
.ssbadge-daily_cap::before,
.ssbadge-monthly_cap::before,
.ssbadge-revenue_cap::before,
.ssbadge-daily::before {
    background-color: rgba(243, 185, 59, 0.3);
}

/* For Review - Blue */
.ssbadge-for_review {
    background-color: rgba(59, 130, 246, 0.1);
    color: #1C64F2;
    border-color: rgba(59, 130, 246, 0.3);
}
.ssbadge-for_review:hover {
    background-color: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.4);
}
.ssbadge-for_review::before {
    background-color: rgba(59, 130, 246, 0.3);
}