body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

.tab-btn.active {
    border-left-color: #128C7E;
    background-color: #f0fdf4;
    color: #128C7E;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #DCF8C6;
    color: #075E54;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 2px 8px 2px 10px;
    border-radius: 9999px;
}
.chip button {
    background: none;
    border: none;
    cursor: pointer;
    color: #075E54;
    font-size: 0.875rem;
    line-height: 1;
    padding: 0 2px;
    opacity: 0.7;
}
.chip button:hover { opacity: 1; }

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.1s;
}
.dropdown-item:hover { background-color: #f3f4f6; }
.dropdown-item .type-badge {
    font-size: 0.65rem;
    padding: 1px 5px;
    border-radius: 9999px;
    background: #e5e7eb;
    color: #6b7280;
    font-weight: 600;
    text-transform: uppercase;
    flex-shrink: 0;
}
.dropdown-item .type-badge.group { background: #dbeafe; color: #1d4ed8; }

.schedule-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    transition: box-shadow 0.15s;
}
.schedule-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.schedule-card.disabled { opacity: 0.6; }

.status-badge {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 9999px;
    text-transform: uppercase;
}
.status-sent { background: #dcfce7; color: #166534; }
.status-failed { background: #fee2e2; color: #991b1b; }
.status-pending { background: #fef9c3; color: #854d0e; }

.toggle {
    position: relative;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}
.toggle input { opacity: 0; width: 0; height: 0; }
.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #d1d5db;
    border-radius: 9999px;
    transition: 0.2s;
}
.toggle-slider::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: 0.2s;
}
.toggle input:checked + .toggle-slider { background-color: #25D366; }
.toggle input:checked + .toggle-slider::before { transform: translateX(20px); }

.toast {
    background: #1f2937;
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 0.875rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    animation: slideIn 0.2s ease;
}
.toast.success { border-left: 3px solid #22c55e; }
.toast.error { border-left: 3px solid #ef4444; }
.toast.info { border-left: 3px solid #3b82f6; }

@keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}