/* ================================
   GLOBAL
================================ */
body, html {
    background: black !important;
    color: gold;
    font-family: "Segoe UI", Tahoma, sans-serif;
}

a {
    text-decoration: none;
}

/* ================================
   HEADER
================================ */
.vip-navbar {
    background: black !important;
    border-bottom: 1px solid gold;
    box-shadow: 0 0 12px rgba(255,215,0,0.4);
}

.vip-logo {
    color: gold !important;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 0 0 6px gold;
}

.vip-link {
    color: #fffdf6 !important;
    font-weight: 500;
}

.vip-link:hover {
    color: gold !important;
    text-shadow: 0 0 6px gold;
}

.vip-user {
    color: gold !important;
}

/* ================================
   DROPDOWN
================================ */
.vip-dropdown {
    background: black !important;
    border: 1px solid gold;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(255,215,0,0.6);
}

.vip-dd-item {
    color: gold !important;
}

.vip-dd-item:hover {
    background: rgba(255,215,0,0.15) !important;
    color: #fff !important;
}

/* ================================
   MAIN CONTAINER
================================ */
.nata-body,
.nata-main,
.nata-container {
    background: black !important;
}

/* ================================
   CARD
================================ */
.card {
    background: black !important;
    border: 1px solid gold;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(255,215,0,0.5);
}

.neon-key-header {
    border-bottom: 1px solid gold;
    text-shadow: 0 0 6px gold;
}

/* ================================
   TABLE
================================ */
.neon-table {
    color: gold !important;
    background: black !important;
}

.neon-table th {
    color: gold !important;
    border-color: gold !important;
    text-shadow: 0 0 5px gold;
}

.neon-table td {
    border-color: rgba(255,215,0,0.4) !important;
}

.table-hover tbody tr:hover {
    background: rgba(255,215,0,0.08) !important;
}

/* ================================
   DATATABLE
================================ */
.dataTables_length,
.dataTables_filter,
.dataTables_info {
    color: gold !important;
}

.dataTables_filter input,
.dataTables_length select {
    background: black !important;
    border: 1px solid gold !important;
    color: gold !important;
}

.dataTables_paginate .paginate_button {
    background: black !important;
    color: gold !important;
    border: 1px solid gold !important;
}

.dataTables_paginate .paginate_button.current {
    background: gold !important;
    color: black !important;
}

/* ================================
   ACTION BUTTONS
================================ */
.action-btn {
    border: 1px solid gold;
    background: black;
    color: gold;
    box-shadow: 0 0 8px gold;
}

.action-btn:hover {
    background: gold;
    color: black;
}

/* ================================
   KEY BLUR
================================ */
.key-sensi {
    filter: blur(6px);
    user-select: none;
}

/* ================================
   BADGES
================================ */
.neon-expired {
    box-shadow: 0 0 8px gold;
}

/* ================================
   INPUTS
================================ */
input, select, textarea {
    background: black !important;
    border: 1px solid gold !important;
    color: gold !important;
}

input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 10px gold !important;
}

/* ================================
   BUTTONS
================================ */
.btn-outline-warning {
    border-color: gold;
    color: gold;
}

.btn-outline-warning:hover {
    background: gold;
    color: black;
}

.btn-outline-info {
    border-color: #00ccff;
    color: #00ccff;
}

.btn-outline-danger {
    border-color: red;
    color: red;
}

/* ================================
   FOOTER
================================ */
.nata-footer {
    background: black !important;
    color: gold;
    border-top: 1px solid gold;
}

/* ================================
   REMOVE ALL GRADIENTS
================================ */
*[style*="linear-gradient"] {
    background: black !important;
}

/* FORCE BLACK CREATE LICENSE FORM */
.card-body,
.card,
.form-control,
.form-select,
textarea,
input {
    background: black !important;
    color: gold !important;
}

/* Labels */
label {
    color: gold !important;
}

/* Placeholder */
::placeholder {
    color: rgba(255,215,0,0.6) !important;
}

/* Custom checkbox */
.form-check-input {
    background-color: black !important;
    border: 1px solid gold !important;
}

.form-check-input:checked {
    background-color: gold !important;
}

/* Fix white section padding */
.card-body > div {
    background: transparent !important;
}

/* Fix Create License header strip */
.card-header,
.card-header * {
    background: black !important;
    color: gold !important;
    border-bottom: 1px solid gold !important;
}

.neon-card{
    background:black;
    border:2px solid gold;
    box-shadow:0 0 20px gold;
    border-radius:15px;
}

.neon-header{
    background:black;
    color:gold;
    font-weight:bold;
    text-align:center;
    border-bottom:1px solid gold;
}

.neon-input{
    background:black!important;
    color:gold!important;
    border:1px solid gold!important;
}

.neon-input option{
    background:black;
    color:gold;
}

.neon-btn{
    background:black;
    color:gold;
    border:2px solid gold;
}

.neon-btn:hover{
    background:gold;
    color:black;
}

.neon-addon{
    background:black;
    color:gold;
    border:1px solid gold;
}

.neon-table th{
    color:gold;
}

.neon-table td{
    color:white;
}