/* ==========================================================================
   Matte grey, brand-neutral skin
   --------------------------------------------------------------------------
   The look the Recruit Board moved to on 2026-10-29, shared by the pages Zach
   asked to match it (license, contracting, my-contracts, shadow-day form).

   Flat mid-grey ground, lighter grey surfaces, a charcoal accent and muted
   status tints. No gradients, glows or brand colour.

   Load it AFTER /assets/lionrock-doc.css: that sheet paints html/body white and
   links gold, and this one has to win over both.
   ========================================================================== */

:root {
  --mt-ground: #d4d5d7;
  --mt-surface: #ebebed;
  --mt-surface-2: #e3e4e6;
  --mt-rule: #bfc0c4;
  --mt-ink: #1d1e20;
  --mt-muted: #5f6166;
  --mt-accent: #46484d;
  --mt-accent-ink: #f4f4f5;
}

html, body { background: var(--mt-ground) !important; color: var(--mt-ink); }
a { color: var(--mt-accent); }
a:hover { color: var(--mt-ink); }
input, select, textarea { background: var(--mt-surface); border-color: var(--mt-rule); }
input:focus, select:focus, textarea:focus { outline-color: var(--mt-accent); }
::selection { background: #c2c4c8; color: var(--mt-ink); }
th { background: var(--mt-surface-2); }
table { background: var(--mt-surface); }
tbody tr:nth-child(even) td { background: var(--mt-surface-2); }

/* The neutral brand mark that replaces the agency logo. */
.mt-mark {
  display: grid; place-items: center; flex: none;
  width: 34px; height: 34px; border-radius: 9px;
  background: var(--mt-accent); color: var(--mt-accent-ink);
  font: 700 13px/1 Arial, 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: .5px;
}

/* Contracting + My Contracts (glossy.css): flatten the glass into matte. */
.gloss { background: var(--mt-ground) !important; }
.gloss .card::after { display: none; }
.gloss .card, .gloss .card:hover { box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.gloss .card:hover { transform: none; }