:root {
  --ink: #16202E;
  --paper: #FBFAF7;
  --white: #FFFFFF;
  --rule: #C9C4B8;
  --brass: #8A6D2F;
  --brass-soft: #F2EBDC;
  --slate: #5C6675;
  --green: #2D6A4F;
  --green-soft: #D1FAE5;
  --amber: #B45309;
  --amber-soft: #FEF3C7;
  --blue: #1D4E89;
  --blue-soft: #DBEAFE;
}

* { box-sizing: border-box; margin: 0; }

body {
  background: var(--paper);
  color: var(--ink);
  font: 400 15px/1.6 "Public Sans", system-ui, sans-serif;
}

/* Header */
header {
  border-bottom: 1px solid var(--rule);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white);
}
.wordmark { font: 600 15px/1 "Spectral", Georgia, serif; }
.header-right { display: flex; align-items: center; gap: 14px; font-size: 13px; color: var(--slate); }
button.link-btn {
  background: none; border: none; cursor: pointer;
  font: 600 12px/1 "Public Sans", sans-serif; letter-spacing: .05em;
  text-transform: uppercase; color: var(--slate); padding: 0;
}
button.link-btn:hover { color: var(--ink); }

/* Auth overlay */
.auth-overlay {
  position: fixed; inset: 0; background: var(--paper);
  display: flex; align-items: center; justify-content: center; z-index: 100;
}
.auth-box {
  width: 420px; border: 1px solid var(--ink);
  box-shadow: 0 0 0 5px var(--paper), 0 0 0 6px var(--rule), 0 14px 40px rgba(22,32,46,.10);
  padding: 36px 40px; background: var(--white); text-align: center;
}

/* Status badges */
.badge { font: 600 10px/1.4 "Public Sans", sans-serif; letter-spacing: .05em; padding: 2px 7px; text-transform: uppercase; }
.badge-open        { background: var(--blue-soft);  color: var(--blue); }
.badge-in-progress { background: var(--brass-soft); color: var(--brass); }
.badge-blocked     { background: #FEE2E2;            color: #9B1C1C; }
.badge-submitted   { background: var(--amber-soft); color: var(--amber); }
.badge-done        { background: var(--green-soft); color: var(--green); }
.badge-cancelled   { background: #F3F4F6; color: var(--slate); }

/* Hide widget launch button */
.fsw-launch { display: none !important; }
