/* ============================================================================
 * shared/devoxx/01-unified-access/style.css
 * ───────────────────────────────────────────────────────────────────────────
 * Module-specific sizing only. Role colors, state classes, label fade,
 * terminal styling are all inherited from the zen framework:
 *   - /shared/zen/core/core.css
 *   - /shared/zen/components/box/box.css
 *   - /shared/zen/components/label/label.css
 *   - /shared/zen/components/terminal/terminal.css
 * ============================================================================ */

/* Connect (client) a bit larger than the targets to read as a hub */
#box-connect { width: 14%; }
#box-proxy   { width: 16%; }

/* Four targets — narrow stacked column on the right */
#box-ssh,
#box-rdp,
#box-k8s,
#box-db { width: 16%; }

#term {
    width: 28%;
    height: 22%;
}

/* Outcome chip appears in step 5 — slightly bigger than a standard chip */
#lbl-outcome {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 10px 18px;
}