/* ================================================================
   GOLD MINING ERP THEME  –  site.css  v3
   Palette:
     Gold      : #D4AF37
     Dark Gold  : #B8860B
     Rich Brown : #3E2723  (dark surfaces)
     Mid Brown  : #5D4037
     Bronze     : #CD7F32
     Charcoal   : #36454F
     Slate Dark : #263238
   ================================================================ */

html { font-size: 14px; }
@media (min-width: 768px) { html { font-size: 16px; } }
html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }

/* ----------------------------------------------------------------
   LOADER
   ---------------------------------------------------------------- */
.loader {
    position: fixed; z-index: 99; top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fffdf0;
    display: flex; justify-content: center; align-items: center;
}
.loader > img { width: 100px; }
.loader.hidden { animation: fadeOut 1s; animation-fill-mode: forwards; }
@keyframes fadeOut { 100% { opacity: 0; visibility: hidden; } }

.thumb { height: 100px; border: 1px solid #B8860B; margin: 10px; }

/* ================================================================
   TOP NAVBAR
   AdminLTE's .navbar-white and .navbar-light set background-color:#fff
   We need very specific selectors AND !important to win.
   ================================================================ */
nav.main-header.navbar,
nav.navbar.main-header,
.wrapper > nav.main-header,
.main-header.navbar.navbar-white,
.main-header.navbar.navbar-light,
.main-header.navbar-white,
.main-header.navbar-light {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    border-bottom: 3px solid #3E2723 !important;
    box-shadow: 0 2px 8px rgba(62,39,35,0.3) !important;
}

/* Nav links in top header */
nav.main-header .nav-link,
.main-header .nav-link {
    color: #3E2723 !important;
    font-weight: 700 !important;
    transition: color 0.2s;
}
nav.main-header .nav-link:hover,
.main-header .nav-link:hover {
    color: #fff !important;
}

/* Icons inside the top navbar */
nav.main-header .nav-link i,
nav.main-header .nav-link .fas,
nav.main-header .nav-link .far {
    color: #3E2723 !important;
}

/* Text-dark links (used in _Index.cshtml / _SpecialDashboard) */
.main-header .nav-link.text-dark {
    color: #3E2723 !important;
}

/* ================================================================
   SIDEBAR
   ================================================================ */
.main-sidebar,
aside.main-sidebar {
    background-color: #3E2723 !important;
}

.nav-sidebar .nav-item > .nav-link {
    color: #ffffff !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.nav-sidebar .nav-item > .nav-link:hover,
.nav-sidebar .nav-item > .nav-link:focus {
    background-color: #ffffff !important;
    color: #3E2723 !important;
}
.nav-sidebar .nav-item > .nav-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: rgba(255,255,255,0.95) !important;
    color: #3E2723 !important;
    font-weight: bold !important;
    border-left: 4px solid #D4AF37 !important;
}

.nav-header {
    color: #ffffff !important;
    letter-spacing: 1px !important;
    font-weight: bold !important;
    font-size: 0.75rem !important;
    opacity: 0.9 !important;
}

/* ----------------------------------------------------------------
   SIDEBAR BRAND
   ---------------------------------------------------------------- */
.brand-link,
a.brand-link {
    background-color: #2c1810 !important;
    color: #D4AF37 !important;
    font-weight: bold !important;
    border-bottom: 1px solid #5D4037 !important;
}
.brand-link .brand-text,
a.brand-link .brand-text {
    color: #D4AF37 !important;
}

/* ================================================================
   BUTTONS — all variants mapped to gold mining palette
   ================================================================ */

/* PRIMARY → Gold */
.btn.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
a.btn.btn-primary,
a.btn-primary {
    background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
    border-color: #B8860B !important;
    color: #3E2723 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 6px rgba(212,175,55,0.4) !important;
    transition: all 0.25s ease !important;
}
.btn.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
a.btn.btn-primary:hover,
a.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background: linear-gradient(135deg, #B8860B, #8B6914) !important;
    border-color: #8B6914 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(184,134,11,0.5) !important;
    transform: translateY(-1px);
}

/* SUCCESS → Forest Green */
.btn.btn-success,
button.btn-success,
input[type="submit"].btn-success,
a.btn.btn-success,
a.btn-success {
    background: linear-gradient(135deg, #4E7040, #2d5a20) !important;
    border-color: #2d5a20 !important;
    color: #f0d080 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.btn.btn-success:hover,
button.btn-success:hover,
a.btn.btn-success:hover,
a.btn-success:hover {
    background: linear-gradient(135deg, #2d5a20, #1a3a12) !important;
    color: #D4AF37 !important;
    transform: translateY(-1px);
}

/* DANGER → Deep Rust */
.btn.btn-danger,
button.btn-danger,
input[type="submit"].btn-danger,
a.btn.btn-danger,
a.btn-danger {
    background: linear-gradient(135deg, #8B2500, #5c1a00) !important;
    border-color: #5c1a00 !important;
    color: #f0d080 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.btn.btn-danger:hover,
button.btn-danger:hover,
a.btn.btn-danger:hover,
a.btn-danger:hover {
    background: linear-gradient(135deg, #5c1a00, #3d1000) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* WARNING → Amber-Gold */
.btn.btn-warning,
button.btn-warning,
a.btn.btn-warning,
a.btn-warning {
    background: linear-gradient(135deg, #D4AF37, #c49a00) !important;
    border-color: #c49a00 !important;
    color: #3E2723 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.btn.btn-warning:hover,
a.btn-warning:hover {
    background: linear-gradient(135deg, #c49a00, #9a7800) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* SECONDARY → Rich Brown */
.btn.btn-secondary,
button.btn-secondary,
a.btn.btn-secondary,
a.btn-secondary {
    background: linear-gradient(135deg, #5D4037, #3E2723) !important;
    border-color: #3E2723 !important;
    color: #f0d080 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.btn.btn-secondary:hover,
a.btn-secondary:hover {
    background: linear-gradient(135deg, #3E2723, #2c1810) !important;
    color: #D4AF37 !important;
    transform: translateY(-1px);
}

/* INFO → Slate Charcoal */
.btn.btn-info,
button.btn-info,
a.btn.btn-info,
a.btn-info {
    background: linear-gradient(135deg, #36454F, #263238) !important;
    border-color: #263238 !important;
    color: #D4AF37 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.btn.btn-info:hover,
a.btn-info:hover {
    background: linear-gradient(135deg, #263238, #1a2328) !important;
    color: #f0d080 !important;
    transform: translateY(-1px);
}

/* ================================================================
   CARDS  —  general
   ================================================================ */
.card {
    border-radius: 8px !important;
    border-top: 4px solid #D4AF37 !important;
    box-shadow: 0 3px 12px rgba(62,39,35,0.12) !important;
    transition: box-shadow 0.25s !important;
}
.card:hover {
    box-shadow: 0 6px 20px rgba(62,39,35,0.2) !important;
}
.card-header {
    background: linear-gradient(135deg, #8B4513 0%, #5D4037 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #D4AF37 !important;
}
.card-footer {
    background-color: #fffdf0 !important;
    border-top: 1px solid #e8d89a !important;
}

/* ================================================================
   CARD-PRIMARY  (card-primary card-tabs  /  card-primary card-outline)
   AdminLTE's .card-primary sets the header to blue. Override it.
   ================================================================ */
.card.card-primary,
div.card.card-primary {
    border-top: 4px solid #D4AF37 !important;
}

.card.card-primary > .card-header,
.card.card-primary .card-header {
    background: linear-gradient(135deg, #36454F 0%, #263238 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

/* Card-tabs: the tab nav strip */
.card.card-primary.card-tabs > .card-header,
.card.card-primary.card-tabs .card-header {
    background: linear-gradient(135deg, #36454F 0%, #263238 100%) !important;
    border-bottom: none !important;
}

.card.card-primary.card-tabs .card-header .nav-tabs,
.card.card-primary .nav-tabs {
    border-bottom: none !important;
    background: transparent !important;
}

.card.card-primary.card-tabs .nav-tabs .nav-link,
.card.card-primary .nav-tabs .nav-link {
    color: #f0d080 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    font-weight: 600 !important;
    padding: 0.6rem 1rem !important;
    transition: all 0.2s !important;
}
.card.card-primary.card-tabs .nav-tabs .nav-link:hover,
.card.card-primary .nav-tabs .nav-link:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,0.1) !important;
    border-bottom-color: #D4AF37 !important;
}
.card.card-primary.card-tabs .nav-tabs .nav-link.active,
.card.card-primary .nav-tabs .nav-link.active {
    background: rgba(255,255,255,0.92) !important;
    color: #B8860B !important;
    border-bottom: 3px solid #D4AF37 !important;
    font-weight: 800 !important;
    border-radius: 6px 6px 0 0 !important;
}

/* Card-outline: gold border, white header */
.card.card-primary.card-outline {
    border-top: 4px solid #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
}
.card.card-primary.card-outline > .card-header,
.card.card-primary.card-outline .card-header {
    background: #fff !important;
    color: #3E2723 !important;
    border-bottom: 2px solid #D4AF37 !important;
}

/* ================================================================
   BG-GRADIENT-INFO  (home dashboard chart card)
   ================================================================ */
.card.bg-gradient-info,
div.card.bg-gradient-info {
    background: linear-gradient(135deg, #36454F 0%, #263238 100%) !important;
    border-top: 4px solid #D4AF37 !important;
}
.card.bg-gradient-info .card-header,
.card.bg-gradient-info .card-header h3,
.card.bg-gradient-info .card-title {
    background: transparent !important;
    color: #D4AF37 !important;
    border-bottom: 1px solid rgba(212,175,55,0.3) !important;
}
.card.bg-gradient-info .card-body,
.card.bg-gradient-info .card-footer {
    background: transparent !important;
    color: #e0d0a0 !important;
}

/* direct-chat-primary */
.card.direct-chat-primary {
    border-top: 4px solid #D4AF37 !important;
}

/* ================================================================
   DASHBOARD SMALL BOXES  (mining colour variants)
   ================================================================ */
.small-box.mining-gold {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #fff !important;
    border-top: 5px solid #8B6914 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.small-box.mining-gold:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(212,175,55,0.5) !important; }

.small-box.mining-charcoal {
    background: linear-gradient(135deg, #36454F 0%, #263238 100%) !important;
    color: #f0d080 !important;
    border-top: 5px solid #D4AF37 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.small-box.mining-charcoal:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(54,69,79,0.5) !important; }

.small-box.mining-bronze {
    background: linear-gradient(135deg, #CD7F32 0%, #8B4513 100%) !important;
    color: #fff !important;
    border-top: 5px solid #6b3310 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.small-box.mining-bronze:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(205,127,50,0.5) !important; }

.small-box.mining-brown {
    background: linear-gradient(135deg, #5D4037 0%, #3E2723 100%) !important;
    color: #f0d080 !important;
    border-top: 5px solid #D4AF37 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.small-box.mining-brown:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(62,39,35,0.5) !important; }

/* Also override AdminLTE's bg-info / bg-success / bg-warning / bg-danger on small boxes */
.small-box.bg-info {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #3E2723 !important;
    border-top: 5px solid #8B6914 !important;
}
.small-box.bg-success {
    background: linear-gradient(135deg, #36454F 0%, #263238 100%) !important;
    color: #f0d080 !important;
    border-top: 5px solid #D4AF37 !important;
}
.small-box.bg-warning {
    background: linear-gradient(135deg, #CD7F32 0%, #8B4513 100%) !important;
    color: #fff !important;
    border-top: 5px solid #6b3310 !important;
}
.small-box.bg-danger {
    background: linear-gradient(135deg, #5D4037 0%, #3E2723 100%) !important;
    color: #f0d080 !important;
    border-top: 5px solid #D4AF37 !important;
}

/* Numbers in small boxes */
.small-box h5,
.small-box .inner h5 {
    font-size: 28px !important;
    font-weight: bold !important;
    color: inherit !important;
}
.small-box p,
.small-box .inner p {
    color: inherit !important;
    opacity: 0.9 !important;
}

/* Icons in small boxes */
.small-box .icon,
.small-box .icon i {
    color: rgba(255,255,255,0.25) !important;
    transition: color 0.25s, transform 0.25s !important;
}
.small-box:hover .icon,
.small-box:hover .icon i {
    color: rgba(255,255,255,0.55) !important;
    transform: scale(1.05) rotate(-5deg) !important;
}

/* Footer link */
.small-box-footer,
.small-box .small-box-footer {
    background: rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
    font-weight: 600 !important;
    transition: background 0.2s !important;
}
.small-box-footer:hover,
.small-box .small-box-footer:hover {
    background: rgba(0,0,0,0.3) !important;
    text-decoration: none !important;
}

/* ================================================================
   TABLES
   ================================================================ */
.table thead th {
    background: linear-gradient(135deg, #3E2723, #5D4037) !important;
    color: #D4AF37 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #D4AF37 !important;
    letter-spacing: 0.4px !important;
}
.table tbody tr:hover {
    background-color: rgba(212,175,55,0.10) !important;
}
.table-bordered { border-color: #e8d89a !important; }

/* ================================================================
   PAGINATION
   ================================================================ */
.page-item.active .page-link {
    background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
    border-color: #B8860B !important;
    color: #3E2723 !important;
    font-weight: 700 !important;
}
.page-link {
    color: #B8860B !important;
    border-color: #e8d89a !important;
    transition: all 0.2s !important;
}
.page-link:hover {
    background-color: #f5e88a !important;
    color: #3E2723 !important;
}

/* ================================================================
   FORMS
   ================================================================ */
.form-control:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.2rem rgba(212,175,55,0.3) !important;
}

/* ================================================================
   DROPDOWNS
   ================================================================ */
.dropdown-menu {
    border-top: 3px solid #D4AF37 !important;
    box-shadow: 0 4px 15px rgba(62,39,35,0.18) !important;
    border-radius: 0 0 8px 8px !important;
    background-color: #ffffff !important;
}
.dropdown-item {
    color: #3E2723 !important;
    font-weight: 600 !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    background-color: #ffffff !important;
    color: #3E2723 !important;
}

/* Fix list groups from turning blue */
.list-group-item.active {
    background-color: #ffffff !important;
    border-color: #3E2723 !important;
    color: #3E2723 !important;
}

/* ================================================================
   FOOTER
   ================================================================ */
.main-footer {
    background-color: #fffdf0 !important;
    border-top: 2px solid #D4AF37 !important;
    color: #3E2723 !important;
    font-weight: 600 !important;
}
.main-footer a { color: #B8860B !important; }
.main-footer a:hover { color: #3E2723 !important; }

/* ================================================================
   MODAL
   ================================================================ */
.modal-header {
    background: linear-gradient(135deg, #D4AF37, #B8860B) !important;
    color: #3E2723 !important;
    border-bottom: none !important;
}
.modal-header .modal-title {
    font-weight: 700 !important;
    color: #3E2723 !important;
}
.modal-header .close { color: #3E2723 !important; opacity: 0.8 !important; }

/* ================================================================
   ALERTS
   ================================================================ */
.alert-info    { background-color: #e8f4f0 !important; border-color: #36454F !important; color: #1a2e38 !important; }
.alert-success { background-color: #e8f5e0 !important; border-color: #2d5a20 !important; color: #1a3a12 !important; }
.alert-danger  { background-color: #fae8e0 !important; border-color: #8B2500 !important; color: #5c1a00 !important; }

/* ================================================================
   PROGRESS BARS
   ================================================================ */
.progress-bar.bg-primary { background: linear-gradient(90deg, #D4AF37, #B8860B) !important; }
.progress-bar.bg-success { background: linear-gradient(90deg, #4E7040, #2d5a20) !important; }
.progress-bar.bg-danger  { background: linear-gradient(90deg, #8B2500, #5c1a00) !important; }
.progress-bar.bg-warning { background: linear-gradient(90deg, #D4AF37, #c49a00) !important; }

/* ================================================================
   CONTENT WRAPPER
   ================================================================ */
.content-wrapper { background-color: #fdfaf0 !important; }

/* ================================================================
   DESCRIPTION BLOCKS
   ================================================================ */
.description-header { color: #B8860B !important; font-weight: 700 !important; }
.description-text   { color: #5D4037 !important; font-size: 0.8rem !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }

/* ================================================================
   SELECT2
   ================================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: #ddd !important; border-radius: 6px !important;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.2rem rgba(212,175,55,0.3) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3E2723 !important;
    color: #D4AF37 !important;
}

/* ================================================================
   UTILITY CLASSES
   ================================================================ */
.mining-gold    { background: linear-gradient(135deg, #D4AF37, #B8860B) !important; color: #fff !important; }
.mining-charcoal{ background: linear-gradient(135deg, #36454F, #263238) !important; color: #fff !important; }
.mining-bronze  { background: linear-gradient(135deg, #CD7F32, #8B4513) !important; color: #fff !important; }
.mining-brown   { background: linear-gradient(135deg, #3E2723, #5D4037) !important; color: #fff !important; }

/* =========================================================
   Transaction Attention Bulbs
   ========================================================= */

.attention-danger {
    color: #dc3545 !important;
    font-size: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    animation: attentionBlink 0.8s infinite ease-in-out !important;
    filter: drop-shadow(0 0 4px rgba(220, 53, 69, 0.6)) !important;
}

.attention-green {
    color: #28a745 !important;
    font-size: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    filter: drop-shadow(0 0 3px rgba(40, 167, 69, 0.5)) !important;
}

.attention-blue {
    color: #007bff !important;
    font-size: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    filter: drop-shadow(0 0 3px rgba(0, 123, 255, 0.5)) !important;
}


/* Blinking red danger bulb */
@keyframes attentionBlink {

    0%, 100% {
        opacity: 1 !important;
        transform: scale(1.15) !important;
    }

    50% {
        opacity: 0.15 !important;
        transform: scale(0.85) !important;
    }
}