/* ============================================================
   CLINIVERSE — Global Theme
   Loaded on ALL pages via includes/views/head.php
   Do NOT add page-specific styles here.
   ============================================================ */

:root {
  /* === Brand Green Palette === */
  --green-900: #3e7a68;
  --green-800: #1e4d35;
  --green-700: #2d6a4f;
  --green-600: #3a8a63;
  --green-500: #52b788;
  --green-400: #74c69d;
  --green-300: #95d5b2;
  --green-100: #d8f3dc;
  --green-50:  #f0faf3;

  /* === Accent Colors === */
  --teal:      #3aacaa;
  --teal-dark: #2d9896;
  --gold:      #e9c46a;
  --coral:     #e76f51;
  --sky:       #90e0ef;
  --lavender:  #c9b1ff;

  /* === Semantic / Status (kept universal) === */
  --color-success: #22c55e;
  --color-danger:  #ef4444;
  --color-warning: #f59e0b;
  --color-info:    #3b82f6;

  /* === Surfaces === */
  --bg:    #f2f7f4;
  --white: #ffffff;

  /* === Typography === */
  --text-dark: #0d1f18;
  --text-mid:  #3d5a4a;
  --text-soft: #7a9e8c;

  /* === Borders & Shadows === */
  --border:    #d1e8da;
  --shadow:    0 2px 16px rgba(29, 77, 53, .08);
  --shadow-lg: 0 8px 40px rgba(29, 77, 53, .15);

  /* === Short aliases for view_study.php === */
  --g900: var(--green-900);
  --g800: var(--green-800);
  --g700: var(--green-700);
  --g600: var(--green-600);
  --g500: var(--green-500);
  --g400: var(--green-400);
  --g300: var(--green-300);
  --g100: var(--green-100);
  --g50:  var(--green-50);

  /* === study_outcome.php teal vars mapped to green === */
  --teal-mid:   var(--green-700);
  --teal-light: var(--green-500);
  --teal-pale:  var(--green-50);
  --teal-xpale: var(--green-50);
  --sot-border: var(--border);
  --sot-bg:     var(--bg);

  /* === study_outcome.php semantic status colors (functional, not brand) === */
  --sot-green:      #22C55E;
  --sot-green-pale: #DCFCE7;
  --sot-amber:      #F59E0B;
  --sot-amber-pale: #FEF3C7;
  --sot-red:        #EF4444;
  --sot-red-pale:   #FEE2E2;
  --sot-blue:       #3B82F6;
  --sot-blue-pale:  #DBEAFE;
  --sot-gray:       #4A6470;
  --sot-gray-l:     #8CA5AE;
}

/* ============================================================
   GLOBAL OVERRIDES — apply to all pages
   ============================================================ */

/* Page background */
body,
#kt_content,
#kt_body,
#kt_content .kt-container {
  background: var(--bg) !important;
}

/* Portlet card */
.kt-portlet {
  border-radius: 14px !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
}

.kt-portlet__head {
  background: var(--green-50) !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 14px 14px 0 0 !important;
}

.kt-portlet__head-title,
.kt-portlet__head-title h3 {
  color: var(--text-dark) !important;
  font-weight: 700 !important;
}

