/* SISINDO Custom Admin Styles */
:root { --sisindo-primary: #2563eb; --sisindo-secondary: #64748b; --sisindo-success: #22c55e; --sisindo-danger: #ef4444; --sisindo-warning: #f59e0b; }
.card { border-radius: 12px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.12); }
.btn { border-radius: 8px; font-weight: 500; }
.btn-primary { background: var(--sisindo-primary); border-color: var(--sisindo-primary); }
.btn-primary:hover { background: #1d4ed8; transform: translateY(-1px); }
.progress { border-radius: 10px; background: #e5e7eb; }
.progress-bar { background: linear-gradient(90deg, var(--sisindo-primary), #3b82f6); }
.form-control, .form-select { border-radius: 8px; border: 1px solid #d1d5db; padding: 10px 15px; }
.form-control:focus, .form-select:focus { border-color: var(--sisindo-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
.alert { border-radius: 10px; border: none; }
.table { border-radius: 10px; overflow: hidden; }
.table th { background: #f8fafc; font-weight: 600; }
.nav-sidebar .nav-link { border-radius: 8px; margin: 2px 8px; }
.nav-sidebar .nav-link.active { background: var(--sisindo-primary) !important; }
.badge { border-radius: 6px; padding: 5px 10px; font-weight: 500; }
.similarity-low { color: var(--sisindo-success); }
.similarity-medium { color: var(--sisindo-warning); }
.similarity-high { color: var(--sisindo-danger); }

/* Logo sizing for admin panel */

/* Login page logo */
.login-logo img {
    max-height: 100px !important;
    max-width: 100px !important;
    width: auto !important;
    height: auto !important;
}

/* Sidebar logo styling */
.brand-link { 
    height: auto; 
    padding: 12px 12px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
.brand-link img, .brand-image { 
    max-height: 36px !important; 
    width: auto !important; 
    max-width: 36px !important;
    object-fit: contain;
    background: white;
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    margin-left: 0 !important;
}
.brand-text { 
    margin-left: 10px !important; 
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}