/* Maniora OS CSS Override - Reset */
/* Using Bootstrap 5 utility classes natively per user request */

:root {
  --bs-primary: #ef4136;
  --bs-primary-rgb: 239, 65, 54;
}

body {
  font-family: 'Inter', sans-serif !important;
  background-color: #f8f9fa !important;
}

/* Custom Modern Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Base table adjustments to look cleaner */
.table thead th {
  border-bottom: 2px solid #dee2e6 !important;
  border-top: none !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  color: #6c757d;
}

.table tbody td {
  vertical-align: middle;
}

/* Override AdminLTE and Bootstrap primary color classes */
.btn-primary {
  background-color: #ef4136 !important;
  border-color: #ef4136 !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #d93b31 !important;
  border-color: #cc372e !important;
}

.btn-outline-primary {
  color: #ef4136 !important;
  border-color: #ef4136 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
  background-color: #ef4136 !important;
  color: #fff !important;
}

.bg-primary {
  background-color: #ef4136 !important;
  color: #fff !important;
}

.text-primary {
  color: #ef4136 !important;
}

.border-primary {
  border-color: #ef4136 !important;
}

.badge-primary, .badge.bg-primary {
  background-color: #ef4136 !important;
  color: #fff !important;
}

/* AdminLTE Sidebar Customization (Proper Small & Premium) */
.sidebar-light-primary .nav-sidebar .nav-item > .nav-link.active {
  background-color: #ef4136 !important;
  color: #fff !important;
  border-radius: 0.4rem !important;
  box-shadow: 0 2px 6px rgba(239, 65, 54, 0.25) !important;
}

.sidebar-light-primary .nav-sidebar .nav-item {
  margin: 0.15rem 0.5rem;
}

.nav-sidebar .nav-link {
  padding: 0.4rem 0.8rem !important;
  font-size: 0.85rem !important;
  color: #495057 !important;
  border-radius: 0.4rem !important;
  transition: all 0.2s ease;
}

.nav-sidebar .nav-link:hover {
  background-color: rgba(0,0,0,0.03) !important;
}

.nav-sidebar .nav-header {
  font-size: 0.65rem !important;
  padding: 1rem 1rem 0.25rem !important;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: #6c757d !important;
}

/* Global Ultra-Premium Card Styling */
.card {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: none !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.02) !important;
  border-radius: 1rem !important; /* rounded-4 */
}

/* Add hover effect only to standard cards, not kanban columns or table wrappers if possible, but user requested globally. We'll exclude kanban columns. */
.card:not(.kanban-column):hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 15px rgba(0,0,0,0.04) !important;
}

.card-header {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(0,0,0,0.03) !important;
  padding: 1rem 1.25rem !important;
}

/* Dashboard Funnel Styling */
.funnel-step { flex: 1; text-align: center; padding: 0.5rem 0; }
.funnel-arrow { display: flex; align-items: center; justify-content: center; color: #dee2e6; padding: 0 0.5rem; font-size: 0.8rem; }
.funnel-value { font-size: 1.4rem; font-weight: 700; line-height: 1; margin-bottom: 0.25rem; color: #212529; }
.funnel-label { font-size: 0.65rem; text-transform: uppercase; font-weight: 600; color: #6c757d; letter-spacing: 0.5px; }

/* =============================================
   V1.7 — Premium Empty States
   ============================================= */
.empty-state {
    padding: 3rem 1rem;
    text-align: center;
    color: #6c757d;
}
.empty-state .empty-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}
.empty-state h5 {
    font-weight: 700;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}
.empty-state p {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 1.25rem;
}

/* =============================================
   V1.7 — KPI Action Center Cards
   ============================================= */
.kpi-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.kpi-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08) !important;
}

/* =============================================
   V1.7 — Command Palette Polish
   ============================================= */
#commandSearch:focus {
    outline: none;
    box-shadow: none;
}
.list-group-item-action:hover {
    background-color: #f8f9ff;
}

/* =============================================
   V1.7 — Deal Health badges
   ============================================= */
.badge.bg-success.bg-opacity-10 { font-size: 0.72rem; font-weight: 700; }
.badge.bg-warning.bg-opacity-10 { font-size: 0.72rem; font-weight: 700; }
.badge.bg-danger.bg-opacity-10  { font-size: 0.72rem; font-weight: 700; }

/* =============================================
   V1.7 — Activity Timeline refinements
   ============================================= */
.timeline-content {
    background: #ffffff;
    border: 1px solid #f0f0f0 !important;
    border-radius: 0.75rem !important;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.timeline-content:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.07);
}