/**
 * 비드랩 컬러 시스템.
 * 메인 블루는 Navigation / 검색 / 핵심 CTA에만 쓰고,
 * 기능 구분은 상단선·배지·작은 버튼에만 보조색을 쓴다.
 */
:root {
  --bidlab-blue: #2f5bd5;
  --bidlab-blue-dark: #1e3fa8;
  --bidlab-blue-hover: #3a68e3;
  --bidlab-navy: #13233f;
  --bidlab-sky: #4aa8e8;
  --bidlab-mint: #25a7a0;
  --bidlab-purple: #7b61e8;
  --bidlab-orange: #f59e0b;
  --bidlab-green: #22a06b;
  --bidlab-red: #e55353;
  --bidlab-bg: #f4f6f9;
  --bidlab-card: #ffffff;
  --bidlab-border: #e4e8ef;
  --bidlab-text: #20242c;
  --bidlab-muted: #737b88;
}

body.app-body,
body.portal-home {
  background: var(--bidlab-bg);
  color: var(--bidlab-text);
}

.portal-card.tone-sky,
.portal-card.tone-mint,
.portal-card.tone-purple,
.portal-card.tone-navy,
.portal-card.tone-blue {
  background: var(--bidlab-card);
}

.portal-card.tone-sky {
  box-shadow: inset 0 3px 0 var(--bidlab-sky);
}

.portal-card.tone-mint {
  box-shadow: inset 0 3px 0 var(--bidlab-mint);
}

.portal-card.tone-purple {
  box-shadow: inset 0 3px 0 var(--bidlab-purple);
}

.portal-card.tone-navy {
  box-shadow: inset 0 3px 0 var(--bidlab-navy);
}

.portal-card.tone-blue {
  box-shadow: inset 0 3px 0 var(--bidlab-blue);
}

.tone-sky .card-head a,
.tone-sky > h2 {
  color: var(--bidlab-sky);
}

.tone-mint .card-head a,
.tone-mint > h2 {
  color: var(--bidlab-mint);
}

.tone-purple .card-head a,
.tone-purple > h2 {
  color: var(--bidlab-purple);
}

.tone-navy .card-head a,
.tone-navy > h2 {
  color: var(--bidlab-navy);
}

.tone-blue .card-head a {
  color: var(--bidlab-blue);
}

.tone-neutral h2,
.related-svc h2 {
  color: var(--bidlab-navy);
}

.btn-consult {
  display: inline-grid;
  place-items: center;
  min-height: 40px;
  padding: 0 16px;
  background: var(--bidlab-mint);
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

.btn-consult:hover {
  filter: brightness(0.95);
}

.consult-card,
.event-card {
  background: var(--bidlab-card) !important;
  color: var(--bidlab-text) !important;
  border: 1px solid var(--bidlab-border);
  box-shadow: inset 0 3px 0 var(--bidlab-mint);
}

.consult-card h2,
.event-card h2,
.consult-card .lead,
.event-card .lead {
  color: var(--bidlab-navy) !important;
}

.consult-card p,
.event-card p {
  color: var(--bidlab-muted) !important;
}

.consult-card .btn-blue,
.event-card .btn-blue {
  background: var(--bidlab-mint);
}

.consult-card .btn-consult,
.consult-card .btn-blue {
  width: 100%;
}

.consult-card .btn-blue:hover,
.event-card .btn-blue:hover {
  background: #1e8c86;
}

.due-badge {
  background: #eef2f7;
  color: var(--bidlab-muted);
}

.due-badge.st-new {
  background: #e8f7ef;
  color: var(--bidlab-green);
}

.due-badge.st-edit {
  background: #eaf6fd;
  color: var(--bidlab-sky);
}

.due-badge.soon {
  background: #fff6e5;
  color: var(--bidlab-orange);
}

.due-badge.today {
  background: #fdecec;
  color: var(--bidlab-red);
}

.due-badge.st-cancel {
  background: #fdecec;
  color: var(--bidlab-red);
}

.due-badge.st-end {
  background: #f3f4f6;
  color: #6b7280;
}

.notice-tabs button.is-on {
  color: var(--bidlab-navy);
  box-shadow: inset 0 -2px 0 var(--bidlab-navy);
}

.portal-tabs button {
  color: var(--bidlab-muted);
}

.portal-tabs button[data-tab="live"].is-on {
  color: var(--bidlab-blue);
  box-shadow: inset 0 -2px 0 var(--bidlab-blue);
}

.portal-tabs button[data-tab="closing"].is-on {
  color: var(--bidlab-orange);
  box-shadow: inset 0 -2px 0 var(--bidlab-orange);
}

.portal-tabs button[data-tab="corrected"].is-on {
  color: var(--bidlab-sky);
  box-shadow: inset 0 -2px 0 var(--bidlab-sky);
}

.portal-tabs button[data-tab="cancelled"].is-on {
  color: var(--bidlab-red);
  box-shadow: inset 0 -2px 0 var(--bidlab-red);
}

.portal-tabs button[data-tab="analysis"].is-on {
  color: var(--bidlab-sky);
  box-shadow: inset 0 -2px 0 var(--bidlab-sky);
}

.portal-tabs button[data-tab="cases"].is-on {
  color: var(--bidlab-purple);
  box-shadow: inset 0 -2px 0 var(--bidlab-purple);
}

.related-svc-list a {
  background: #f7f8fb;
}

.svc-icon[data-svc="jbid"] {
  background: #eef2f7;
  color: var(--bidlab-navy);
}

.svc-icon[data-svc="jodal"] {
  background: #eaf6fd;
  color: var(--bidlab-sky);
}

.svc-icon[data-svc="moondab"] {
  background: #efeafc;
  color: var(--bidlab-purple);
}

.match-score strong {
  color: var(--bidlab-blue);
}

.portal-foot {
  background: var(--bidlab-navy);
}