/***** CRM – Global Polish *****/
.crm-appbar { backdrop-filter: saturate(120%) blur(4px); }
.crm-page .alert { margin-top: .5rem; }

/* Wider containers on big screens */
@media (min-width: 1400px){
  .container, .container-lg, .container-xl, .container-xxl { max-width: 1600px; }
}
@media (min-width: 1600px){
  .container, .container-lg, .container-xl, .container-xxl { max-width: 1800px; }
}

/* Section head “white bars” */
.section-header{
  --bar-pad-x: 1rem;
  --bar-pad-y: .85rem;
  position: relative;
  background: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 16px;
  padding: var(--bar-pad-y) var(--bar-pad-x);
  margin-bottom: 1rem;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.section-header::before{
  content:"";
  position:absolute; inset:0 auto 0 0; width:6px; border-radius:16px 0 0 16px;
  background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),.95), rgba(var(--bs-primary-rgb),.55));
  pointer-events:none;
}
.section-header .row-line{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap;
}

/* Title line */
.title-link{
  display:flex; align-items:center; gap:.75rem; text-decoration:none; color:inherit;
  border-radius:12px; padding:.15rem .25rem;
}
.title-link:hover,.title-link:focus-visible{ background:rgba(0,0,0,.035); outline:0; }
.title{ font-weight:800; letter-spacing:.06em; text-transform:uppercase; font-size:.98rem; line-height:1.05; }
.hint{ color:var(--bs-secondary-color); font-weight:600; font-size:.9rem; margin-top:.05rem; }

/* Badge (icon or image) */
.badge-icon{
  width:36px; height:36px; flex:0 0 36px; border-radius:12px; display:grid; place-items:center;
  background:rgba(var(--bs-primary-rgb),.10); color:var(--bs-primary);
  box-shadow:inset 0 0 0 1px rgba(var(--bs-primary-rgb),.18);
}
.badge-icon img{
  width:100%; height:100%; object-fit:contain; padding:6px; border-radius:10px; display:block;
}

/* Buttons within section headers (black style) */
.section-header .btn,
.section-header .btn:focus,
.section-header .btn:active,
.section-header .btn.dropdown-toggle{
  background:#111 !important; border-color:#111 !important; color:#fff !important;
  background-image:none !important; box-shadow:none !important;
}
.section-header .btn:hover,
.section-header .btn.dropdown-toggle.show{
  background:#000 !important; border-color:#000 !important; color:#fff !important;
}

/* Ghost icon button (used for collapses etc.) */
.btn-ghost.btn-icon{
  display:inline-grid; place-items:center;
  width:34px; height:34px; padding:0;
  border:1px solid var(--bs-border-color);
  border-radius:10px;
  background:#fff;
  color:var(--bs-body-color);
}
.btn-ghost.btn-icon:hover{ background:rgba(0,0,0,.04); }

/* Tables: tighter density on small screens */
@media (max-width: 768px){
  .table > :not(caption) > * > * { padding: .35rem .5rem; }
}

/* Notifications card polish */
.crm-notifs .badge{ font-weight:700; }
.crm-notifs .table thead th{ white-space:nowrap; }
.crm-notifs .table td.text-muted.small{ font-size:.9rem; }
/* Actions column buttons — remove theme gradients/uppercase and tighten look */
.crm-page .actions-eq .btn{
  background-image: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: .02em;
  font-weight: 700;
  border-radius: 10px;
}

/* Keep distinct colors but flat */
.crm-page .actions-eq .btn-primary{
  background: #1a5cff !important; 
  border-color: #1a5cff !important; 
  color: #fff !important;
}
.crm-page .actions-eq .btn-primary:hover{ background:#1448c0 !important; border-color:#1448c0 !important; }

.crm-page .actions-eq .btn-warning{
  background: #f59e0b !important; 
  border-color: #f59e0b !important; 
  color: #111 !important;
}
.crm-page .actions-eq .btn-warning:hover{ background:#d98709 !important; border-color:#d98709 !important; }

.crm-page .actions-eq .btn-danger{
  background: #dc3545 !important; 
  border-color: #dc3545 !important; 
  color: #fff !important;
}
.crm-page .actions-eq .btn-danger:hover{ background:#b02a37 !important; border-color:#b02a37 !important; }

/* If you prefer black buttons instead, uncomment this block and remove the three color blocks above
.crm-page .actions-eq .btn{
  background:#111 !important; border-color:#111 !important; color:#fff !important;
}
.crm-page .actions-eq .btn:hover{ background:#000 !important; border-color:#000 !important; }
*/