/* The Fictional Company Registry — component CSS.
   Header chrome comes from /tech/_kit/tech-kit.css; this is the board only. */

.fcr-app { margin: 1.6rem 0 2.4rem; }

.fcr-ask {
  border: 1px solid var(--border, #2a2a33);
  background: var(--surface, #16161a);
  border-radius: 6px;
  padding: 1.05rem 1.1rem;
  margin: 0 0 1.6rem;
}
.fcr-ask h2 {
  font-size: .72rem; letter-spacing: .22em; text-transform: uppercase;
  color: var(--text-muted, #7a7a88);
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
  margin: 0 0 .7rem;
}
#fcr-form { display: flex; gap: .55rem; flex-wrap: wrap; }
#fcr-input {
  flex: 1 1 18rem; min-width: 0;
  background: var(--bg, #0c0c0f);
  border: 1px solid var(--border, #2a2a33);
  color: var(--text-bright, #e8e8f0);
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
  font-size: .95rem; padding: .6rem .7rem; border-radius: 4px;
}
#fcr-input:focus { outline: none; border-color: var(--accent, #CC0000); }
.fcr-btn {
  background: var(--accent, #CC0000); color: #fff; border: none;
  font-family: Inter, system-ui, sans-serif; font-weight: 700;
  font-size: .85rem; letter-spacing: .04em;
  padding: .6rem 1.15rem; border-radius: 4px; cursor: pointer;
}
.fcr-btn:hover { filter: brightness(1.15); }

.fcr-status {
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
  font-size: .74rem; color: var(--text-muted, #7a7a88);
  margin: 0 0 .35rem;
}
.fcr-tally {
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
  font-size: .76rem; color: var(--text-bright, #e8e8f0);
  margin: 0 0 1.1rem; min-height: 1.1em;
}

.fcr-row {
  border-left: 3px solid var(--border, #2a2a33);
  background: var(--surface, #16161a);
  padding: .75rem .95rem; margin: 0 0 .55rem; border-radius: 0 5px 5px 0;
}
.fcr-row-head { display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; }
.fcr-badge {
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
  font-size: .62rem; letter-spacing: .16em; font-weight: 700;
  padding: .16rem .45rem; border-radius: 3px; white-space: nowrap;
}
.fcr-domain {
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
  font-size: .98rem; color: var(--text-bright, #e8e8f0); font-weight: 600;
  word-break: break-all;
}
.fcr-from { font-size: .74rem; color: var(--text-muted, #7a7a88); font-style: italic; }
.fcr-line { margin: .4rem 0 0; font-size: .88rem; line-height: 1.5; }
.fcr-meta {
  margin: .3rem 0 0; font-size: .74rem; color: var(--text-muted, #7a7a88);
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
}
.fcr-err { color: #e0785a; }
.fcr-advice {
  margin: .7rem 0 0; font-size: .85rem; line-height: 1.55;
  border-left: 3px solid #4f9d69; padding-left: .8rem; color: var(--text, #c9c9d4);
}

/* Live is the alarming one, so it gets the series' cold red. Reserved gets the only green
   on the page, because it is the only correct answer here. */
.fcr-live { border-left-color: var(--accent, #CC0000); }
.fcr-live .fcr-badge { background: var(--accent, #CC0000); color: #fff; }
.fcr-reg { border-left-color: #b8893a; }
.fcr-reg .fcr-badge { background: #b8893a; color: #16161a; }
.fcr-open { border-left-color: #5a6270; }
.fcr-open .fcr-badge { background: #5a6270; color: #e8e8f0; }
.fcr-safe { border-left-color: #4f9d69; }
.fcr-safe .fcr-badge { background: #4f9d69; color: #0c0c0f; }

.fcr-foot {
  margin: 1.5rem 0 0; font-size: .8rem; line-height: 1.6;
  color: var(--text-muted, #7a7a88);
  border-top: 1px solid var(--border, #2a2a33); padding-top: .9rem;
}

@media (max-width: 560px) {
  .fcr-btn { flex: 1 1 100%; }
}