.table thead th {
    background-color: white;
    color: #101204;
}

/* Header link color = black */
.table thead th a,
.table thead th a:link,
.table thead th a:visited {
  color: #000;           /* black */
  text-decoration: none; /* optional: keep it clean */
}

.table thead th a:hover,
.table thead th a:focus {
  color: #000;           /* keep black on hover/focus too */
  text-decoration: none; /* optional */
}


.header-bg {
    background-color: white;
    color: #101204;
}

.btn-grey { 
    color: #ffffff; 
    background-color: #575757; 
    border-color: #000000; 
  } 

.bi-chevron-up {
  color:#6442CB;
}
   
  .btn-grey:hover, 
  .btn-grey:focus, 
  .btn-grey:active, 
  .btn-grey.active, 
  .open .dropdown-toggle.btn-grey { 
    color: #ffffff; 
    background-color: #737373; 
    border-color: #000000; 
  } 
   
  .btn-grey:active, 
  .btn-grey.active, 
  .open .dropdown-toggle.btn-grey { 
    background-image: none; 
  } 
   
  .btn-grey.disabled, 
  .btn-grey[disabled], 
  fieldset[disabled] .btn-grey, 
  .btn-grey.disabled:hover, 
  .btn-grey[disabled]:hover, 
  fieldset[disabled] .btn-grey:hover, 
  .btn-grey.disabled:focus, 
  .btn-grey[disabled]:focus, 
  fieldset[disabled] .btn-grey:focus, 
  .btn-grey.disabled:active, 
  .btn-grey[disabled]:active, 
  fieldset[disabled] .btn-grey:active, 
  .btn-grey.disabled.active, 
  .btn-grey[disabled].active, 
  fieldset[disabled] .btn-grey.active { 
    background-color: #575757; 
    border-color: #000000; 
  } 
   
  .btn-grey .badge { 
    color: #575757; 
    background-color: #ffffff; 
  }

  .btn-positive { 
    color: white; 
    background-color: #6442CB; 
    border-color: #3d287a; 
  } 

  .btn-outline-secondary { 
    color: #6442CB; 
    background-color: white; 
    border-color: #412a82; 
  } 
   
  .btn-positive:hover, 
  .btn-positive:focus, 
  .btn-positive:active, 
  .btn-positive.active, 
  .open .dropdown-toggle.btn-positive { 
    color: #6442CB;
    background-color: white; 
    border-color: #6442CB;
  } 

  .topcard .btn-primary:hover, 
  .topcard .btn-primary:focus, 
  .topcard .btn-primary:active, 
  .topcard .btn-primary.active, 
  .topcard .open .dropdown-toggle.btn-primary { 
    color: #6442CB;
    background-color: #101204; 
    border-color: #6442CB;
  } 

  .btn-secondary:hover, 
  .btn-secondary:focus, 
  .btn-secondary:active, 
  .btn-secondary.active, 
  .open .dropdown-toggle.btn-secondary { 
    color: #6442CB;
    background-color: #101204; 
    border-color: #6442CB;
  } 
   
    .btn-outline-secondary:hover, 
  .btn-outline-secondary:focus, 
  .btn-outline-secondary:active, 
  .btn-outline-secondary.active, 
  .open .dropdown-toggle.btn-outline-secondary { 
    color: white;
    background-color: #6442CB; 
    border-color: #6442CB;
  } 
  .btn-positive:active, 
  .btn-positive.active, 
  .open .dropdown-toggle.btn-positive { 
    background-image: none; 
  } 
   
  .btn-positive.disabled, 
  .btn-positive[disabled], 
  fieldset[disabled] .btn-positive, 
  .btn-positive.disabled:hover, 
  .btn-positive[disabled]:hover, 
  fieldset[disabled] .btn-positive:hover, 
  .btn-positive.disabled:focus, 
  .btn-positive[disabled]:focus, 
  fieldset[disabled] .btn-positive:focus, 
  .btn-positive.disabled:active, 
  .btn-positive[disabled]:active, 
  fieldset[disabled] .btn-positive:active, 
  .btn-positive.disabled.active, 
  .btn-positive[disabled].active, 
  fieldset[disabled] .btn-positive.active { 
    background-color: #101204; 
    border-color: white; 
  } 
   
  .btn-positive .badge { 
    color: #101204; 
    background-color: #FFFFFF; 
  }

  .btn-whiteOutline { 
    color: #101204; 
    background-color: #FFFFFF; 
    border-color: white; 
  } 
   
  .btn-whiteOutline:hover, 
  .btn-whiteOutline:focus, 
  .btn-whiteOutline:active, 
  .btn-whiteOutline.active, 
  .open .dropdown-toggle.btn-whiteOutline { 
    color: white; 
    background-color: #101204; 
    border-color: white; 
  } 
   
  .btn-whiteOutline:active, 
  .btn-whiteOutline.active, 
  .open .dropdown-toggle.btn-whiteOutline { 
    background-image: none; 
  } 
   
  .btn-whiteOutline.disabled, 
  .btn-whiteOutline[disabled], 
  fieldset[disabled] .btn-whiteOutline, 
  .btn-whiteOutline.disabled:hover, 
  .btn-whiteOutline[disabled]:hover, 
  fieldset[disabled] .btn-whiteOutline:hover, 
  .btn-whiteOutline.disabled:focus, 
  .btn-whiteOutline[disabled]:focus, 
  fieldset[disabled] .btn-whiteOutline:focus, 
  .btn-whiteOutline.disabled:active, 
  .btn-whiteOutline[disabled]:active, 
  fieldset[disabled] .btn-whiteOutline:active, 
  .btn-whiteOutline.disabled.active, 
  .btn-whiteOutline[disabled].active, 
  fieldset[disabled] .btn-whiteOutline.active { 
    background-color: none; 
    border-color: #FFFFFF; 
  } 
   
  .btn-whiteOutline .badge { 
    color: none; 
    background-color: #FFFFFF; 
  }

