/*
 * AUTOMAT-X — HOLOGRAPHX HARDWARE skin (v1)
 * Keeps the teal identity and the animated glitch title (titlePulse, glitchA,
 * glitchB are untouched). Adds the shared chassis, wells and key depth.
 * Remove the <link> and body class "hx-hw" to undo.
 */
body.hx-hw {
    --hx-acc: #22e0d0;
    --hx-acc-rgb: 34, 224, 208;
    background: var(--hx-chassis), #050506 !important;
}
body.hx-hw.hx-hw .automatx-shell { background: transparent !important; }

/* Panels: recessed wells */
body.hx-hw.hx-hw :is(.wave-panel, .keyboard-panel, .panel) {
    border: 0 !important;
    border-radius: var(--hx-radius-well) !important;
    background: var(--hx-well-bg) !important;
    box-shadow: var(--hx-well-shadow) !important;
}
body.hx-hw.hx-hw .wave-panel {
    background: var(--hx-lcd-bg) !important;
    box-shadow: var(--hx-lcd-shadow) !important;
}

/* Keys */
body.hx-hw.hx-hw :is(.io-panel button:not(.primary), .help-btn, .fullscreen-btn, .select-trigger) {
    border: 0 !important;
    border-radius: var(--hx-radius-key) !important;
    background: var(--hx-key-bg) !important;
    box-shadow: var(--hx-key-shadow) !important;
}
body.hx-hw.hx-hw .help-btn { color: #ffe23a !important; }
body.hx-hw.hx-hw .select-trigger { box-shadow: inset 0 2px 5px #000, inset 0 0 0 1px #202024 !important; background: #0d0d0f !important; }
body.hx-hw.hx-hw .io-panel button.primary {
    border: 0 !important;
    border-radius: var(--hx-radius-key) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 0 0 1px rgba(0,0,0,.5), 0 0 16px rgba(57,226,122,.4), 0 2px 0 #000 !important;
}