.sidebar-header,.sidebar-section{margin-bottom:2rem}.chat-name,.chat-preview{text-overflow:ellipsis;white-space:nowrap}.chat-name,.chat-preview,.quick-reply{white-space:nowrap}.message-gif,.message-image{object-fit:cover}:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#6b7280;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--light:#f9fafb;--dark:#111827;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-radius:0.375rem;--border-color:var(--gray-200);--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--transition:all 0.2s ease-in-out}.platform-item,.sidebar,body{transition:var(--transition)}[data-theme=dark]{--primary:#6366f1;--primary-hover:#4f46e5;--border-color:var(--gray-700);--light:var(--gray-900);--dark:var(--gray-100)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--light);color:var(--dark);min-height:100vh}.layout{display:grid;grid-template-columns:260px 1fr;height:100vh}.sidebar{background-color:#fff;border-right:1px solid var(--border-color);padding:1.5rem;overflow-y:auto}.content,.main{overflow:hidden}[data-theme=dark] .chat-item,[data-theme=dark] .conversation-header,[data-theme=dark] .header,[data-theme=dark] .history-section,[data-theme=dark] .image-modal-content,[data-theme=dark] .reply-box,[data-theme=dark] .sidebar{background-color:var(--gray-800)}.btn-secondary:hover,.chat-item:hover,.platform-item.active,.platform-item:hover,.play-sound-btn:hover,.theme-toggle:hover{background-color:var(--gray-100)}.sidebar-header{display:flex;align-items:center}.platform-icon,.platform-item{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);margin-right:0.5rem}.sidebar-title{font-size:0.875rem;text-transform:uppercase;color:var(--gray-500);margin-bottom:0.75rem;font-weight:600}.chat-list,.platform-list{list-style:none}.platform-item{padding:0.625rem;border-radius:var(--border-radius);cursor:pointer;margin-bottom:0.25rem}[data-theme=dark] .chat-item.active,[data-theme=dark] .chat-item:hover,[data-theme=dark] .platform-item.active,[data-theme=dark] .platform-item:hover,[data-theme=dark] .play-sound-btn:hover,[data-theme=dark] .theme-toggle:hover{background-color:var(--gray-700)}.platform-item.active{font-weight:500}.platform-icon{justify-content:center;width:24px;height:24px;margin-right:0.75rem;color:var(--gray-500)}.instagram{color:#c13584}.facebook{color:#1877f2}.bookings-section,.settings-section{padding:1rem 0;border-top:1px solid var(--border-color)}.toggle-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.booking-time,.chat-header,.chat-platform,.chat-preview{margin-bottom:0.25rem}.toggle-label{font-size:0.875rem;font-weight:500}.toggle{position:relative;display:inline-block;width:48px;height:24px}.slider,.slider:before{position:absolute;transition:0.4s}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-300);border-radius:24px}.search-input,.theme-toggle{border-radius:var(--border-radius);transition:var(--transition)}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translateX(24px)}.theme-toggle{cursor:pointer;padding:0.5rem}.main{display:grid;grid-template-rows:auto 1fr}.header,.header-actions{display:flex;align-items:center}.header{justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:#fff;transition:var(--transition)}.search-container{position:relative;flex:1;max-width:600px}.search-input{width:100%;padding:0.625rem 1rem 0.625rem 2.5rem;border:1px solid var(--border-color);background-color:var(--gray-100);font-size:0.875rem}[data-theme=dark] .search-input{background-color:var(--gray-700);color:var(--gray-100);border-color:var(--gray-600)}.search-icon,[data-theme=dark] .chat-preview,[data-theme=dark] .toast-message{color:var(--gray-400)}.search-input:focus{outline:0;border-color:var(--primary);background-color:#fff}.chat-item,.conversation-header{border-bottom:1px solid var(--border-color);transition:var(--transition)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .quick-reply:hover,[data-theme=dark] .search-input:focus{background-color:var(--gray-600)}.search-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%)}.header-actions{gap:1rem}.content{display:grid;grid-template-columns:300px 1fr}.chats{border-right:1px solid var(--border-color);overflow-y:auto;transition:var(--transition)}.chat-item{display:flex;padding:1rem;cursor:pointer;background-color:#fff}.chat-item.active{background-color:var(--gray-100);border-left:3px solid var(--primary)}.avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:1rem;flex-shrink:0}.booking-time,.chat-platform,.chat-time,.conversation-platform{font-size:0.75rem;color:var(--gray-500)}.ai-response-title .icon,.btn-icon,.loading-spinner{margin-right:0.5rem}.chat-info{flex:1;min-width:0}.chat-header,.history-header{justify-content:space-between}.chat-header{display:flex;align-items:center}.chat-name{font-weight:600;overflow:hidden}.chat-preview{font-size:0.875rem;color:var(--gray-600);overflow:hidden}.chat-status{display:inline-block;font-size:0.75rem;padding:0.125rem 0.5rem;border-radius:1rem;background-color:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .chat-status{background-color:var(--gray-700);color:var(--gray-300)}.chat-status.pending-approval{background-color:var(--warning);color:#fff}.btn-success,.chat-status.sent{background-color:var(--success);color:#fff}.chat-status.manual{background-color:var(--info);color:#fff}.conversation{display:flex;flex-direction:column;overflow:hidden}.conversation-header,.conversation-info{align-items:center;display:flex}.conversation-header{justify-content:space-between;padding:1rem;background-color:#fff}.conversation-title{margin-left:1rem}.conversation-name{font-weight:600;font-size:1rem}.conversation-actions,.history-actions,.reply-container{display:flex;gap:0.5rem}.btn{display:inline-flex;align-items:center;padding:0.5rem 1rem;border-radius:var(--border-radius);font-size:0.875rem;font-weight:500;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#fff;color:var(--gray-700);border:1px solid var(--border-color)}.ai-response,.history-section,.history-textarea,.message-content{border-radius:var(--border-radius)}[data-theme=dark] .btn-secondary,[data-theme=dark] .quick-reply{background-color:var(--gray-700);color:var(--gray-300);border-color:var(--gray-600)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-success:hover{background-color:#059669}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--gray-100);transition:var(--transition)}[data-theme=dark] .messages{background-color:var(--gray-900)}.message{display:flex;max-width:80%}.message.incoming{align-self:flex-start}.message.outgoing{align-self:flex-end;flex-direction:row-reverse}.message-content{padding:0.75rem 1rem;position:relative;box-shadow:var(--shadow)}.modal,.toast{box-shadow:var(--shadow-md)}.message.incoming .message-content{background-color:#fff;margin-left:0.5rem;border-top-left-radius:0}[data-theme=dark] .message.incoming .message-content,[data-theme=dark] .modal,[data-theme=dark] .toast{background-color:var(--gray-800);color:var(--gray-200)}.message.outgoing .message-content{background-color:var(--primary);color:#fff;margin-right:0.5rem;border-top-right-radius:0}.message-time{font-size:0.75rem;color:var(--gray-500);display:block;margin-top:0.25rem}.message.outgoing .message-time{color:rgba(255,255,255,.7)}.history-section{padding:1rem;background-color:#fff;margin-bottom:1rem;transition:var(--transition)}.history-header{display:flex;margin-bottom:0.5rem}.history-title{font-weight:600;font-size:0.875rem;color:var(--gray-700)}[data-theme=dark] .history-title{color:var(--gray-300)}.history-textarea{width:100%;min-height:100px;padding:0.75rem;border:1px solid var(--border-color);resize:vertical;font-family:inherit;font-size:0.875rem;transition:var(--transition)}[data-theme=dark] .history-textarea,[data-theme=dark] .reply-input{background-color:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}.history-textarea:focus,.reply-input:focus{outline:0;border-color:var(--primary)}.ai-response{background-color:#fff;padding:1rem;margin-bottom:1rem;border:1px dashed var(--border-color);transition:var(--transition)}.ai-response-content,.reply-input{border-radius:var(--border-radius)}[data-theme=dark] .ai-response{background-color:var(--gray-800);border-color:var(--gray-600)}.ai-response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.ai-response-title{font-weight:600;font-size:0.875rem;color:var(--primary);display:flex;align-items:center}.ai-response-content{font-size:0.875rem;margin-bottom:0.5rem;padding:0.5rem;background-color:var(--gray-50);border-left:3px solid var(--primary)}[data-theme=dark] .ai-response-content,[data-theme=dark] .booking-item{background-color:var(--gray-700);color:var(--gray-200)}.ai-response-actions{display:flex;justify-content:space-between;margin-top:1rem}.booking-actions,.bookings-list,.quick-replies{margin-top:0.5rem}.reply-box{padding:1rem;border-top:1px solid var(--border-color);background-color:#fff;transition:var(--transition)}.reply-input{flex:1;padding:0.75rem 1rem;border:1px solid var(--border-color);font-family:inherit;resize:none;transition:var(--transition)}.quick-replies{display:flex;gap:0.5rem;overflow-x:auto;padding-bottom:0.5rem}.quick-reply{padding:0.375rem 0.75rem;background-color:var(--gray-100);border-radius:var(--border-radius);border:1px solid var(--border-color);font-size:0.75rem;cursor:pointer;transition:var(--transition)}.quick-reply:hover{background-color:var(--gray-200)}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(0,0,0,.1);border-left-color:var(--primary);border-radius:50%;animation:1s linear infinite spinner}[data-theme=dark] .loading-spinner{border:2px solid rgba(255,255,255,.1);border-left-color:var(--primary)}@keyframes spinner{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:0.2s ease-in-out fadeIn}.modal{background-color:#fff;border-radius:var(--border-radius);width:95%;max-width:500px;max-height:90vh;overflow-y:auto;animation:0.3s ease-in-out zoomIn}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-weight:600}.modal-close{background:0 0;border:none;cursor:pointer;font-size:1.25rem;color:var(--gray-500)}.modal-close:hover,.toast-error .toast-icon{color:var(--danger)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:0.75rem}@keyframes zoomIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{padding:1rem;margin-bottom:0.5rem;background-color:#fff;border-radius:var(--border-radius);display:flex;align-items:center;animation:0.3s ease-in-out slideIn;max-width:300px}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.toast-icon{margin-right:0.75rem;font-size:1.25rem}.toast-success .toast-icon{color:var(--success)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-content{flex:1}.booking-name,.toast-title{font-weight:600;margin-bottom:0.25rem}.toast-message{font-size:0.875rem;color:var(--gray-600)}.toast-close{background:0 0;border:none;cursor:pointer;color:var(--gray-500);font-size:1rem}.toast-close:hover{color:var(--gray-700)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.slide-out{animation:0.3s ease-in-out forwards slideOut}.hidden{display:none}@media (max-width:992px){.layout{grid-template-columns:220px 1fr}}.booking-item{background-color:#fff;border-radius:var(--border-radius);padding:0.75rem;margin-bottom:0.5rem;box-shadow:var(--shadow);border-left:3px solid var(--primary);animation:0.3s ease-in-out fadeIn}.booking-actions{display:flex;justify-content:space-between;align-items:center}.no-bookings{text-align:center;color:var(--gray-500);font-size:0.875rem;padding:0.5rem}.play-sound-btn{background:0 0;border:none;cursor:pointer;color:var(--primary);font-size:1rem;padding:0.25rem;border-radius:var(--border-radius);transition:var(--transition)}.message-attachments{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.message-image-container{position:relative;max-width:250px;overflow:hidden;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.message-image{width:100%;height:auto;max-height:200px;transition:transform 0.3s}.message-gif:hover,.message-image:hover{transform:scale(1.02)}.message-text{margin-bottom:5px;word-break:break-word}.image-modal-content{position:relative;max-width:90%;max-height:90vh;margin:auto;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.image-modal-close{position:absolute;top:15px;right:15px;color:#fff;font-size:28px;font-weight:700;background-color:rgba(0,0,0,.5);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.message-gif-container,.message-sticker-container,.message-video-container{position:relative;overflow:hidden;margin-bottom:8px}.message-gif,.message-sticker{width:100%;height:auto;transition:transform 0.3s}.image-modal-close:hover{background-color:rgba(0,0,0,.7)}.message-content .message-attachments:has( > .message-image-container:nth-child(2)){display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px}.message-content .message-attachments:has( > .message-image-container:nth-child(2)) .message-image-container{max-width:none}.message-content .message-attachments:has( > .message-image-container:nth-child(3)) .message-image{height:120px}.message-sticker,.message-video{object-fit:contain}.message-video-container{max-width:300px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.message-video{width:100%;max-height:300px;background-color:#000;border-radius:8px}.message-gif-container{max-width:250px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.message-gif{max-height:200px;object-fit:cover;border-radius:8px}.message-sticker-container{max-width:150px;cursor:pointer;border-radius:4px}#modalImage,.message-content{max-width:100%}.message-sticker{max-height:150px;object-fit:contain}.message-sticker:hover{transform:scale(1.05)}.message-attachment-unknown{padding:8px 12px;background-color:#f1f1f1;border-radius:8px;font-size:0.8rem;color:#666;margin-bottom:8px}[data-theme=dark] .message-attachment-unknown{background-color:#333;color:#ccc}.message-content .message-attachments:has( > div:nth-child(2)){display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.message-content .message-attachments:has( > div:only-child) .message-gif-container,.message-content .message-attachments:has( > div:only-child) .message-video-container{max-width:300px}.message-content .message-attachments:has( > .message-sticker-container:only-child){max-width:180px;margin:0 auto}#imageModal{z-index:2000}#modalImage{max-height:80vh;display:block;margin:0 auto;border-radius:4px;object-fit:contain}@media (max-width:768px){.content,.layout{grid-template-columns:1fr}.chats,.sidebar{display:none}.chat-item.active{display:block}.message-gif-container,.message-image-container,.message-video-container{max-width:85vw}#modalImage{max-width:95vw;max-height:70vh}}.direct-link{margin-left:5px;color:var(--primary);font-size:0.75rem;text-decoration:none}.direct-link:hover{text-decoration:underline}[data-theme="dark"] .direct-link{color:var(--primary)}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background-color:var(--gray-200);margin-right:1rem;flex-shrink:0}.chat-username,.conversation-username{font-size:0.75rem;color:var(--gray-500);margin-bottom:0.25rem}[data-theme="dark"] .conversation-username,[data-theme="dark"] .chat-username,[data-theme="dark"] .profile-avatar{color:var(--gray-400)}.message.incoming .profile-avatar{margin-right:0.5rem}.direct-link{margin-left:5px;color:var(--primary);font-size:0.75rem;text-decoration:none}.direct-link:hover{text-decoration:underline}[data-theme="dark"] .direct-link{color:var(--primary)}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background-color:var(--gray-200);margin-right:1rem;flex-shrink:0}.chat-username,.conversation-username{font-size:0.75rem;color:var(--gray-500);margin-bottom:0.25rem}[data-theme="dark"] .conversation-username,[data-theme="dark"] .chat-username,[data-theme="dark"] .profile-avatar{color:var(--gray-400)}.chat-list{contain:content}.chat-item{will-change:transform;transform:translateZ(0)}.chats{overflow-anchor:auto;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.chats{scroll-behavior:auto}}.profile-avatar{contain:size;min-height:40px}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: no-preference){.chat-item:not(.loading):not(.empty-state):not(.active){animation:fadeInUp 0.2s ease-out}}.chat-item.virtual-item{height:90px;position:absolute;top:0;left:0;right:0;transform:translateY(0);transition:transform 0.1s}#scroll-sentinel{height:10px;opacity:0;pointer-events:none}.loading-placeholder{background:linear-gradient(90deg, var(--gray-100) 0%, var(--gray-200) 50%, var(--gray-100) 100%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius)}[data-theme="dark"] .loading-placeholder{background:linear-gradient(90deg, var(--gray-700) 0%, var(--gray-800) 50%, var(--gray-700) 100%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.avatar{contain:strict}.highlight{background-color:rgba(79, 70, 229, 0.2);border-radius:2px;padding:0 2px;font-weight:500;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-theme="dark"] .highlight{background-color:rgba(99, 102, 241, 0.3)}.chats::-webkit-scrollbar-track{background-color:transparent}.chats::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:10px;border:3px solid var(--gray-100);opacity:0.5;transition:opacity 0.3s}.chats:hover::-webkit-scrollbar-thumb{opacity:1}[data-theme="dark"] .chats::-webkit-scrollbar-thumb{background-color:var(--gray-600);border-color:var(--gray-800)}#conversations-counter{font-size:0.75rem;opacity:0.8;margin-left:0.5rem}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--gray-500)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;color:var(--gray-400)}.empty-state-text{font-size:0.9rem}

