/* ============================================================================
 * shared/machine-id/01-app-mtls/style.css
 * ───────────────────────────────────────────────────────────────────────────
 * Module-specific sizing only. Role colors, state classes, label fade,
 * terminal + token 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
 *   - /shared/zen/components/token-card/token-card.css
 * ============================================================================ */

/* Actor boxes — keep the two rows from touching. */
#box-consumer,
#box-teleport,
#box-app,
#box-tbot,
#box-secret,
#box-vault,
#box-lb { width: 13%; }

/* Terminal — bottom-left, scripted setup / test commands. */
#term {
    width: 32%;
    height: 26%;
}

/* Load-balancer box — hidden until the vigilance beat, then toggled via .show.
 * display:none keeps it out of the layout (and the collision audit) entirely
 * on every other beat. */
.lb-box { display: none; }
.lb-box.show { display: flex; }

/* Danger styling for the LB that breaks the raw-cert path. */
.lb-box.is-danger.a-active {
    border-color: var(--red);
    box-shadow: 0 0 30px rgba(239, 68, 68, 0.3);
}
.lb-box.is-danger h3 { color: var(--red); }
.lb-box.is-danger .zen-box__icon { color: var(--red); }

/* Multi-line curl command in the terminal stays readable. */
#term .zen-term__body { white-space: pre-wrap; }