/* =====================================================
   eBoss EFL — Theme CSS Custom Properties
   EV2-5515: Badge Style Toggle & Colour Scheme Refresh
   ===================================================== */

/* --- Theme 1: Blue (default/current) --- */
:root {
  --brand-primary:       #269ad5;
  --brand-accent:        #1999d8;
  --brand-primary-hover: #279bd8;
  --brand-dark:          #1080b8;
  --brand-highlight:     #4098c6;

  --btn-warning:        #f0ad4e;
  --btn-warning-text:   #333;
  --btn-info:           #5bc0de;
  --btn-info-text:      #fff;
  --badge-default-bg:   #999;
  --badge-default-text: #fff;
}

/* --- Theme 2: Teal (placeholder) --- */
[data-theme="2"] {
  --brand-primary:       #2a9d8f;
  --brand-accent:        #21867a;
  --brand-primary-hover: #2ba896;
  --brand-dark:          #1a7268;
  --brand-highlight:     #3dab9e;
  --btn-warning:        #f0ad4e;
  --btn-warning-text:   #333;
  --btn-info:           #5bc0de;
  --btn-info-text:      #fff;
  --badge-default-bg:   #999;
  --badge-default-text: #fff;
}

/* --- Theme 3: Slate (placeholder) --- */
[data-theme="3"] {
  --brand-primary:       #457b9d;
  --brand-accent:        #1d3557;
  --brand-primary-hover: #4a85a9;
  --brand-dark:          #1a2f4d;
  --brand-highlight:     #5a8faa;
  --btn-warning:        #f0ad4e;
  --btn-warning-text:   #333;
  --btn-info:           #5bc0de;
  --btn-info-text:      #fff;
  --badge-default-bg:   #999;
  --badge-default-text: #fff;
}

/* --- Theme 4: Forest (placeholder) --- */
[data-theme="4"] {
  --brand-primary:       #2d6a4f;
  --brand-accent:        #1b4332;
  --brand-primary-hover: #327555;
  --brand-dark:          #163a2b;
  --brand-highlight:     #3d8060;
  --btn-warning:        #f0ad4e;
  --btn-warning-text:   #333;
  --btn-info:           #5bc0de;
  --btn-info-text:      #fff;
  --badge-default-bg:   #999;
  --badge-default-text: #fff;
}

/* ==============================================
   Bootstrap .label-* theme-aware overrides
   ============================================== */
.label-primary { background-color: var(--brand-primary); color: #fff; }
.label-info    { background-color: var(--btn-info);      color: var(--btn-info-text); }
.label-warning { background-color: var(--btn-warning);   color: var(--btn-warning-text); }
.label-default { background-color: var(--badge-default-bg); color: var(--badge-default-text); }

/* ==============================================
   Stream badges (moved from streamSuccess.php inline <style>)
   ============================================== */
.stream-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-weight: 600; line-height: 1.4; color: #fff; white-space: nowrap; }
.stream-badge-primary { background-color: var(--brand-primary); }
.stream-badge-info    { background-color: var(--btn-info); color: var(--btn-info-text); }
.stream-badge-warning { background-color: var(--btn-warning); color: var(--btn-warning-text); }
.stream-badge-danger  { background-color: #d9534f; }
.stream-badge-success { background-color: #5cb85c; }
.stream-badge-default { background-color: var(--badge-default-bg); color: var(--badge-default-text); }
.stream-notes-toggle  { color: var(--brand-primary); }

/* ==============================================
   Badge Style Toggle
   Classic = default Bootstrap solid-fill
   Modern  = tinted pill (body class: badge-pill-style)
   ============================================== */
.badge-pill-style .label,
.badge-pill-style .badge {
  border-radius: 1em;
  padding: 0.2em 0.7em;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.6;
}
.badge-pill-style .label-primary {
  background-color: rgba(38, 154, 213, 0.12);
  color: var(--brand-primary);
  border: 1px solid rgba(38, 154, 213, 0.35);
}
.badge-pill-style .label-info {
  background-color: rgba(91, 192, 222, 0.12);
  color: #31708f;
  border: 1px solid rgba(91, 192, 222, 0.35);
}
.badge-pill-style .label-warning {
  background-color: rgba(240, 173, 78, 0.12);
  color: #8a6d3b;
  border: 1px solid rgba(240, 173, 78, 0.35);
}
.badge-pill-style .label-danger {
  background-color: rgba(217, 83, 79, 0.12);
  color: #a94442;
  border: 1px solid rgba(217, 83, 79, 0.35);
}
.badge-pill-style .label-success {
  background-color: rgba(92, 184, 92, 0.12);
  color: #3c763d;
  border: 1px solid rgba(92, 184, 92, 0.35);
}
.badge-pill-style .label-default {
  background-color: rgba(153, 153, 153, 0.12);
  color: #555;
  border: 1px solid rgba(153, 153, 153, 0.35);
}

/* Modern style: rounded buttons (visible on every page) */
.badge-pill-style .btn {
  border-radius: 20px;
}
/* Modern style: rounded form controls */
.badge-pill-style .form-control {
  border-radius: 6px;
}
/* Modern style: softer sidebar */
.badge-pill-style.skin-blue .main-sidebar,
.badge-pill-style.skin-blue .left-side {
  background-color: #1d7eb8;
}
.badge-pill-style.skin-blue .main-header .navbar {
  background-color: #1d7eb8;
}