/* =======================================================
   VIRGO SERVICEDESK ENTERPRISE THEME
======================================================= */

/* ===== GLOBAL ===== */

body,
#app {
    background: #020617 !important;
    font-family: Inter, sans-serif !important;
    color: #e5e7eb !important;
}

/* ===== MAIN CONTENT ===== */

.content {
    background: #0b1120 !important;
}

/* ===== SIDEBAR ===== */

.nav-bar {
    width: 320px !important;

    background:
        linear-gradient(
            180deg,
            #0f172a 0%,
            #111827 100%
        ) !important;

    border-right: 1px solid #1e293b !important;

    box-shadow:
        10px 0 35px rgba(0,0,0,.45) !important;
}

/* ===== MENU ITEMS ===== */

.nav-bar a,
.nav-bar .task,
.nav-bar .menu-item {
    margin: 6px 10px !important;
    border-radius: 14px !important;
    transition: all .2s ease !important;
}

/* ===== MENU HOVER ===== */

.nav-bar a:hover,
.nav-bar .task:hover {
    background: rgba(59,130,246,.12) !important;
    transform: translateX(4px);
}

/* ===== ACTIVE MENU ===== */

.nav-bar .active,
.nav-bar .is-active {
    background:
        linear-gradient(
            90deg,
            #2563eb,
            #7c3aed
        ) !important;

    box-shadow:
        0 10px 25px rgba(59,130,246,.25) !important;
}

/* ===== TOP BAR ===== */

.nav-tabs {
    background: #0b1120 !important;
    border-bottom: 1px solid #1e293b !important;
}

/* ===== TABLES ===== */

table {
    background: #111827 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* ===== TABLE HEADER ===== */

thead {
    background: #0f172a !important;
}

/* ===== TABLE ROWS ===== */

tbody tr {
    transition: all .2s ease !important;
}

tbody tr:hover {
    background: rgba(59,130,246,.08) !important;
}

/* ===== BUTTONS ===== */

button,
.btn {
    background:
        linear-gradient(
            90deg,
            #2563eb,
            #7c3aed
        ) !important;

    border-radius: 14px !important;
    border: none !important;

    color: white !important;

    box-shadow:
        0 10px 20px rgba(59,130,246,.25) !important;
}

/* ===== INPUTS ===== */

input,
textarea,
select {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    border-radius: 14px !important;
    color: white !important;
}

/* ===== CARDS ===== */

.card,
.widget,
.dashboard-box,
.ticketZoom,
.ticketZoom-header,
.ticketZoom-main,
.ticketZoom-sidebar,
.ticket-article,
.ticketArticle {
    background: #111827 !important;
    color: #e5e7eb !important;

    border-radius: 20px !important;
}

/* ===== TICKET ARTICLE ===== */

.ticket-article,
.ticketArticle {
    border: 1px solid #1e293b !important;
    padding: 10px !important;
}

/* ===== RIGHT SIDEBAR ===== */

.ticketZoom-sidebar {
    border-left: 1px solid #1e293b !important;
}

/* ===== PANELS ===== */

section,
article,
aside {
    background: transparent !important;
}

/* ===== LINKS ===== */

a {
    color: #60a5fa !important;
}

/* ===== BADGES ===== */

.badge,
.label {
    border-radius: 999px !important;
}

/* ===== DROPDOWNS ===== */

.dropdown-menu {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
}

/* ===== SCROLLBAR ===== */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #020617;
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 999px;
}

/* ===== SHADOWS ===== */

.ticketZoom,
.ticketArticle,
.widget,
.card {
    box-shadow:
        0 10px 30px rgba(0,0,0,.35) !important;
}

/* ===== TITLES ===== */

h1,
h2,
h3,
h4,
h5 {
    color: white !important;
}

/* ===== SMALL TEXT ===== */

small,
.meta,
time {
    color: #94a3b8 !important;
}

/* ===== CHECKBOX ===== */

input[type="checkbox"] {
    accent-color: #3b82f6;
}

/* ===== STATUS COLORS ===== */

.status-open {
    color: #22c55e !important;
}

.status-pending {
    color: #f59e0b !important;
}

.status-closed {
    color: #ef4444 !important;
}

/* ===== GLASS EFFECT ===== */

.ticketZoom,
.widget,
.card {
    backdrop-filter: blur(14px);
}

/* ===== PREMIUM TRANSITIONS ===== */

* {
    transition:
        background .15s ease,
        border .15s ease,
        color .15s ease;
}