/* ============================
   AR Experience - Admin Styles
   ============================ */

body {
    background-color: #f4f6f9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---- Cards ---- */
.card {
    border-radius: 12px;
}

.card-header {
    border-radius: 12px 12px 0 0 !important;
}

/* ---- Content Cards ---- */
.content-card {
    transition: transform 0.2s, box-shadow 0.2s;
    border-radius: 12px;
    overflow: hidden;
}

.content-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.opacity-60 {
    opacity: 0.6;
}

/* ---- Navbar ---- */
.navbar {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* ---- QR Code ---- */
#qrcode {
    padding: 12px;
    background: white;
    border-radius: 8px;
    display: inline-block;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#qrcode img,
#qrcode canvas {
    display: block;
}

/* ---- Login Page ---- */
.bg-dark {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
}

/* ---- Form Improvements ---- */
.form-control:focus,
.form-select:focus {
    border-color: #4361ee;
    box-shadow: 0 0 0 0.2rem rgba(67, 97, 238, 0.25);
}

/* ---- Buttons ---- */
.btn-sm {
    border-radius: 6px;
}

/* ---- Alert ---- */
.alert {
    border-radius: 10px;
    border: none;
}