/* ============================================================================
 * shared/windows/01-architecture/style.css
 * ───────────────────────────────────────────────────────────────────────────
 * Module-specific overrides only. Role colors, scope borders, label fade,
 * and .a-active/.a-past/.a-dimmed states are handled by:
 *   - /shared/zen/core/core.css          (states + zen-scope)
 *   - /shared/zen/components/box/box.css (all roles)
 *   - /shared/zen/components/label/label.css (floating labels)
 *
 * Sizing/positioning overrides added as we place boxes iteratively.
 * ============================================================================ */

/* ── Module-wide aesthetic refinement ────────────────────────────────────
 * Style "éditorial" (cf. shared/windows/demo.html) : typo sans uppercase,
 * kerning tight, border 1px, glow discret. Applique à toutes les zen-box
 * de ce module sans toucher au design system partagé.
 * ────────────────────────────────────────────────────────────────────── */
.zen-box {
    border-width: 1px;
    backdrop-filter: blur(6px);
}
.zen-box h3 {
    text-transform: none;
    letter-spacing: -0.005em;
    font-weight: 600;
}
.zen-box .sub {
    font-family: 'Courier New', monospace;
    font-size: 0.68rem;
    color: var(--gray);
    letter-spacing: 0.3px;
    text-transform: lowercase;
    margin-top: 2px;
}
/* Glow active plus discret (divise l'intensité par ~2) */
.zen-box[data-role="user"].a-active      { box-shadow: 0 0 16px rgba(244,114,182,0.18); }
.zen-box[data-role="proxy"].a-active     { box-shadow: 0 0 18px rgba(34,211,238,0.18); }
.zen-box[data-role="wds"].a-active       { box-shadow: 0 0 16px rgba(59,130,246,0.20); }
.zen-box[data-role="dc"].a-active        { box-shadow: 0 0 16px rgba(124,58,237,0.20); }
.zen-box[data-role="winhost"].a-active   { box-shadow: 0 0 14px rgba(59,130,246,0.18); }
.zen-box[data-role="standalone"].a-active{ box-shadow: 0 0 14px rgba(59,130,246,0.18); }

/* ── Free-floating boxes (placed via data-at + data-anchor) ──────────────── */
#box-user       { width: 11%; }
#box-proxy      { width: 13%; }
#box-wds        { width: 14%; }
#box-standalone { width: 13%; }

/* ── RDP session highlight ────────────────────────────────────────────────
 * Appliqué aux endpoints (winhost1, winhost2, standalone) pendant le beat
 * RDP. Force la bordure + glow en vert pour signaler visuellement que ces
 * machines acceptent la session RDP. S'additionne à l'état .a-active du
 * rôle (qui gère l'opacité + titre) — on surcharge border/shadow/title/icon
 * pour signer la connexion RDP en vert.
 * ──────────────────────────────────────────────────────────────────────── */
.zen-box.rdp-lit              { border-color: var(--green); box-shadow: 0 0 18px rgba(0, 230, 118, 0.35); }
.zen-box.rdp-lit h3           { color: var(--green); }
.zen-box.rdp-lit .zen-box__icon { color: var(--green); }