.form-check-group {
    display: flex;
    flex-wrap: wrap; /* Ensures that the checkboxes wrap to the next line if needed */
}

.form-check {
    display: flex;
    align-items: center;
    margin-right: 15px; /* Adds some spacing between each checkbox */
}

.form-check label {
    margin-left: 5px; /* Space between the checkbox and the label */
}

.task-dashboard .action-buttons button, .task-dashboard .action-buttons a {
  margin-left: 10px;
}

.task-stats .stat-box {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.task-list table {
  margin-top: 20px;
  width: 100%;
}

.task-list table th, .task-list table td {
  text-align: left;
  padding: 15px;
}

.task-list table th {
  background-color: #343a40;
  color: #ffffff;
}

.task-list table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.task-list table tr:hover {
  background-color: #d1ecf1;
}

.modal .form-control, .modal .form-select {
  margin-bottom: 10px;
}

.modal-header {
  background-color: #007bff;
  color: #fff;
}

.modal-header .btn-close {
  color: #fff;
}

.topcard .btn-primary, .btn-secondary {
    color: #333333; 
    background-color: white; 
    border-color: white; 
}

.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.modal .btn-close {
  color: #fff;
}

.select2-container--default .select2-selection--single {
  height: 38px;
  padding: 6px 12px;
  font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 24px;
}

.select2-container {
  z-index: 2050 !important; /* Make sure the dropdown has a higher z-index than the modal */
}

.modal-header {
  background-color:white;
}

.card-header h5 {
  color:#101204!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color:#101204;
  color:white;
}

.nav-pills .nav-link {
  color:#101204;
}

.topcard {
  background-color: #101204;
  color:white
}

.topcard .text-muted {
  color:white!important;
}


  .btn-primary:hover, 
  .btn-primary:focus, 
  .btn-primary:active, 
  .btn-primary.active, 
  .open .dropdown-toggle.btn-primary { 
    color: #6442CB;
    background-color: #101204; 
    border-color: #6442CB;
  } 


  .btn-primary, .btn-secondary {
    color: white;
    background-color: #101204; 
    border-color: #101204;
}

.badge {
  font-weight:300!important;
  font-size:1em!important;
}

.bg-info {
  background-color:#d69240!important;
}

.bg-secondary {
  background-color:#6d55da!important;
}

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

.btn-outline-primary {
    --bs-btn-color: #6442CB;
    --bs-btn-border-color: #412a82;
    --bs-btn-hover-color: #6442CB;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: #6442CB;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6442CB;
    --bs-btn-active-border-color: #412a82;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #101204;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #101204;
    --bs-gradient: none;
}

.bg-success {
  background-color:#28a745!important;
}

.bg-dark {
  color:white!important;
}

    #invoiceTable tbody tr:nth-child(odd) {
        background-color: #ffffff; /* normal white */
    }

    #invoiceTable tbody tr:nth-child(even) {
        background-color: #f8f9fa; /* slightly darker (Bootstrap light gray) */
    }



    .dashboardcard {
      background-color: #101204;
      color:white;
      border:1px solid #6442CB;
    }

    .dashboardcard i {
      color:#6442CB;
    }

    .dashboardheader {
      background-color: #101204;
      color:white;
    }

    .bg-dashboard {
      background-color: #101204!important;
      color:white!important;     
    }

    .navbar-veya {
      background-color: white;
      color:white!important;
      box-shadow: 8px 0 20px rgba(0, 0, 0, 0.4);
    }

    .navbar-brand {
      color:#6442CB;
      font-weight:bold;
    }

    .nav-link {
      color:#6442CB;
    }

    .navbar-brand:hover, .navbar-nav a:hover {
      color:#6442CB;
    }


    
