/* Allocation Board — ported from mockups/allocation-board.html (approved
   style guide). */

:root {
  --board-paper: #f5f0e6;
  --board-paper-2: #efe8da;
  --board-card: #fdfbf6;
  --board-ink: #2b2521;
  --board-ink-2: #6c6358;
  --board-line: #ddd2bf;
  --board-line-2: #e7ddcc;
  --board-brass: #9c6b2f;
  --board-brass-2: #b5823f;
  --board-warn: #b8442b;
  --board-ok: #3f7d3a;
  --board-shadow: 0 1px 2px rgba(60, 45, 25, .06), 0 6px 16px -10px rgba(60, 45, 25, .28);
  --board-r: 11px;
  --board-r-sm: 7px;
  /* Category colours (CONTEXT.md Category) — solid / tint pairs per mockup */
  --board-c-conference: #39568a; --board-c-conference-bg: #e7ecf4;
  --board-c-small_group: #2c7a6f; --board-c-small_group-bg: #e0eeea;
  --board-c-individual: #a9621f; --board-c-individual-bg: #f6e9d8;
  --board-c-worker: #6a4a98; --board-c-worker-bg: #ebe4f4;
  --board-c-hospitality: #3c7a37; --board-c-hospitality-bg: #e6efe2;
}

.board {
  background: var(--board-paper);
  color: var(--board-ink);
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  border: 1px solid var(--board-line);
  border-radius: var(--board-r);
  overflow: hidden;
}

.board-topbar {
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 13px 22px 12px;
  background: linear-gradient(180deg, #fdfbf6, #f7f1e7);
  border-bottom: 1px solid var(--board-line);
}

.board-wordmark { display: flex; flex-direction: column; line-height: 1; gap: 3px; }
.board-wordmark strong { font-family: Georgia, serif; font-weight: 600; font-size: 22px; }
.board-wordmark span { font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--board-brass); font-weight: 700; }

.board-meter {
  font-family: "Spline Sans Mono", monospace; font-size: 12px; font-weight: 600; color: var(--board-ink-2);
  background: var(--board-paper-2); border: 1px solid var(--board-line-2); border-radius: 99px; padding: 4px 12px;
}