/* Primary buttons → Cliniverse green */
.btn-primary,
.btn-brand {
  background-color: var(--green-700) !important;
  border-color: var(--green-700) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-brand:hover,
.btn-primary:focus, .btn-brand:focus {
  background-color: var(--green-600) !important;
  border-color: var(--green-600) !important;
}

/* Danger (delete) buttons — STAY RED, semantic color */
.btn-danger { background-color: #dc2626 !important; border-color: #dc2626 !important; color: #fff !important; }
.btn-danger:hover { background-color: #b91c1c !important; border-color: #b91c1c !important; }

/* Warning — STAY AMBER */
.btn-warning { background-color: var(--color-warning) !important; border-color: var(--color-warning) !important; }

/* Success — green (Bootstrap-compat green) */
.btn-success { background-color: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
.btn-success:hover { background-color: #15803d !important; border-color: #15803d !important; }

/* Info — STAY BLUE */
.btn-info { background-color: var(--color-info) !important; border-color: var(--color-info) !important; color: #fff !important; }

/* Badges */
.badge-primary { background-color: var(--green-700) !important; }
.badge-brand   { background-color: var(--green-700) !important; }

/* Table headers */
.table thead th {
  background-color: var(--green-50) !important;
  color: var(--text-soft) !important;
  border-bottom: 2px solid var(--border) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
.table tbody tr:hover td {
  background-color: var(--green-50) !important;
}

/* Sidebar active */
.kt-menu__item--active > .kt-menu__link {
  background-color: var(--green-700) !important;
}
.kt-menu__item--active > .kt-menu__link .kt-menu__link-text {
  color: #fff !important;
}

/* Shared status badge classes */
.sb-active    { background: #dcfce7; color: #15803d; border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: 600; display: inline-block; }
.sb-hold      { background: #fef3cd; color: #92400e; border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: 600; display: inline-block; }
.sb-completed { background: #f3e8ff; color: #6b21a8; border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: 600; display: inline-block; }
.sb-archived  { background: #f1f5f9; color: #64748b; border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: 600; display: inline-block; }

/* Shared Cliniverse cards and tiles */
.stat-card,
.sot-stat-card,
.sum-chip,
.sip-card,
.vs-card,
.sot-card,
.folder-tile,
.study-doc-tile,
.study-row {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
}

.stat-value,
.sot-stat-val,
.sv,
.pipeline-count-badge,
.site-count-badge {
  color: var(--text-dark) !important;
}

.stat-label,
.sot-stat-lbl,
.sl,
.study-meta-label,
.card-count {
  color: var(--text-soft) !important;
}

.card-title,
.sot-card-title,
.vs-card-title,
.sip-page-title,
.sot-page-title,
.study-row-title,
.study-row-title a,
.sot-study-name {
  color: var(--text-dark) !important;
}

.filter-tab.active,
.sot-filter-tab.active {
  background: var(--green-700) !important;
  border-color: var(--green-700) !important;
  color: #fff !important;
}

.filter-tab:hover:not(.active),
.sot-filter-tab:hover:not(.active),
.sot-table tbody tr:hover,
.study-row:hover {
  background: var(--green-50) !important;
}

.sot-input,
.sot-select,
.sot-textarea,
.form-control {
  border-color: var(--border) !important;
}

.sot-input:focus,
.sot-select:focus,
.sot-textarea:focus,
.form-control:focus {
  border-color: var(--green-500) !important;
  box-shadow: 0 0 0 3px rgba(82, 183, 136, .12) !important;
}

/* Module theme alignment */
.tb-btn,
.study-doc-btn,
.preview-btn,
.tag-add-btn,
.pin-action-btn,
.cv-upload-btn,
.cmp-reset-btn,
.sot-action-btn.view,
.sot-action-btn.edit,
.month-option,
.stage-badge,
.push-item,
.move-tree-row {
  background: var(--green-50) !important;
  border-color: var(--border) !important;
  color: var(--green-700) !important;
}

.tb-btn:hover,
.study-doc-btn:hover,
.preview-btn:hover,
.tag-add-btn:hover,
.pin-action-btn:hover,
.cv-upload-btn:hover,
.cmp-reset-btn:hover,
.month-option:hover,
.push-item:hover,
.move-tree-row:hover {
  background: var(--green-100) !important;
  color: var(--green-800) !important;
}

.tb-btn.primary,
.tb-action-primary,
.tb-btn-success,
.bulk-btn-archive,
.sot-submit-btn,
.tag-add-btn,
.preview-btn:hover {
  background: var(--green-700) !important;
  border-color: var(--green-700) !important;
  color: #fff !important;
}

.tb-btn.primary:hover,
.tb-action-primary:hover,
.tb-btn-success:hover,
.bulk-btn-archive:hover,
.sot-submit-btn:hover,
.tag-add-btn:hover {
  background: var(--green-600) !important;
  border-color: var(--green-600) !important;
  color: #fff !important;
}

.tb-btn-warning,
.bulk-btn-clear,
.sot-qa-btn.amber,
.b-amber,
.reminder-card.high {
  background: #fff8e1 !important;
  border-color: #fbd38d !important;
  color: #b7791f !important;
}

.tb-btn-delete,
.bulk-btn-delete,
.file-delete-btn,
.study-delete-btn,
.sot-action-btn.del,
.del-confirm-btn,
.reminder-delete-btn,
.reminder-card.urgent {
  background: #fff5f5 !important;
  border-color: #f5b8b8 !important;
  color: #c0392b !important;
}

.doc-list-head,
.doc-list-row:hover,
.doc-list-row.selected,
.folder-tile.selected,
.study-doc-tile.selected,
.js-doc-row.selected,
.site-row-important,
.push-menu-header,
.push-menu-search,
.push-menu-create,
.reminder-card.medium,
.reminder-card.low {
  background: var(--green-50) !important;
  border-color: var(--border) !important;
}

.doc-breadcrumb,
.folder-name,
.study-doc-name,
.study-doc-row-name,
.push-item-name,
.reapp-sponsor,
.enroll-site,
.reminder-meta,
.study-meta-value {
  color: var(--text-dark) !important;
}

.folder-meta,
.study-doc-meta,
.push-item-id,
.reapp-note,
.enroll-meta,
.doc-list-head,
.doc-list-empty,
.empty-state,
.sot-empty {
  color: var(--text-soft) !important;
}

.push-item-num,
.row-num,
.stage-badge .count,
.month-option.active {
  background: var(--green-700) !important;
  border-color: var(--green-700) !important;
  color: #fff !important;
}

.study-doc-file-icon,
.folder-icon-wrap,
.icon-folder {
  color: var(--gold) !important;
}

.cdot {
  background: var(--green-500) !important;
}

.criteria-save {
  background: var(--green-700) !important;
  border-color: var(--green-700) !important;
  color: #fff !important;
}

.criteria-save:hover {
  background: var(--green-600) !important;
  border-color: var(--green-600) !important;
}