:root{
  --orange: #f8b888;
  --lightblue:#395674;
  --darkblue:#1d3341;
  --text: #1d3341;
  --border: #dbe3ea;
}
body.smadmin-body{ background:#f6f8fb; color:var(--text); }
.smadmin-topbar{ background:#fff; border-bottom:1px solid var(--border) !important; padding:.5rem 0; }
.smadmin-btn{ background:var(--darkblue); color:#fff; border:none; }
.smadmin-btn:hover{ opacity:.92; color:#fff; }
.smadmin-card{ border:1px solid var(--border); border-radius:12px; background:#fff; }
.smadmin-card .card-header{ background:#fff; border-bottom:1px solid var(--border); color:var(--darkblue); font-weight:600; }
.smadmin-search-results{
  position:absolute; top:100%; left:0; right:0; z-index:1050;
  background:#fff; border:1px solid var(--border); border-top:none;
  border-bottom-left-radius:12px; border-bottom-right-radius:12px;
  display:none; max-height:360px; overflow:auto;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.smadmin-search-item{ padding:.6rem .75rem; cursor:pointer; border-top:1px solid #f0f3f7; }
.smadmin-search-item:hover{ background:#f6f8fb; }
.smadmin-pill{ display:inline-block; padding:.15rem .5rem; border-radius:999px; font-size:.78rem; border:1px solid var(--border); margin-left:.4rem; }
.smadmin-muted{ color:#6c7a86; }
.smadmin-iconbtn{
  width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; border:1px solid var(--border); background:#fff;
}
.smadmin-iconbtn:hover{ background:#f6f8fb; }
.smadmin-thumb{ width:42px; height:56px; object-fit:cover; border-radius:8px; border:1px solid var(--border); }
.smadmin-thumb-lg{ max-width:100%; height:auto; border-radius:14px; border:1px solid var(--border); }
.smadmin-alphabet a{
  display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center;
  border:1px solid var(--border); border-radius:8px; margin:3px; text-decoration:none;
  color:var(--darkblue); background:#fff;
}
.smadmin-alphabet a:hover{ border-color:var(--orange); box-shadow:0 0 0 3px rgba(248,184,136,.35); }
.smadmin-menu{ min-width:260px; }

/* Progress bars – brand styling */
.progress {
  background-color: var(--orange); /* track */
}

.progress-bar {
  background-color: var(--lightblue); /* filled portion */
  transition: width 0.6s ease;
  color: #fff;                 /* text inside the bar */
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

/* Progress bar overlay text */
.progress .position-absolute {
  color: #fff;          /* text visible on dark bar */
  font-weight: 600;
  z-index: 2;           /* ensure it sits above the bar */
  pointer-events: none; /* clicks pass through */
}