:root {
   --primary-color: #3b82f6;
   --primary-dark: #2563eb;
   --secondary-color: #60a5fa;
   --light-blue: #dbeafe;
 }

 body {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   background-color: #f8fafc;
 }

.container-fluid {
  padding-left: 40px;
  padding-right: 40px;
}
 .breadcrumb-section {
   background: white;
   padding: 0.75rem 0;
   border-bottom: 1px solid #e2e8f0;
 }

 .breadcrumb {
   margin: 0;
   background: none;
 }

 .breadcrumb-item a {
   color: var(--primary-color);
   text-decoration: none;
 }

 .controls-section {
   background: white;
   padding: 0.75rem 0;
   border-bottom: 1px solid #e2e8f0;
 }

 .btn-primary {
   background-color: var(--primary-color);
   border-color: var(--primary-color);
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
 }

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

 .btn-outline-secondary {
   border-color: #cbd5e1;
   color: #64748b;
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
 }

 .table-container {
   background: white;
   border-radius: 0.5rem;
   overflow: hidden;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }

 .table {
   margin: 0;
   font-size: 0.8rem;
 }

 .table th {
   background-color: var(--light-blue);
   border-bottom: 2px solid #e2e8f0;
   font-weight: 600;
   color: #475569;
   padding: 0.5rem 0.4rem;
   white-space: nowrap;
 }

 .table td {
   padding: 0.5rem 0.4rem;
   vertical-align: middle;
   border-bottom: 1px solid #f1f5f9;
 }

 .table tbody tr:hover {
   background-color: #f0f9ff;
 }

 .status-badge {
   padding: 0.2rem 0.4rem;
   border-radius: 0.25rem;
   font-size: 0.7rem;
   font-weight: 600;
 }

 .status-overdue {
   background-color: #fecaca;
   color: #dc2626;
 }

 .status-completed {
   background-color: #bbf7d0;
   color: #16a34a;
 }

 .priority-stars {
   color: #fbbf24;
 }

 .priority-stars .far {
   color: #d1d5db;
 }

 .pagination-info {
   color: #64748b;
   font-size: 0.8rem;
 }

 .search-input {
   max-width: 250px;
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
 }

 .table-responsive {
   border-radius: 0.5rem;
 }

 .meeting-cell {
   max-width: 180px;
 }

 .issue-cell {
   max-width: 220px;
 }

 .action-cell {
   max-width: 280px;
 }

 .btn-sm-compact {
   padding: 0.25rem 0.5rem;
   font-size: 0.75rem;
 }

 .form-control-sm-compact {
   padding: 0.25rem 0.5rem;
   font-size: 0.8rem;
 }