.board-warnstrip {
  font-family: "Spline Sans Mono", monospace; font-size: 12px; font-weight: 600; color: var(--board-ink-2);
  background: var(--board-paper-2); border: 1px solid var(--board-line-2); border-radius: 99px; padding: 4px 12px;
}
.board-warnstrip-active { color: #fff; background: var(--board-warn); border-color: var(--board-warn); }

.board-datenav { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.board-nav {
  width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--board-line); background: var(--board-card);
  display: grid; place-items: center; color: var(--board-ink-2); text-decoration: none;
}
.board-nav:hover { color: var(--board-ink); border-color: var(--board-brass-2); }
.board-day { font-family: "Spline Sans Mono", monospace; text-align: center; min-width: 110px; }
.board-day small { display: block; color: var(--board-ink-2); font-size: 10.5px; }
.board-datepicker { border: 1px solid var(--board-line); border-radius: 8px; padding: 5px 8px; font: inherit; background: var(--board-card); }
.board-go { border: 1px solid var(--board-line); background: var(--board-card); border-radius: 8px; padding: 5px 10px; font: inherit; font-weight: 700; cursor: pointer; }

.board-proposal-actions { display: flex; gap: 8px; }
.board-btn { border: 1px solid var(--board-line); background: var(--board-card); border-radius: 8px; padding: 6px 12px; font: inherit; font-weight: 700; font-size: 12.5px; cursor: pointer; }
.board-btn-ai { border-color: var(--board-brass-2); background: var(--board-brass); color: #fff; }
.board-btn-accept { border-color: var(--board-ok); color: var(--board-ok); }
.board-btn-discard { color: var(--board-warn); border-color: var(--board-warn); }
.board-btn-reshuffle { border-style: dashed; }

.board-main { display: grid; grid-template-columns: 300px 1fr; overflow: hidden; min-height: 0; }

.board-roster { border-right: 1px solid var(--board-line); background: linear-gradient(180deg, #f3ecdf, #f1e9db); display: flex; flex-direction: column; }
.board-roster-head { padding: 15px 16px 11px; border-bottom: 1px solid var(--board-line); }
.board-roster-head h2 { margin: 0 0 2px; font-family: Georgia, serif; font-weight: 600; font-size: 17px; display: flex; align-items: center; gap: 9px; }
.board-roster-n { font-family: "Spline Sans Mono", monospace; font-size: 12px; font-weight: 600; color: #fff; background: var(--board-brass); padding: 2px 8px; border-radius: 99px; }
.board-roster-head p { margin: 0; font-size: 11.5px; color: var(--board-ink-2); }
.board-roster-list { padding: 12px; display: flex; flex-direction: column; gap: 9px; flex: 1; overflow-y: auto; }
.board-roster-empty { color: var(--board-ink-2); text-align: center; padding: 30px 10px; font-size: 13px; }

.board-party { border: 1px dashed var(--board-line); border-radius: 12px; padding: 8px; background: #fffdf8aa; position: relative; display: flex; flex-direction: column; gap: 7px; }
.board-party-tag { position: absolute; top: -9px; left: 11px; background: var(--board-paper); padding: 1px 8px; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; color: var(--board-ink-2); border: 1px solid var(--board-line); border-radius: 99px; }

.board-pcard {
  position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; background: var(--board-card); border: 1px solid var(--board-line);
  border-radius: var(--board-r-sm); padding: 9px 11px 9px 14px; box-shadow: var(--board-shadow); cursor: grab; transition: opacity .15s;
}
.board-cons { flex-basis: 100%; display: flex; gap: 4px; flex-wrap: wrap; }
.board-con { font-size: 9.5px; font-weight: 600; letter-spacing: .01em; padding: 1px 6px; border-radius: 5px; background: var(--board-paper); color: var(--board-ink-2); border: 1px solid var(--board-line-2); }
.board-warns { flex-basis: 100%; display: flex; gap: 4px; flex-wrap: wrap; }
.board-warn-note { font-size: 9.5px; font-weight: 700; letter-spacing: .01em; padding: 1px 6px; border-radius: 5px; background: #f8e6e1; color: var(--board-warn); border: 1px solid #e2b8ac; }
.board-pcard-warn { border-color: var(--board-warn); }
.board-pcard.sortable-ghost { opacity: .4; }
.board-pcard.board-dim { opacity: .28; filter: saturate(.5); }
.board-pcard::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: var(--board-r-sm) 0 0 var(--board-r-sm); background: var(--board-ink-2); }
.board-pcard[data-category="conference"]::before { background: var(--board-c-conference); }
.board-pcard[data-category="small_group"]::before { background: var(--board-c-small_group); }
.board-pcard[data-category="individual"]::before { background: var(--board-c-individual); }
.board-pcard[data-category="worker"]::before { background: var(--board-c-worker); }
.board-pcard[data-category="hospitality"]::before { background: var(--board-c-hospitality); }
.board-gtag { font-family: "Spline Sans Mono", monospace; font-size: 10px; font-weight: 600; width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center; flex: none; }
.board-gtag-m { background: #dce6f1; color: #395d86; }
.board-gtag-f { background: #f4dfe6; color: #9c3f63; }
.board-gtag-unknown { background: #ece9e2; color: #7a7468; }
.board-pname { font-weight: 700; font-size: 13.5px; }
.board-dotcat { font-size: 10.5px; font-weight: 600; color: var(--board-ink-2); margin-left: auto; white-space: nowrap; }
.board-dotcat::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 2px; margin-right: 5px; background: var(--board-ink-2); }
.board-dotcat-conference::before { background: var(--board-c-conference); }
.board-dotcat-small_group::before { background: var(--board-c-small_group); }
.board-dotcat-individual::before { background: var(--board-c-individual); }
.board-dotcat-worker::before { background: var(--board-c-worker); }
.board-dotcat-hospitality::before { background: var(--board-c-hospitality); }

.board-filters { display: flex; align-items: center; gap: 8px; padding: 9px 22px; background: #f1eadd; border-bottom: 1px solid var(--board-line); flex-wrap: wrap; }
.board-filters-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .16em; color: var(--board-ink-2); font-weight: 700; margin-right: 2px; }
.board-filters-sep { width: 1px; height: 20px; background: var(--board-line); margin: 0 5px; }
.board-chip, .board-filter-pill {
  display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 99px; cursor: pointer;
  border: 1px solid var(--board-line); background: var(--board-card); font: inherit; font-weight: 600; font-size: 12.5px; transition: opacity .15s;
}
.board-chip-sw { width: 10px; height: 10px; border-radius: 3px; background: var(--board-ink-2); }
.board-chip-conference .board-chip-sw { background: var(--board-c-conference); }
.board-chip-small_group .board-chip-sw { background: var(--board-c-small_group); }
.board-chip-individual .board-chip-sw { background: var(--board-c-individual); }
.board-chip-worker .board-chip-sw { background: var(--board-c-worker); }
.board-chip-hospitality .board-chip-sw { background: var(--board-c-hospitality); }
.board-chip-count { font-family: "Spline Sans Mono", monospace; font-size: 11px; color: var(--board-ink-2); }
.board-chip.board-chip-active { border-color: var(--board-brass-2); background: var(--board-paper-2); }
.board-chip.board-chip-off,
.board-filter-pill.board-filter-off { opacity: .4; }
.board-search { width: 100%; border: 1px solid var(--board-line); background: var(--board-card); border-radius: 9px; padding: 8px 11px; font: inherit; font-size: 13px; margin-top: 10px; }
.board-search:focus { outline: 2px solid var(--board-brass-2); outline-offset: -1px; }

.board-inv { padding: 16px 18px 60px; }
.board-building { margin-bottom: 22px; }
.board-bld-head { display: flex; align-items: baseline; gap: 12px; margin: 0 2px 11px; padding-bottom: 8px; border-bottom: 2px solid var(--board-line); }
.board-bld-head h2 { margin: 0; font-weight: 600; font-size: 19px; }
.board-bocc { margin-left: auto; font-family: "Spline Sans Mono", monospace; font-size: 12px; color: var(--board-ink-2); }

.board-building.board-building-hidden { display: none; }

.board-rooms { display: grid; grid-template-columns: repeat(auto-fill, minmax(238px, 1fr)); gap: 13px; }
.board-room { background: var(--board-card); border: 1px solid var(--board-line); border-radius: var(--board-r); box-shadow: var(--board-shadow); overflow: hidden; }
.board-room-head { display: flex; align-items: center; gap: 8px; padding: 9px 11px; background: linear-gradient(180deg, #fbf7ee, #f6efe2); border-bottom: 1px solid var(--board-line-2); cursor: pointer; list-style: none; }
.board-room-head::-webkit-details-marker { display: none; }
.board-room-free .board-rocc { color: var(--board-ok); }
.board-room-partial .board-rocc { color: var(--board-brass); }
.board-room-full .board-rocc { color: var(--board-warn); }
.board-rcode { font-family: "Spline Sans Mono", monospace; font-weight: 600; font-size: 14px; }
.board-attr {
  font-size: 9.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--board-ink-2);
  background: var(--board-paper-2); border: 1px solid var(--board-line-2); border-radius: 5px; padding: 2px 5px;
}
.board-rocc { margin-left: auto; font-family: "Spline Sans Mono", monospace; font-size: 11px; font-weight: 600; color: var(--board-ink-2); }

.board-beds { padding: 8px; display: flex; flex-direction: column; gap: 6px; }
.board-bed {
  display: flex; align-items: center; gap: 9px; border-radius: var(--board-r-sm); padding: 6px 9px; min-height: 38px;
  border: 1.5px dashed var(--board-line); color: var(--board-ink-2);
  background: repeating-linear-gradient(135deg, #0000, #0000 6px, #00000005 6px, #00000005 12px);
}
.board-bed-occupied { border-style: solid; background: var(--board-card); }
.board-bed-proposed { border-color: var(--board-brass-2); background: var(--board-c-individual-bg); }
.board-bed-warn { border-color: var(--board-warn); }
.board-blabel { font-weight: 700; font-size: 12.5px; color: var(--board-ink); }
.board-btype { font-size: 9.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
.board-warnbadge { margin-left: auto; color: var(--board-warn); font-size: 13px; line-height: 1; }

.board-bed-highlight { outline: 2px solid var(--board-brass-2); outline-offset: 2px; animation: board-bed-pulse 1s ease-in-out 2; }
@keyframes board-bed-pulse {
  0%, 100% { background: var(--board-card); }
  50% { background: #9c6b2f22; }
}

.board-bed-slot { flex: 1; min-height: 26px; }
.board-bed-slot .board-pcard { padding: 4px 8px; box-shadow: none; }

.board-pcard-proposed { border-style: dashed; border-color: var(--board-brass-2); cursor: default; }
.board-pcard-foreign { justify-content: center; color: var(--board-ink-2); font-size: 11px; font-weight: 600; letter-spacing: .02em; cursor: default; }
.board-proposed-badge {
  font-size: 9.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--board-brass);
  background: var(--board-paper-2); border: 1px solid var(--board-line-2); border-radius: 5px; padding: 2px 5px;
}
.board-accept-btn {
  margin-left: auto; border: 1px solid var(--board-ok); color: var(--board-ok); background: #fff; border-radius: 6px;
  padding: 2px 9px; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer;
}