/* NeoColmado Admin - Global Styles */

:root {
    /* Brand Colors */
    --neo-primary: #89b800;
    --neo-secondary: #025d00;
    --neo-light: #f0f9e8;

    /* UI Colors */
    --sidebar-header-bg: #388e3c;
    --page-bg: #f7f5f3;

    /* Status Colors */
    --status-pending: #f97316;
    --status-preparing: #2563eb;
    --status-completed: #16a34a;
    --status-cancelled: #dc2626;
}

/* Apply page background */
body {
    background-color: var(--page-bg);
}

/* Sidebar header */
.sidebar-header {
    background-color: var(--sidebar-header-bg);
    height: 70px;
    border-radius: 0px 0px 6px 0px;
}

/* Sidebar link styles */
.sidebar-link.active {
    background-color: var(--neo-light);
    color: var(--neo-secondary);
    border-right: 3px solid var(--neo-primary);
}

.sidebar-link:hover {
    background-color: #f8fafc;
}

/* Mobile sidebar */
@media (max-width: 768px) {
    .sidebar {
        transform: translateX(-100%);
    }
    .sidebar.open {
        transform: translateX(0);
    }
}

/* Status tab active state */
.status-tab.active {
    border-color: var(--neo-primary);
    color: var(--neo-secondary);
    background-color: var(--neo-light);
}

/* Card header with brand color */
.card-header-brand {
    background-color: var(--sidebar-header-bg);
}

/* Status badges */
.badge-pending {
    background-color: var(--status-pending);
    color: white;
}

.badge-preparing {
    background-color: var(--status-preparing);
    color: white;
}

.badge-completed {
    background-color: var(--status-completed);
    color: white;
}

.badge-cancelled {
    background-color: var(--status-cancelled);
    color: white;
}

/* Border colors for cards */
.border-pending {
    border-left: 4px solid var(--status-pending);
}

.border-preparing {
    border-left: 4px solid var(--status-preparing);
}

.border-completed {
    border-left: 4px solid var(--status-completed);
}

.border-cancelled {
    border-left: 4px solid var(--status-cancelled);
}

/* Conversaciones page styles */
.conversaciones-header {
    background-color: #4CAF50;
}

.conversaciones-chat-bg {
    background-color: #fafafa;
    position: relative;
}

.conversaciones-chat-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/pattern.jpg');
    background-repeat: repeat;
    background-size: 350px;
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
}

.conversaciones-chat-bg > * {
    position: relative;
    z-index: 1;
}