.chat-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.profile-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--gray-200);
    margin-right: 1rem;
    flex-shrink: 0;
}

[data-theme="dark"] .profile-avatar {
    background-color: var(--gray-700);
}

.chat-username {
    font-size: 0.75rem;
    color: var(--gray-500);
    font-weight: 400;
}

[data-theme="dark"] .chat-username {
    color: var(--gray-400);
}

.instagram-profile-link {
    margin-left: 0.5rem;
    font-size: 0.75rem;
    color: var(--primary);
    text-decoration: none;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.instagram-profile-link:hover {
    color: var(--primary-hover);
    text-decoration: underline;
}

.vertical-schedule select,
.vertical-schedule span {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

.vertical-schedule select {
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--gray-50);
    font-size: 0.875rem;
}

[data-theme="dark"] .vertical-schedule select {
    background-color: var(--gray-700);
    color: var(--gray-200);
    border-color: var(--gray-600);
}

.vertical-schedule span {
    text-align: center;
    font-size: 0.875rem;
    color: var(--gray-600);
    font-weight: 500;
}

[data-theme="dark"] .vertical-schedule span {
    color: var(--gray-400);
}

[data-theme="dark"] .instagram-profile-link {
    color: var(--primary);
}

[data-theme="dark"] .instagram-profile-link:hover {
    color: var(--primary-hover);
}

.instagram-profile-link i {
    font-size: 0.625rem;
}

/* Ensure proper spacing in chat item */
.chat-platform {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--gray-500);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .instagram-profile-link {
        font-size: 0.7rem;
    }
    
    .chat-username {
        font-size: 0.7rem;
    }
}

