/*
 * HAND-WRITTEN. Every other stylesheet in this app is extracted from the frozen prototype
 * and must never be edited by hand; this one is the exception, and it is separate precisely
 * so that distinction stays visible in the <head>.
 *
 * It exists because the prototype has no concept of a screen that does not exist yet. There
 * it is all fixtures, so every button works. Here most of them cannot, and the honest way to
 * show that is to leave them where the prototype put them and make them plainly inert —
 * rather than delete them, which would misrepresent the product, or leave them live, which
 * would misrepresent what happens when you click.
 *
 * Only ever adds; it overrides nothing in platform.css.
 */

.not-built,
.not-built * {
  cursor: not-allowed;
}

/* Rail items. The rail is dark, so this dims toward its background rather than toward grey. */
.nav-item.not-built {
  color: #5e7898;
  opacity: 0.55;
}

.nav-item.not-built:hover {
  background: none;
  color: #5e7898;
  border-left-color: transparent;
}

/* `.is-action` is the prototype's "+ Start a submittal" affordance. Greyed, it must not
   keep reading as the one call to action on the page. */
.nav-item.not-built .plus {
  color: #4a627e;
}

/* The count column reads "—" for these, and should not compete with a real number. */
.nav-item.not-built .ct {
  color: #4a627e;
}

/* A cell whose column has no data behind it yet. Not the same thing as an empty value:
   "—" in a styled-down cell says the column exists and we cannot fill it, where a blank
   cell would read as "this file has none". */
.cell-none {
  color: var(--slate, #6b7f92);
  opacity: 0.7;
}

/* The sign-in card whose credentials are not issued yet. */
.card.not-built {
  opacity: 0.6;
}

.card.not-built .inp:disabled,
.card.not-built .btn:disabled,
.not-built .btn:disabled {
  background: var(--mist, #f2f5f8);
  color: var(--slate, #6b7f92);
  border-color: var(--line, #dee6eb);
}

.not-built-why {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--slate, #6b7f92);
  cursor: auto;
}

/* Focus must stay visible. An inert control is still reachable by keyboard on purpose —
   aria-disabled, not disabled — and a focus ring nobody can see is the accessibility bug
   that hiding these would have avoided by accident. */
.not-built:focus-visible {
  outline: 2px solid var(--signal, #1e4a79);
  outline-offset: 2px;
}

/* On the rail, which is dark, the ring is the rail's own blue (#202): the dark ring above drew at
   about 1.8:1 against it, and a focus ring needs 3:1. `--signal` is set nowhere, so the fallback
   was all there was. */
.rail .not-built:focus-visible {
  outline-color: var(--flag-blue);
}

/*
 * The one place this file overrides the extracted sheet rather than adding to it.
 * `.bcard{cursor:pointer}` is correct in the prototype, where a board card opens the project
 * file. That screen does not exist here, so the pointer would promise a click that never
 * happens. `default` rather than `not-allowed`: nothing is going wrong, there is simply
 * nothing to open yet.
 */
.bcard.not-built {
  cursor: default;
}