.gate-h{font-size:var(--t-label);font-weight:var(--w-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:var(--sp4) 0 var(--sp2);display:flex;align-items:baseline;gap:var(--sp2)}
.gate-h .gp{font-size:var(--t-label);font-weight:var(--w-med);letter-spacing:0;text-transform:none;color:var(--muted-2)}
.gate{display:flex;flex-direction:column;gap:var(--sp2)}
.gate-row{display:flex;align-items:center;gap:var(--sp3);padding:var(--sp2) var(--sp3);border:1px solid var(--border);border-radius:var(--r-control);background:var(--card);font-size:var(--t-small)}
.gate-row.click{cursor:pointer} 
.gate-row .g-ic{width:22px;height:22px;border-radius:var(--r-control);display:grid;place-items:center;flex:0 0 auto}
.gate-row .g-ic svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.g-pass{background:var(--green-soft);color:var(--green)} .g-fail{background:var(--red-soft);color:var(--red)}
.g-pend{background:var(--amber-soft);color:var(--amber)} .g-miss{background:var(--surface-2);color:var(--muted-2)}
.gate-row .g-t{flex:1;color:var(--ink)} .gate-row .g-s{font-size:var(--t-label);font-weight:var(--w-med);color:var(--muted-2)}
#intake-dialog[hidden],#qa-dialog[hidden],#qa-photo-dialog[hidden]{display:none}
#intake-dialog,#qa-dialog,#qa-photo-dialog{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:color-mix(in srgb,var(--shade) 45%,transparent)}
#intake-dialog .kbd-card,#qa-dialog .kbd-card,#qa-photo-dialog .kbd-card{width:min(600px,95vw);max-height:90vh;overflow-y:auto;text-align:left}
.st-badge{display:inline-flex;align-items:center;gap:var(--sp1)}