/* ============================================
   Sistema de Controle de Estoque - Estilos
   ============================================ */

:root {
    --brand-primary: #0BACCC;
    --brand-primary-dark: #099AB5;
    --brand-dark: #41464B;
    --brand-light: #E8F7FA;
    --sidebar-width: 260px;
}

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

/* Avatar circle */
.avatar-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-weight: 700;
    flex-shrink: 0;
}
.navbar .avatar-circle {
    width: 30px;
    height: 30px;
    font-size: 0.85rem;
}

/* Cards */
.card {
    border-radius: 0.75rem;
}
.card-header {
    background-color: transparent;
    padding-top: 1rem;
}

/* Stat cards */
.stat-card .stat-icon {
    width: 56px;
    height: 56px;
}

/* Tables */
.table > :not(caption) > * > * {
    padding: 0.65rem 0.75rem;
}

/* Forms */
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.2rem rgba(11, 172, 204, 0.15);
}
.input-group-text {
    color: #6c757d;
}

/* Buttons */
.btn {
    border-radius: 0.5rem;
}
.btn-lg {
    border-radius: 0.65rem;
}

/* Alerts */
.alert {
    border-radius: 0.65rem;
}

/* Badges */
.badge {
    font-weight: 600;
}

/* Scanner page */
@media (max-width: 991.98px) {
    .navbar-brand span {
        display: none;
    }
    .stat-value.fs-3 {
        font-size: 1.5rem !important;
    }
}

/* Print helpers */
.no-print {
    /* visible on screen */
}

/* Scrollbar (webkit) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: #c4c9d2;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: #aab1bd;
}

/* CCB Brand Colors Override */
.navbar.bg-primary {
    background-color: var(--brand-primary) !important;
}

.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
}

.bg-primary {
    background-color: var(--brand-primary) !important;
}
.text-primary {
    color: var(--brand-primary) !important;
}
.border-primary {
    border-color: var(--brand-primary) !important;
}

/* Sidebar for mobile */
.navbar-brand {
    font-size: 1.1rem;
}

/* Login page CCB branding */
.login-brand {
    color: var(--brand-primary);
}

/* Dashboard stat icons */
.stat-icon.bg-primary-subtle {
    background-color: var(--brand-light) !important;
}
.stat-icon.text-primary {
    color: var(--brand-primary) !important;
}