/*
 * The Add windows. They share the find panel's frame (.findall) and its buttons; what is
 * theirs is the form: numbered steps, fields in rows, the fixture list, the runs table.
 */
.addwiz { width: 520px; }
.addwiz .kinds { display: flex; gap: 6px; }
.addwiz .kinds .findopt { flex: 1; text-align: center; }
.addbody { display: flex; flex-direction: column; gap: 6px; padding-right: 4px; }
.addform h5 {
  margin: 10px 0 2px; font: 700 9.5px/1 var(--chrome); letter-spacing: .14em; text-transform: uppercase; color: var(--amber);
}
.addform h5:first-child { margin-top: 0; }
.addrow { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; margin: 4px 0; }
.addrow[hidden] { display: none; }
.addfield { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.addfield > span { font: 600 9.5px/1 var(--chrome); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.addfield > em { font: 10px var(--chrome); color: var(--ink-faint); font-style: normal; }
.addfield select { min-width: 150px; }
.addwiz .scalar {
  padding: 5px 8px; background: #0e1114; border: 1px solid var(--seam);
  color: var(--ink); font-family: var(--data); font-size: 11.5px; min-width: 0;
}
.addwiz .scalar:focus { outline: none; border-color: var(--amber); }
.addwiz .addnum { padding-right: 2px; }
.addform > .scalar { width: 100%; box-sizing: border-box; }
.addlist { max-height: 190px; overflow: auto; border: 1px solid var(--seam); background: #0e1114; }
.addtype {
  display: grid; grid-template-columns: 1fr auto; gap: 0 10px; width: 100%; text-align: left;
  padding: 4px 8px; background: transparent; border: 0; border-bottom: 1px solid #14171c;
  color: var(--ink-dim); font-family: var(--data); font-size: 11px; cursor: pointer;
}
.addtype:hover { background: var(--panel-hi); color: var(--ink); }
.addtype.chosen { background: var(--panel-hi); box-shadow: inset 2px 0 0 var(--amber); }
.addtype b { color: var(--ink); font-weight: 600; }
.addtype span { grid-column: 1; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.addtype em { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-style: normal; color: var(--ink-faint); font-size: 10px; }
.addtype.catalogue b { color: var(--ink-dim); }
.addcircuits { display: flex; flex-wrap: wrap; gap: 6px 12px; }
.addcircuit { display: flex; align-items: center; gap: 6px; font: 10px var(--chrome); color: var(--ink-faint); }
.addcircuit select { min-width: 110px; }
.addhint { display: block; font: 10px var(--chrome); color: var(--ink-faint); font-style: normal; margin: 2px 0; }
.addrunhead, .addrun { display: grid; grid-template-columns: 96px 72px 1fr; gap: 6px; margin: 3px 0; }
.addrunhead span { font: 600 9.5px/1 var(--chrome); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.addcheck { display: flex; align-items: center; gap: 4px; font: 11px var(--chrome); color: var(--ink-dim); margin: 3px 0; }
.addshares { display: flex; flex-wrap: wrap; gap: 2px 14px; max-height: 120px; overflow: auto; }
.addconfirm { margin-top: 8px; }
.addwiz .cmd:disabled { opacity: .5; cursor: default; }
.addafter { display: flex; flex-direction: column; gap: 8px; }
.addsaid { margin: 0; font: 12px/1.5 var(--chrome); color: var(--ink); }
.addwarnings { margin: 0; padding-left: 18px; font: 11px/1.5 var(--chrome); color: #ff9aa4; }
.addwiz .keyhint { position: static; margin: 4px 0; }
.addcircuits .keyhint { flex: 1 0 100%; }