/* Velzon preloader conflict prevention: ensure standalone form controls outside input-group are never affected by #status */
select#status,
select#trade_status,
select.form-select,
div.form-select,
.form-select,
:not(.input-group) > input.form-control {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
}

/* Ensure input-group children properly flex horizontally and never stack */
.input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
}

.input-group > .form-control,
.input-group > input.form-control,
.input-group > .form-select {
    position: relative !important;
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    display: block !important;
    margin-left: -1px;
}

.input-group > .input-group-text {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap !important;
}

/* Choices.js fallback styling if used */
.choices {
    margin-bottom: 0 !important;
}

/* Pagination SVG size lock - prevents giant arrow chevrons */
nav[role="navigation"] svg,
.pagination svg,
.page-item svg,
.page-link svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.pagination {
    margin-bottom: 0 !important;
    gap: 4px !important;
}

.pagination .page-item .page-link {
    border-radius: 4px !important;
}

/* ==========================================================================
   BLOOMBERG TERMINAL CLOUD - BRAND THEME SPECIFICATION
   Primary Action Green: #4EAD18 (RGB: 78, 173, 24)
   Deep Forest Pine:     #063812 (RGB: 6, 56, 18)
   Light Mint Accent:    #E6F8F0 (RGB: 230, 248, 240)
   Dark Slate Canvas:    #0F172A
   ========================================================================== */

:root, [data-bs-theme=light], [data-bs-theme=dark] {
    --vz-primary: #4EAD18 !important;
    --vz-primary-rgb: 78, 173, 24 !important;
    --vz-success: #4EAD18 !important;
    --vz-success-rgb: 78, 173, 24 !important;
    --vz-link-color: #4EAD18 !important;
    --vz-link-hover-color: #063812 !important;
    --vz-info: #063812 !important;
    --vz-info-rgb: 6, 56, 18 !important;
}

/* ==========================================================================
   AUTH PAGES HERO BANNER (LOGIN & REGISTRATION - FOREST GREEN OVERLAY)
   ========================================================================== */
.auth-one-bg {
    background-color: #063812 !important;
}
.auth-one-bg .bg-overlay {
    background: linear-gradient(135deg, #063812 0%, #03200a 100%) !important;
    opacity: 0.96 !important;
}

.auth-one-bg .shape > svg {
    fill: #ffffff !important;
}

/* ==========================================================================
   SIDEBAR THEME (DEEP FOREST PINE BRAND BACKGROUND)
   ========================================================================== */
[data-sidebar=dark],
.navbar-menu,
.app-menu {
    --vz-vertical-menu-bg: #063812 !important;
    --vz-vertical-menu-border: rgba(78, 173, 24, 0.22) !important;
    --vz-vertical-menu-item-color: rgba(255, 255, 255, 0.85) !important;
    --vz-vertical-menu-item-hover-color: #4EAD18 !important;
    --vz-vertical-menu-item-active-color: #FFFFFF !important;
    --vz-vertical-menu-item-active-bg: rgba(78, 173, 24, 0.18) !important;
    --vz-vertical-menu-sub-item-color: rgba(255, 255, 255, 0.75) !important;
    --vz-vertical-menu-sub-item-hover-color: #4EAD18 !important;
    --vz-vertical-menu-sub-item-active-color: #4EAD18 !important;
    --vz-vertical-menu-title-color: rgba(230, 248, 240, 0.65) !important;
    --vz-twocolumn-menu-iconview-bg: #04270C !important;
    background: #063812 !important;
    background: linear-gradient(180deg, #063812 0%, #03200a 100%) !important;
    border-right: 1px solid rgba(78, 173, 24, 0.2) !important;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25) !important;
}

.navbar-menu .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.navbar-menu .navbar-nav .nav-link i {
    color: rgba(230, 248, 240, 0.75) !important;
    font-size: 18px !important;
}

.navbar-menu .navbar-nav .nav-link:hover {
    color: #4EAD18 !important;
    background: rgba(78, 173, 24, 0.12) !important;
}

.navbar-menu .navbar-nav .nav-link:hover i {
    color: #4EAD18 !important;
}

.navbar-menu .navbar-nav .nav-link.active {
    color: #FFFFFF !important;
    background: linear-gradient(90deg, rgba(78, 173, 24, 0.28) 0%, rgba(78, 173, 24, 0.08) 100%) !important;
    border-left: 3px solid #4EAD18 !important;
    font-weight: 700 !important;
}

.navbar-menu .navbar-nav .nav-link.active i {
    color: #4EAD18 !important;
}

.navbar-menu .menu-title {
    color: rgba(230, 248, 240, 0.6) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding-top: 18px !important;
}

.navbar-brand-box {
    background: #063812 !important;
    border-bottom: 1px solid rgba(78, 173, 24, 0.18) !important;
}

.navbar-brand-box .logo-light {
    display: inline-block !important;
}

.navbar-brand-box .logo-dark {
    display: none !important;
}

/* Navbar Logo Sizing - High Definition Transparent Fit */
.navbar-brand-box .logo-lg img {
    height: 38px !important;
    max-height: 42px !important;
    width: auto !important;
}

.navbar-brand-box .logo-sm img {
    height: 30px !important;
    max-height: 32px !important;
    width: auto !important;
}

/* ==========================================================================
   GLOBAL BUTTON STYLES (OVERRIDE BOOTSTRAP / VELZON TEAL & BLUE)
   ========================================================================== */
.btn-success,
.btn-primary,
.btn-brand,
.brand-btn {
    background-color: #4EAD18 !important;
    border-color: #4EAD18 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(78, 173, 24, 0.3) !important;
    transition: all 0.2s ease !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-brand:hover, .btn-brand:focus, .btn-brand:active,
.brand-btn:hover {
    background-color: #063812 !important;
    border-color: #063812 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(6, 56, 18, 0.4) !important;
}

.btn-outline-success,
.btn-outline-primary {
    border-color: #4EAD18 !important;
    color: #063812 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.btn-outline-success:hover,
.btn-outline-primary:hover,
.btn-outline-success:focus,
.btn-outline-primary:focus,
.btn-outline-success.active,
.btn-outline-primary.active,
.btn-outline-success:active,
.btn-outline-primary:active {
    background-color: #4EAD18 !important;
    border-color: #4EAD18 !important;
    color: #FFFFFF !important;
}

.btn-soft-success,
.btn-soft-primary {
    background-color: rgba(78, 173, 24, 0.14) !important;
    color: #063812 !important;
    border: 1px solid rgba(78, 173, 24, 0.25) !important;
    font-weight: 600 !important;
}

.btn-soft-success:hover,
.btn-soft-primary:hover {
    background-color: #4EAD18 !important;
    border-color: #4EAD18 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   BADGES & ACCENTS
   ========================================================================== */
.badge-soft-success,
.badge-soft-primary,
.bg-success-subtle,
.bg-primary-subtle {
    background-color: rgba(78, 173, 24, 0.14) !important;
    color: #063812 !important;
    border: 1px solid rgba(78, 173, 24, 0.25) !important;
}

.badge-success,
.badge-primary {
    background-color: #4EAD18 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.text-success,
.text-primary {
    color: #4EAD18 !important;
}

.border-success,
.border-success-subtle {
    border-color: rgba(78, 173, 24, 0.35) !important;
}

.page-item.active .page-link {
    background-color: #4EAD18 !important;
    border-color: #4EAD18 !important;
    color: #FFFFFF !important;
}