/* ==========================================================================
   Sentradesk Admin — Enterprise Theme
   Global stylesheet injected on every AdminLTE page via the package's
   documented `plugins` hook (config/adminlte.php -> plugins.CustomTheme),
   which is rendered in <head> by vendor/.../resources/views/master.blade.php
   through @include('adminlte::plugins', ['type' => 'css']).
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
    --sd-primary: #38E1FF;
    --sd-secondary: #6366F1;
    --sd-dark: #070A12;
    --sd-bg: #0F1524;
    --sd-accent: #7DD3FC;
    --sd-gradient: linear-gradient(100deg, #38E1FF 0%, #7DD3FC 60%, #6366F1 100%);
    --sd-border: rgba(146, 168, 214, 0.12);
    --sd-surface: rgba(255, 255, 255, 0.03);
    --sd-text-muted: #93A0B8;
    --sd-font-heading: 'Sora', system-ui, sans-serif;
    --sd-font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

body, .content-wrapper {
    background-color: var(--sd-bg) !important;
    font-family: var(--sd-font-body);
    color: #E4E9F5;
}

h1, h2, h3, h4, h5, h6, .brand-text, .nav-link, .card-title, .btn {
    font-family: var(--sd-font-heading);
}

/* Sidebar */
.main-sidebar {
    background-color: var(--sd-dark) !important;
    border-right: 1px solid var(--sd-border);
}
.brand-link { border-bottom: 1px solid var(--sd-border) !important; }
.nav-sidebar > .nav-item > .nav-link.active {
    background: var(--sd-gradient) !important;
    color: #070A12 !important;
    font-weight: 600;
    border-radius: 8px;
}
.nav-sidebar .nav-link { border-radius: 8px; margin: 2px 6px; color: #C7D0E4; }
.nav-sidebar .nav-link:hover { background: rgba(56, 225, 255, 0.08); color: #fff; }

/* Topnav */
.main-header.navbar {
    background-color: var(--sd-dark) !important;
    border-bottom: 1px solid var(--sd-border) !important;
}
.main-header .nav-link { color: #C7D0E4 !important; }

/* Cards */
.card {
    background-color: var(--sd-surface);
    border: 0.8px solid var(--sd-border);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.card-header {
    border-bottom: 1px solid var(--sd-border);
    border-radius: 18px 18px 0 0 !important;
    padding: 1rem 1.25rem;
}
.card-body { padding: 1.25rem; }
.card-primary.card-outline { border-top: 3px solid var(--sd-primary); }

/* Buttons */
.btn-primary {
    background: var(--sd-gradient);
    border: none;
    color: #070A12;
    font-weight: 600;
    border-radius: 100px;
    padding: 0.5rem 1.5rem;
}
.btn-primary:hover, .btn-primary:focus {
    filter: brightness(1.08);
    color: #070A12;
}
.btn, .btn-flat { border-radius: 100px; }

/* Badges */
.badge { border-radius: 100px; font-family: var(--sd-font-heading); letter-spacing: 0.04em; }
.badge-primary { background: var(--sd-gradient); color: #070A12; }

/* Links / accents */
a { color: var(--sd-accent); }
a:hover { color: var(--sd-primary); }

/* Tables */
.table { color: #E4E9F5; }
.table thead th {
    border-bottom: 1px solid var(--sd-border);
    color: var(--sd-text-muted);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}
.table td, .table th { padding: 0.85rem 1rem; border-top: 1px solid var(--sd-border); }
.table-hover tbody tr:hover { background-color: rgba(99, 102, 241, 0.08); }

/* List groups (match table styling) */
.list-group-item {
    background-color: transparent;
    color: #E4E9F5;
    border-top: 1px solid var(--sd-border);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 0.85rem 1rem;
}
.list-group-flush > .list-group-item:first-child { border-top: 0; }

/* Content wrapper background continuity */
.content-wrapper, .content-header { background-color: var(--sd-bg) !important; }