.table-outer-wrapper {
    height: calc(100vh - 280px); /* adjust 280px based on your header/filters/buttons height */
    overflow: auto;
    position: relative;
}

#tracker-table {
    min-width: max-content;
}

/* Sticky header */
#tracker-table thead th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 2;
    text-align: center;
    white-space: nowrap;
    color:#101204;
}


#tracker-table td {
  word-break: break-all!important;
}

/* Sticky first column */
#tracker-table th:first-child,
#tracker-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: #fff;
    white-space: nowrap;
    box-shadow: 8px 0 20px rgba(0, 0, 0, 0.4);
}

#tracker-table th:first-child::after,
#tracker-table td:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);
}

#tracker-table tbody tr.table-light > .category-cell {
  position: sticky;
  top: var(--thead-height);  /* from your JS-measured variable */
  left: 0;
  z-index: 3;                /* above body rows, below thead (z-index:4 if needed) */
  background-color: #f8f9fa; /* match your group-row bg */
  white-space: nowrap;
  padding: 15px;             /* match your other cells */
}


#tracker-table td {
  width: 300px;            /* or whatever max you like */
  max-width: 300px;        /* keep it from growing past this */
  white-space: normal !important;
  overflow-wrap: anywhere; /* breaks at any character if needed */
  padding:15px;
}


/* make td.highlightable when its child input is focused */
#tracker-table td.editable:focus-within {
  background-color: #f3f3f3;
  /* kill the old outline */
  outline: none;
  /* draw a 2px red border at 50% opacity */
  box-shadow: inset 0 0 0 4px rgba(255, 0, 0, 0.2);
  /* round the corners */
  border-radius: 4px;
}


/* keep the input itself invisible so only the cell shows */
#tracker-table td.editable .form-control {
  background: transparent;
  border: none;
  outline: none;
}

/* remove that blue “halo” on focus */
#tracker-table td .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}

.checkbox {
  text-align:center;
}

/* Container */
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  position: relative;
}

/* Hide the native checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* The faux checkbox box */
.custom-checkbox .checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid #c7c7c7;
  border-radius: 4px;
  box-sizing: border-box;
  transition: background-color 0.2s, border-color 0.2s;
}

