/* ==============================
   PecoRadar Admin — Stiluri
   ============================== */

/* Auth page */
.auth-body {
    background: #1a1d23;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 1rem;
}

.auth-card {
    background: #fff;
    border-radius: 10px;
    padding: 2rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .25);
}

.auth-card h3 {
    color: #0d6efd;
    font-weight: 700;
}

.admin-logo {
    max-height: 60px;
    width: auto;
}

/* Navbar */
.navbar-brand {
    font-weight: 700;
    letter-spacing: .5px;
}

.navbar-logo {
    height: 28px;
    width: auto;
}

/* Main layout */
.main-content {
    padding-top: 70px;
    min-height: 100vh;
    background: #f0f2f5;
}

/* Stat cards */
.stat-card {
    background: #fff;
    border-radius: 8px;
    padding: 1.25rem 1rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}

.stat-label {
    font-size: .8rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: .25rem;
}

.stat-value {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
}

/* Cards */
.card {
    border: none;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}

.card-header {
    background: #fff;
    font-weight: 600;
    border-bottom: 1px solid #e9ecef;
    font-size: .9rem;
}

/* Tables */
.table th {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #6c757d;
    border-top: none;
}

.table td {
    vertical-align: middle;
    font-size: .85rem;
}

/* Responsive chart containers */
.card-body canvas {
    max-height: 300px;
}

/* Turnstile widget centering */
.cf-turnstile {
    display: flex;
    justify-content: center;
}

/* Scrollable table wrapper */
.table-responsive {
    max-height: 400px;
    overflow-y: auto;
}

/* Badge tweaks */
.badge {
    font-weight: 500;
    font-size: .75rem;
}

/* Code styling */
code {
    font-size: .8rem;
    color: #495057;
    background: #f8f9fa;
    padding: 1px 4px;
    border-radius: 3px;
}

/* DataTables overrides */
.dataTables_wrapper .dataTables_filter input {
    border-radius: 6px;
    border: 1px solid #ced4da;
    padding: 4px 10px;
    font-size: .85rem;
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 6px;
    border: 1px solid #ced4da;
    font-size: .85rem;
}

.dataTables_wrapper .dataTables_info {
    font-size: .8rem;
    color: #6c757d;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: .82rem;
}

#visitorsTable td {
    vertical-align: middle;
    font-size: .83rem;
}

/* Active nav */
.navbar-nav .nav-link.active {
    font-weight: 600;
    border-bottom: 2px solid #fff;
}