.chat-status {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 0.25rem;
}

/* Status-specific colors */
.chat-status.pending-approval {
    background-color: var(--warning);
    color: white;
}

.chat-status.sent {
    background-color: var(--success);
    color: white;
}

.chat-status.manual {
    background-color: var(--info);
    color: white;
}

.chat-status.api-error {
    background-color: var(--danger);
    color: white;
}

/* Dark mode status colors */
[data-theme="dark"] .chat-status.pending-approval {
    background-color: #f59e0b;
}

[data-theme="dark"] .chat-status.sent {
    background-color: #10b981;
}

[data-theme="dark"] .chat-status.manual {
    background-color: #3b82f6;
}

[data-theme="dark"] .chat-status.api-error {
    background-color: #ef4444;
}

/* Active filter indicator */
.platform-item.active {
    background-color: var(--gray-100);
    font-weight: 600;
    position: relative;
}

.platform-item.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--primary);
}

[data-theme="dark"] .platform-item.active {
    background-color: var(--gray-700);
}

/* Status count badges */
.status-count {
    background-color: var(--gray-300);
    color: var(--gray-700);
    font-size: 0.7rem;
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    margin-left: auto;
    font-weight: 600;
}

[data-theme="dark"] .status-count {
    background-color: var(--gray-600);
    color: var(--gray-200);
}