/* Checked state styling */
.custom-checkbox input:checked + .checkmark {
  background-color: none;
  border-color: #28a745;
  border: 0px;
}

/* The “✓” tick, hidden by default */
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

/* Show & position the tick when checked */
.custom-checkbox input:checked + .checkmark::after {
  display: block;
  left: 6px;
  top: 3px;
  width: 8px;
  height: 14px;
  border: solid #28a745;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
}

/* resources/css/app.css (or a <style> below your Bootstrap import) */

#pane-tasks .card-body {
  /* allow vertical overflow so dropdown-menus can bleed out */
  overflow-y: visible !important;
}

#pane-tasks .table-responsive {
  /* keep horizontal scrolling only */
  overflow-x: auto;
  overflow-y: visible;
}


.dashboard-light {
  --card-bg: #ffffff;
  --card-border: #eef2f7;
  --text-main: #0f172a;
  --text-muted: #6b7280;
  --shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
  --purple: #7c3aed;
  --purple-2: #a78bfa;
  --success: #16a34a;
  --info: #0ea5e9;
  --warning: #f59e0b;
  --muted: #9ca3af;
}

.dashboard-light .soft-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.dashboard-light .stat-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  padding: 18px 18px 16px 18px;
}
.dashboard-light .stat-chip {
  display: inline-flex; align-items: center; gap: 8px;
  border-radius: 12px; padding: 6px 10px; font-size: .8rem; font-weight: 600;
  background: #f4f3ff; color: var(--purple);
}
.dashboard-light .stat-value {
  font-size: 1.6rem; font-weight: 800; color: var(--text-main);
}
.dashboard-light .stat-sub {
  font-size: .9rem; color: var(--text-muted);
}
.dashboard-light .stat-bg {
  position:absolute; right:-20px; top:-20px; width:120px; height:120px;
  background: radial-gradient(60px 60px at 60% 40%, rgba(167,139,250,.45), rgba(124,58,237,.15));
  filter: blur(6px);
  border-radius: 50%;
}

/* section headers */
.dashboard-light .section-header {
  display:flex; justify-content:space-between; align-items:center;
  padding: 12px 16px; border-bottom: 1px solid var(--card-border);
}
.dashboard-light .section-title { margin:0; font-weight:700; color:var(--text-main); }
.dashboard-light .filters a {
  font-size:.88rem; text-decoration:none; color: var(--text-muted); margin-left: 16px;
}
.dashboard-light .filters a.active { color: var(--text-main); font-weight: 700; }

/* top list styling (locations/lead sources) */
.dashboard-light .list-clean .list-group-item{
  border:0; border-bottom:1px solid var(--card-border); padding: 12px 16px; background:transparent;
}
.dashboard-light .pill {
  display:inline-block; min-width:28px; text-align:center; padding:4px 10px; border-radius:999px;
  font-size:.82rem; background:#f3f4f6; color:#111827; font-weight:600;
}

.kpi-card {
  border: 0; border-radius: 16px; color: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  padding: 16px 18px; position: relative; overflow: hidden;
}
.kpi-card .kpi-title { font-size:.9rem; opacity:.95; margin:0 0 6px; }
.kpi-card .kpi-value { font-size:1.6rem; font-weight:800; margin:0; }
.kpi-card .kpi-sub   { font-size:.85rem; opacity:.95; }

.kpi-icon {
  width:52px; height:52px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  flex: 0 0 52px;
}
.kpi-icon i { font-size:1.6rem; line-height:1; }

