/* Specificity corrections.
 *
 * The legacy inline sheet carries element-qualified rules such as
 * `form button[type="submit"] { background: var(--text) }` at (0,1,1), which
 * outrank a bare component class at (0,1,0). The scan's own controls therefore
 * need the html.gn prefix to win, rather than !important, which would make the
 * component unstyleable from anywhere else later.
 *
 * Kept in its own file so the collision and the reason for it stay visible
 * instead of being buried as unexplained specificity inside the component.
 */

html.gn .gn-go {
  background: var(--ac);
  color: var(--acink);
  border: 0;
  border-radius: 11px;
  height: 50px;
  min-height: 50px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 530;
  letter-spacing: -.008em;
  width: auto;
}
html.gn .gn-go:hover { background: var(--ac); opacity: .9; }
html.gn .gn-go[disabled] { opacity: .5; }

html.gn .gn-segs button {
  background: none;
  color: var(--ink2);
  min-height: 0;
  height: auto;
  padding: 5px 11px;
  border-radius: 6px;
  font-size: 12px;
  width: auto;
}
html.gn .gn-segs button[aria-pressed="true"] { background: var(--bg); color: var(--ink); }

html.gn .gn-fi { background: none; border: 0; border-bottom: 1px solid var(--line); min-height: 0; height: auto; width: 100%; padding: 13px; }
html.gn .gn-fi:last-of-type { border-bottom: 0; }
html.gn .gn-fi:hover { background: var(--bg2); }

html.gn .gn-shx { min-height: 0; height: 32px; width: 32px; padding: 0; background: var(--bg); }

html.gn .gn-btn { min-height: 46px; height: 46px; padding: 0 14px; }
html.gn .gn-btn.ac { background: var(--ac); color: var(--acink); }

html.gn .gn-dockb { min-height: 42px; height: 42px; padding: 0 15px; background: var(--ink); color: var(--bg); }

html.gn .gn-field input,
html.gn .gn-inp input {
  border: 0;
  min-height: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  background: none;
}

/* The `hidden` attribute is honoured by the UA sheet at the lowest possible
 * specificity, so any class rule that sets `display` defeats it. .gn-empty is
 * a grid, which meant the placeholder stayed on screen above the results once
 * a scan finished. Restate it here rather than dropping the grid, which is
 * what centres the message while it is the only thing in the panel. */
html.gn [hidden] { display: none !important; }