/* Empty state for filtered results */
.empty-state-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--gray-500);
}

.empty-state-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    color: var(--gray-400);
}

.empty-state-text {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.empty-state-subtext {
    font-size: 0.875rem;
    color: var(--gray-400);
}

/* Make the filter section more prominent */
.sidebar-section:nth-child(3) {
    background-color: var(--gray-50);
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 0 -0.5rem;
}

[data-theme="dark"] .sidebar-section:nth-child(3) {
    background-color: var(--gray-900);
}

.chat-status.active {
    background-color: var(--success);
    color: white;
}

.chat-status.1-7-day-old {
    background-color: var(--warning);
    color: white;
}

.chat-status.old {
    background-color: var(--gray-500);
    color: white;
}

/* Dark mode status colors */
[data-theme="dark"] .chat-status.active {
    background-color: #10b981;
}

[data-theme="dark"] .chat-status.1-7-day-old {
    background-color: #f59e0b;
}

[data-theme="dark"] .chat-status.old {
    background-color: var(--gray-600);
}

/* Sleek Conversation List Styling */
.chat-item {
    position: relative;
    padding: 1rem 1.25rem;
    transition: all 0.2s ease;
    border-bottom: 1px solid var(--gray-100);
    background: #fff;
}

[data-theme="dark"] .chat-item {
    background: var(--gray-800);
    border-bottom-color: var(--gray-700);
}

.chat-item:hover {
    background: linear-gradient(90deg, var(--gray-50) 0%, #fff 100%);
    transform: translateX(2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] .chat-item:hover {
    background: linear-gradient(90deg, var(--gray-700) 0%, var(--gray-800) 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.chat-item.active {
    background: linear-gradient(90deg, rgba(79, 70, 229, 0.1) 0%, #fff 100%);
    border-left: 4px solid var(--primary);
    box-shadow: 0 2px 12px rgba(79, 70, 229, 0.15);
}

[data-theme="dark"] .chat-item.active {
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.15) 0%, var(--gray-800) 100%);
}

/* Fix alignment by ensuring consistent structure */
.chat-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

/* Status indicators row - improved alignment */
.chat-indicators {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.375rem;
    height: 1.25rem; /* Fixed height for alignment */
}

/* Auto-approve indicator */
.auto-approve-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    font-weight: 600;
    background-color: var(--success);
    color: white;
    height: 1.25rem;
    white-space: nowrap;
}

.auto-approve-indicator.off {
    background-color: var(--gray-400);
}

.auto-approve-indicator i {
    font-size: 0.6rem;
}

/* Updated status badges */
.chat-status {
    font-size: 0.7rem;
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    height: 1.25rem;
    white-space: nowrap;
}

/* Message preview with better truncation */
.chat-preview {
    color: var(--gray-600);
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-theme="dark"] .chat-preview {
    color: var(--gray-400);
}

/* Profile section enhancement */
.chat-profile-section {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    height: 1rem;
}

/* Platform badge */
.platform-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    padding: 0 0.375rem;
    border-radius: 0.75rem;
    background-color: var(--gray-100);
    color: var(--gray-600);
    height: 1rem;
    line-height: 1rem;
}

[data-theme="dark"] .platform-badge {
    background-color: var(--gray-700);
    color: var(--gray-400);
}

.platform-badge.instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: white;
}

.platform-badge.facebook {
    background-color: #1877f2;
    color: white;
}

.platform-badge i {
    font-size: 0.6rem;
}

/* Time indicator enhancement */
.chat-time {
    font-size: 0.7rem;
    color: var(--gray-500);
    font-weight: 500;
}

/* Username styling */
.chat-username {
    font-size: 0.7rem;
    color: var(--gray-500);
    line-height: 1rem;
}

/* Instagram link alignment */
.instagram-profile-link {
    font-size: 0.6rem;
    color: var(--primary);
    line-height: 1rem;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .chat-indicators {
        gap: 0.25rem;
    }
    
    .auto-approve-indicator,
    .chat-status {
        font-size: 0.65rem;
        padding: 0.1rem 0.4rem;
    }
}

.sending-indicator .message-content {
    background-color: var(--primary);
    opacity: 0.7;
    animation: pulse 1.5s ease-in-out infinite;
}

[data-theme="dark"] .sending-indicator .message-content {
    background-color: var(--primary);
    opacity: 0.6;
}

@keyframes pulse {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 0.6;
    }
}

/* Disabled textarea styling */
.reply-input:disabled {
    background-color: var(--gray-200);
    cursor: not-allowed;
}

[data-theme="dark"] .reply-input:disabled {
    background-color: var(--gray-700);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}