/* =========================================
   PumpSaaS Global SaaS UI
   ========================================= */

:root {
    --pump-primary: #ff8a00;
    --pump-secondary: #ffb347;
    --pump-dark: #1f2937;
    --pump-darker: #111827;
    --pump-text: #212529;
    --pump-muted: #6b7280;
    --pump-heading: #111827;
    --pump-label: #374151;
    --pump-surface: #ffffff;
    --pump-surface-soft: #f8fafc;
}

/* =========================================
   Sidebar Styling
   ========================================= */

.main-sidebar {
    background: linear-gradient(180deg, var(--pump-dark) 0%, var(--pump-darker) 100%) !important;
}

.brand-link {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.03);
}

    .brand-link .brand-text {
        color: #fff !important;
        font-weight: 700;
        letter-spacing: .5px;
    }

/* Module title */
.sidebar-module-title {
    color: #ffca80 !important;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .8rem 1rem .35rem 1rem !important;
}

/* =========================================
   Sidebar Navigation
   ========================================= */

.main-sidebar .nav-sidebar .nav-link {
    border-radius: 4px;
    font-size: 14px;
    transition: all .25s ease;
    color: rgba(255,255,255,.92) !important;
}

    .main-sidebar .nav-sidebar .nav-link p,
    .main-sidebar .nav-sidebar .nav-link i {
        color: inherit !important;
    }

    /* Hover animation */
    .main-sidebar .nav-sidebar .nav-link:hover {
        transform: translateX(4px);
        background: rgba(255,255,255,.08) !important;
        color: #fff !important;
    }

    /* Active menu */
    .main-sidebar .nav-sidebar .nav-link.active {
        background: linear-gradient(90deg, #ff8b00 0%, #b36a00 100%) !important;
        color: #fff !important;
        box-shadow: 0 6px 18px rgba(255,138,0,.35);
        font-weight: 600;
    }

        .main-sidebar .nav-sidebar .nav-link.active i {
            color: #fff !important;
        }

/* Submenu */
.main-sidebar .nav-treeview .nav-link {
/*    margin-left: 12px;*/
    border-radius: 10px;
    color: rgba(255,255,255,.86) !important;
}

    .main-sidebar .nav-treeview .nav-link.active {
        background: rgba(255,138,0,.18) !important;
        border-left: 3px solid #ff9800;
        color: #fff !important;
    }

/* Icon animation */
.main-sidebar .nav-sidebar .nav-link .nav-icon {
    width: 1.6rem;
    text-align: center;
    transition: transform .2s ease;
}

.main-sidebar .nav-sidebar .nav-link:hover .nav-icon {
    transform: scale(1.1);
}

/* Arrow rotation */
.main-sidebar .nav-sidebar .nav-link .right {
    transition: transform .22s ease;
}

.main-sidebar .menu-open > .nav-link .right {
    transform: rotate(-90deg);
}

/* =========================================
   Navbar
   ========================================= */

.main-header.navbar {
    border-bottom: 1px solid rgba(0,0,0,.08);
    background: #fff !important;
}

/* =========================================
   Content Wrapper
   ========================================= */

.content-wrapper {
    background: #f4f6f9 !important;
    color: var(--pump-text) !important;
}

    /* =========================================
   Global Content Text Safety
   ========================================= */

    /*.content-wrapper,
    .content-wrapper .content,
    .content-wrapper .container-fluid,
    .content-wrapper .row,
    .content-wrapper .col,
    .content-wrapper .card,
    .content-wrapper .card-body,
    .content-wrapper .card-header,
    .content-wrapper .card-footer,
    .content-wrapper .form-group,
    .content-wrapper .input-group,
    .content-wrapper .modal-content,
    .content-wrapper .table,
    .content-wrapper .table td,
    .content-wrapper .table th,
    .content-wrapper p,
    .content-wrapper span,
    .content-wrapper div:not(.nav-link):not(.sidebar-module-title) {
        color: var(--pump-text);
    }*/

        /* Headings */
        /*.content-wrapper h1,
        .content-wrapper h2,
        .content-wrapper h3,
        .content-wrapper h4,
        .content-wrapper h5,
        .content-wrapper h6,
        .content-wrapper .card-title,
        .content-wrapper .content-header h1 {
            color: var(--pump-heading) !important;
        }*/

        /* Labels */
        /*.content-wrapper label,
        .content-wrapper .form-label,
        .content-wrapper .control-label,
        .content-wrapper .col-form-label,
        .content-wrapper .form-group > label {
            color: var(--pump-label) !important;
            font-weight: 600 !important;
            font-size: 13px;
            letter-spacing: .2px;
        }*/

        /* Inputs and form controls */
        /*.content-wrapper input,
        .content-wrapper select,
        .content-wrapper textarea,
        .content-wrapper .form-control,
        .content-wrapper .form-select {
            color: var(--pump-text) !important;
            background-color: #fff !important;
        }*/

            /* Placeholder */
            /*.content-wrapper input::placeholder,
            .content-wrapper textarea::placeholder {
                color: #9ca3af !important;
            }*/

        /* Text helpers */
        /*.content-wrapper .text-muted {
            color: var(--pump-muted) !important;
        }

        .content-wrapper .text-danger,
        .content-wrapper .field-validation-error,
        .content-wrapper .validation-summary-errors {
            color: #dc3545 !important;
        }*/

        /* Buttons inside content */
        /*.content-wrapper .btn-outline-secondary {
            color: #6c757d !important;
        }

        .content-wrapper .btn-light {
            color: #212529 !important;
        }*/

/* =========================================
   Buttons
   ========================================= */

.btn-pump-primary {
    background: linear-gradient(90deg, var(--pump-primary), var(--pump-secondary));
    border: none;
    color: #fff;
    border-radius: 10px;
}

    .btn-pump-primary:hover {
        opacity: .9;
    }

/* =========================================
   Icon Buttons (CRUD)
   ========================================= */

.pump-icon-btn {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f4f6f9;
    color: #444;
    border: 1px solid rgba(0,0,0,.08);
    transition: all .2s ease;
    text-decoration: none !important;
}

    .pump-icon-btn:hover {
        background: var(--pump-primary);
        color: #fff !important;
    }

/* =========================================
   Tables / Grid
   ========================================= */

/*.table {
    background: #fff;
}

    .table thead th {
        background: #f1f3f5;
        font-weight: 600;
    }

.table-hover tbody tr:hover {
    background: rgba(255,138,0,.08);
}*/

/* =========================================
   Badges
   ========================================= */

.badge-pump {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.badge-active {
    background: #28a745;
    color: #fff;
}

.badge-inactive {
    background: #6c757d;
    color: #fff;
}

/* =========================================
   Forms
   ========================================= */

.form-control,
.form-select {
    border-radius: 8px;
}

    .form-control:focus,
    .form-select:focus {
        border-color: var(--pump-primary);
        box-shadow: 0 0 0 .15rem rgba(255,138,0,.25);
    }

/* =========================================
   CRUD Page Layout
   ========================================= */

.card-pump {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,.06);
}

/* =========================================
   Search Section
   ========================================= */

.search-bar {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

/* =========================================
   Dropdown Modern Style
   ========================================= */

.select2-container--default .select2-selection--single {
    border-radius: 8px;
    color: var(--pump-text) !important;
}

/* =========================================
   Footer
   ========================================= */

.main-footer {
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.05);
    color: var(--pump-text) !important;
}

/* =========================================
   Smooth UI Animations
   ========================================= */

.nav-link,
.btn,
.form-control,
.form-select {
    transition: all .2s ease;
}

/* =========================================
   Scrollbar
   ========================================= */

.sidebar::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.2);
    border-radius: 4px;
}

/* =========================================
   Responsive
   ========================================= */

@media (max-width: 768px) {
    .main-sidebar .nav-sidebar .nav-link {
        margin: 2px 6px;
    }
}

.login-page {
    height: 100vh;
    background: url('../images/loginbg.jpg') no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

    .login-page::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.35);
        z-index: 0; /* 👈 IMPORTANT */
    }
    .login-page::after {
        content: '';
        position: absolute;
        width: 500px;
        height: 500px;
/*        background: radial-gradient(circle, rgba(255,255,255,0.3), transparent);
        filter: blur(100px);*/
        top: -100px;
        right: -100px;
        z-index: 0;
    }

.login-box {
    position: relative;
    z-index: 1; /* above overlay */
    width:440px;
    background: rgba(255, 255, 255);
/*    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);*/
    border-radius: 16px;
    padding: 35px;
    border: 1px solid rgba(255,255,255,0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.3);
}

    .login-box .card {
        background: transparent;
        box-shadow: none;
        border: none;
    }

.form-group label{
    font-size:14px;
}