.kpi-ring {              /* little donut on the right */
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  width:38px; height:38px; opacity:.9;
}
.kpi-ring circle { fill:none; stroke:#ffffff; stroke-width:5; opacity:.35; }
.kpi-ring circle.active { opacity:.85; stroke-dasharray:80 120; stroke-linecap:round; }

/* gradients per card */
.kpi-blue { background: linear-gradient(135deg, #38bdf8 0%, #60a5fa 100%); }      /* Clients */
.kpi-teal { background: linear-gradient(135deg, #34d399 0%, #06b6d4 100%); }      /* Assignments */
.kpi-purple { background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%); }    /* Salaries */
.kpi-pink { background: linear-gradient(135deg, #f472b6 0%, #d946ef 100%); }      /* Upcoming */

.kpi-value-sm {
  font-size: 1rem;   /* smaller than default 1.4–1.5rem */
  font-weight: 600;  /* a bit lighter */
}

/* container */
.aging-list { display: flex; flex-direction: column; gap: 10px; }

/* base row */
.aging-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  padding: 12px 14px;
  border: 1px solid var(--aging-border, #e5e7eb);
  transition: transform .08s ease, box-shadow .08s ease;
  text-decoration: none;       /* remove underline */
}
.aging-item:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 10px rgba(17,24,39,.06);
  text-decoration: none;
}


.aging-title { font-weight: 700; color: #111827; line-height: 1.2; }
.aging-sub   { font-size: .85rem; color: #6b7280; }

.aging-dot {
  width: 10px; height: 10px; border-radius: 50%;
  margin-top: 6px; flex: 0 0 10px; background: var(--aging-dot, #9ca3af);
}

.aging-arrow { color: var(--aging-accent, #6b7280); }

/* themed rows (match screenshot vibe) */
.aging-success {
  --aging-bg: #ecfdf5; --aging-border: #d1fae5; --aging-dot: #10b981; --aging-accent: #10b981;
  background: var(--aging-bg);
}
.aging-warning {
  --aging-bg: #fffbeb; --aging-border: #fde68a; --aging-dot: #f59e0b; --aging-accent: #f59e0b;
  background: var(--aging-bg);
}
.aging-danger {
  --aging-bg: #fef2f2; --aging-border: #fecaca; --aging-dot: #ef4444; --aging-accent: #ef4444;
  background: var(--aging-bg);
}

.aging-future {
  --aging-bg: #eff6ff;
  --aging-border: #bfdbfe;
  --aging-dot: #3b82f6;
  --aging-accent: #3b82f6;
  background: var(--aging-bg);
}

#topLocationsBar {
  margin-top: 50px;

}


  .activity-list .list-group-item { border: 0; border-bottom: 1px solid #f1f5f9; }
  .timeline-dot { width:10px; height:10px; border-radius:50%; background:#8b5cf6; flex:0 0 auto; }
  .dashboardheader { background: #6d28d9; }

  .activity-list {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
.activity-list::-webkit-scrollbar {
  width: 6px;
}
.activity-list::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 4px;
}


.custom-pagination .pagination { font-size: 0.8rem; }

.custom-pagination .page-link {
  padding: 0.25rem 0.55rem;
  font-size: 0.8rem;
  color: #6b7280;
  border-radius: 6px;
  border: none;
}

.custom-pagination .page-link:hover {
  background-color: #f3f4f6;
  color: #111827;
}

.custom-pagination .active .page-link {
  background-color: #7c3aed; /* purple */
  color: #fff;
  border: none;
}

.custom-pagination .disabled .page-link {
  color: #9ca3af;
  background: transparent;
}

.dashboard-light .hover-raise { transition: transform .08s ease, box-shadow .12s ease; }
.dashboard-light .hover-raise:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(17,24,39,.08); }

.pill.small { padding: 2px 8px; font-size: .75rem; }








/* --- Brand tokens (reuse dashboard palette) --- */
:root{
  --brand:#7c3aed; --brand-100:#ede9fe; --brand-200:#ddd6fe; --brand-300:#c7bbfc;
  --ink-900:#111827; --ink-700:#374151; --ink-500:#6b7280;
  --card:#fff; --border:#eef2f7; --shadow:0 6px 18px rgba(17,24,39,.06);
  --remove: #cf7777; --remove-200:#dc3545;
}

/* --- Page wrapper --- */
.page-surface { background:#f8fafc; }

/* --- Section header (same vibe as dashboard cards) --- */
.section { border:1px solid var(--border); border-radius:16px; background:var(--card); box-shadow:var(--shadow); }
.section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);}
.section-title{margin:0;font-weight:700;color:var(--ink-900);}

/* --- Buttons: brand + subtle + ghost --- */
.btn-brand{
  background:var(--brand); border-color:var(--brand); color:#fff;
  border-radius:999px; padding:.45rem .9rem; font-weight:600;
}
.btn-brand:hover{ background:var(--brand-300); color:var(--brand); }

.btn-subtle{
  background:var(--brand-100); border:1px solid var(--brand-200); color:var(--brand);
  border-radius:999px; padding:.45rem .9rem; font-weight:600;
}
.btn-subtle:hover{ background:var(--brand-200); color:var(--brand); }

.btn-ghost{
  background:#fff; border:1px solid var(--border); color:var(--ink-700);
  border-radius:999px; padding:.45rem .9rem; font-weight:600;
}
.btn-ghost:hover{ background:#f3f4f6; color:var(--ink-900); }

.btn-remove{
  background:white; border:1px solid var(--remove); color:var(--remove);
  border-radius:999px; padding:.45rem .9rem; font-weight:600;
}
.btn-remove:hover{ background:var(--remove-200); color:white; }

/* icon-only circle */
.btn-circle{
  width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
}

/* Pills (chips) */
.pill{display:inline-flex;align-items:center;gap:.35rem;background:#f3f4f6;color:#111827;border-radius:999px;padding:.25rem .6rem;font-weight:600;font-size:.8rem;}

/* Cards (candidate tiles) */
.soft-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);}
.hover-raise{transition:transform .08s ease, box-shadow .12s ease;}
.hover-raise:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(17,24,39,.08);}

/* Inputs to match dashboard spacing */
.section .form-label{color:var(--ink-500); font-size:.85rem; margin-bottom:.35rem;}
.section .form-control, .section .form-select{border-radius:10px; border-color:#e5e7eb;}
.section .form-control:focus, .section .form-select:focus{border-color:var(--brand); box-shadow:0 0 0 .15rem rgba(124,58,237,.15);}

/* Pill (default grey) */
.pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: #f3f4f6;
  color: #111827;
  border-radius: 999px;
  padding: .25rem .6rem;
  font-weight: 600;
  font-size: .8rem;
}

/* Brand variant */
.pill-brand {
  background: #f3f4f6;
  color: #6e6e6e;
}
.pill-brand i {
  color: var(--brand);
}

.modal-title {
  color: black;
}

/* Brand modal */
.modal-brand .modal-content{
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow: var(--shadow);
}



/* Inputs inside modals: match focus ring */
.modal-brand .form-control,
.modal-brand .form-select{
  border-radius:10px;
  border-color:#e5e7eb;
}
.modal-brand .form-control:focus,
.modal-brand .form-select:focus{
  border-color: var(--brand);
  box-shadow: 0 0 0 .15rem rgba(124,58,237,.15);
}

/* Modal footer spacing & alignment */
.modal-brand .modal-footer{
  gap:.5rem;
}


/* Brand tabs */
.tabs-brand .nav-link {
  border-radius: 10px;
  color: var(--muted);
}
.tabs-brand .nav-link.active {
  background: var(--brand-100);
  color: var(--brand);
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(124,58,237,.08);
}

/* Soft list-group for profile sections */
.soft-list .list-group-item {
  border: 1px solid var(--card-border);
  border-radius: 12px;
  margin-bottom: 8px;
}

.assignment-link {
  color: inherit;
}
.assignment-link:hover {
  color: inherit;
}

.disabled-feature {
  cursor: not-allowed;
  pointer-events: auto; /* allow hover for tooltip */
  text-decoration: none;
    color: rgb(97, 97, 97); 
    background-color: rgb(39, 39, 39); 
    border-color: #412a82;   
}