/* =============================================================================
   CONNECTHEALTHMD — Job Connect · Shared Styles
   File: /jobs/jc-shared.css
   ============================================================================= */

/* ── Weight overrides ─────────────────────────────────────────────────── */
/* Applied globally to all JC pages via a parent selector pattern.       */
/* Each page wraps content in #jc, #jcd, #jcml, #jcsl, #jciv, #jci etc. */

[id^="jc"] .h1, [id^="jc"] h1 { font-weight: 600 !important; }
[id^="jc"] .h2, [id^="jc"] h2 { font-weight: 600 !important; }
[id^="jc"] .panel-h .t { font-weight: 600 !important; }
[id^="jc"] .item-title { font-weight: 600 !important; }
[id^="jc"] .card-title { font-weight: 600 !important; }
[id^="jc"] .poster-name { font-weight: 600 !important; }
[id^="jc"] .kpi-val { font-weight: 600 !important; }
[id^="jc"] .fact-v { font-weight: 600 !important; }
[id^="jc"] .rmt { font-weight: 600 !important; }

[id^="jc"] .btn { font-weight: 500 !important; }
[id^="jc"] .tab { font-weight: 500 !important; }
[id^="jc"] .pill { font-weight: 600 !important; }

[id^="jc"] .stats { font-weight: 400 !important; }
[id^="jc"] .item-sub { font-weight: 400 !important; }
[id^="jc"] .poster-type { font-weight: 400 !important; }
[id^="jc"] .poster-sub { font-weight: 400 !important; }
[id^="jc"] .bread { font-weight: 400 !important; }
[id^="jc"] .sub { font-weight: 400 !important; }

[id^="jc"] label { font-weight: 500 !important; }

/* ── Softer shadows ───────────────────────────────────────────────────── */
[id^="jc"] .panel,
[id^="jc"] .card {
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03) !important;
}

/* ── More generous spacing ────────────────────────────────────────────── */
[id^="jc"] .panel-h {
  padding: 14px 20px !important;
}
[id^="jc"] .panel-body {
  padding: 18px 20px !important;
}
[id^="jc"] .items {
  padding: 16px 20px !important;
  gap: 12px !important;
}
[id^="jc"] .item {
  padding: 16px !important;
}

/* ── Softer border colors ─────────────────────────────────────────────── */
[id^="jc"] .panel,
[id^="jc"] .card,
[id^="jc"] .item {
  border-color: #eef0ee !important;
}
[id^="jc"] .panel-h {
  border-bottom-color: #eef0ee !important;
  background: linear-gradient(0deg, rgba(10,58,46,.02), transparent) !important;
}

/* ── Toast softer ─────────────────────────────────────────────────────── */
[id$="-toast"] .tbox > div:first-child,
[id^="jc"] #toastT {
  font-weight: 600 !important;
}