/* Mäkelä Alu -bränditeema.
 *
 * Ladataan style.css:n JÄLKEEN ja ylikirjoittaa vain värit — ei layoutia.
 * Kaikki brändivärit ovat tässä yhdessä tiedostossa, jotta style.css pysyy
 * koskemattomana ja rinnakkainen kehitys ei tuota merge-konflikteja.
 *
 * Paletti poimittu makelaalu.fi:stä (2026-07-26):
 *   #c8d300  limetti, pääbrändiväri (esiintyvin väri sivustolla)
 *   #7a7600  tumma limetti, sivuston oma hover-sävy → luettava tekstiväri
 *   #515659  grafiitti, sivuston perusteksti
 *   #ec683b  oranssi, korostus / CTA
 *   #e1635c  murrettu punainen, toissijainen korostus
 */

:root {
  /* Brändipaletti */
  --brand-lime: #c8d300;
  --brand-lime-dark: #7a7600;
  --brand-lime-tint: #f4f7dc;
  --brand-lime-ink: #3f3d00;
  --brand-graphite: #515659;
  --brand-graphite-tint: #eef0f0;
  --brand-orange: #ec683b;
  --brand-orange-tint: #fdece5;
  --brand-orange-ink: #8e3418;
  --contact-site-bg: var(--brand-lime-tint);
  --contact-site-ink: var(--brand-lime-ink);
  --contact-guess-bg: var(--brand-orange-tint);
  --contact-guess-ink: var(--brand-orange-ink);

  /* Perusmuuttujien uudelleenmääritys.
   * --accent ohjaa linkkejä ja tekstiä, joten se on limetin TUMMA variantti
   * (kirkas #c8d300 ei yllä tekstikontrastiin valkoisella). Kirkas limetti
   * käytetään graafisissa elementeissä alempana. */
  --accent: var(--brand-lime-dark);
  --text: #23262a;
  --muted: #6f7478;
  --background: #fafaf8;
  --line: #e3e5e2;
  --soft: #f4f5ef;
}

/* --- Header: limetti-raita kuten makelaalu.fi:ssä --- */
.site-header {
  border-top-color: var(--brand-lime);
}

.brand {
  color: var(--brand-graphite);
}

/* --- Navigaatio: aktiivinen sivu grafiitilla, limetti alleviivaus --- */
.main-nav a.active {
  color: var(--brand-graphite);
}

.main-nav a.active::after {
  background: var(--brand-lime);
  height: 3px;
}

/* --- Painikkeet: limetti tumma tekstillä (sivuston CTA-tyyli) --- */
.search-row button {
  border-color: var(--brand-lime);
  background: var(--brand-lime);
  color: var(--brand-lime-ink);
}

.search-row button:hover {
  border-color: var(--brand-lime-dark);
  background: var(--brand-lime-dark);
  color: #fff;
}

/* --- Taulukon rivikorostus --- */
.lead-table tbody tr.clickable-row:hover,
.lead-table tbody tr.clickable-row:focus,
.fair-table tr.matched-exhibitor {
  background: #fbfce9;
}

/* --- Chipit --- */
.segment-chip,
.sector-chip {
  background: var(--brand-graphite-tint);
  color: var(--brand-graphite);
}

.in-leads-chip {
  background: rgba(200, 211, 0, 0.28);
  color: var(--brand-lime-ink);
}

/* Tierit brändin sävyillä: A = limetti, B = oranssi, C = neutraali */
.tier-a {
  background: var(--brand-lime-tint);
  color: var(--brand-lime-ink);
}

.tier-b {
  background: var(--brand-orange-tint);
  color: var(--brand-orange-ink);
}

.tier-c {
  background: var(--brand-graphite-tint);
  color: var(--brand-graphite);
}

/* Tier D on tulossa haarasta wave0-recall-first. Sääntö on tässä etukäteen,
 * jotta lafka tulee ulos brändättynä heti kun se haara mergetään — ilman
 * tätä se jäisi style.css:n geneeriseen harmaaseen muiden ollessa brändättyjä.
 * Käyttämätön sääntö ei vaikuta mihinkään ennen sitä. */
.tier-d {
  background: #f0f1ef;
  color: #5f6469;
}

/* --- GF-yhteystiedot: lähde näkyy aina ennen osoitteen käyttöä --- */
.email-badge-site {
  background: var(--contact-site-bg);
  color: var(--contact-site-ink);
}

.email-badge-guess {
  background: var(--contact-guess-bg);
  color: var(--contact-guess-ink);
}

/* Arvaus jonka Bouncer vahvisti — sama vihreä teema kuin VERIFIOITU-pillillä,
 * haaleana: arvaus ei ole enää varoitus. */
.email-badge-guess-ok {
  background: #e8f3e9;
  color: #2e7d32;
}

/* Kopiointinapin ✓-kuittaus samalla verifiointivihreällä. */
.copy-email.copied {
  color: #2e7d32;
}

.email-badge-verify-ok {
  background: #2e7d32;
  color: #fff;
}

.email-badge-verify-risk {
  background: #b26a00;
  color: #fff;
}

.email-badge-verify-dead {
  background: var(--surface);
  color: var(--muted);
}

.linkedin-search-link,
.contact-panel-label {
  color: var(--muted);
}

.contact-panel {
  border-color: var(--line);
  background: var(--surface);
}

/* --- Pistepalkki --- */
.score-fill {
  background: var(--brand-lime);
}

.score-track {
  background: #e7e9e2;
}

/* --- Nostolaatikot --- */
.empty-state,
.markdown-body blockquote {
  border-left-color: var(--brand-lime);
  background: #f8faea;
  color: #3c4045;
}

/* --- Suodatinvalinnat --- */
.filter-links a.active {
  color: var(--brand-graphite);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.06),
    inset 0 -2px 0 var(--brand-lime);
}

/* Signaaliperheiden värit (family-a/b/c) jätetään tarkoituksella ennalleen:
 * ne ovat kategorisia erotinvärejä, ei brändielementtejä. */
/* Sales queue palette. */
.status-listed { background: var(--brand-lime-tint); color: var(--brand-lime-dark); }
.status-contacted { background: var(--brand-graphite); color: #fff; }
.status-unfit { background: var(--brand-graphite-tint); color: var(--muted); }
.status-note, .status-counters { color: var(--muted); }
.status-actions { background: var(--background); border-color: var(--brand-lime); }
.status-actions select, .status-actions input { background: var(--background); color: var(--text); border-color: var(--line); }
.status-actions button, .status-quick-actions button { background: var(--soft); color: var(--text); border-color: var(--line); }
.status-actions button[value="listed"] { background: var(--brand-lime); color: var(--brand-lime-ink); border-color: var(--brand-lime); }
.status-actions button:hover, .status-quick-actions button:hover { border-color: var(--brand-lime-dark); }
.select-col input { accent-color: var(--brand-lime-dark); }
.flash { background: var(--brand-lime-tint); border-color: var(--brand-lime); color: var(--brand-lime-ink); }
.status-error { background: var(--brand-orange-tint); border-color: var(--brand-orange); color: var(--brand-orange-ink); }