/* Scoped to the workstation: square ivory keycaps with sculpted faces. */

#motherboard{border-radius:0!important;border-top-color:#c2c6b6;border-left-color:#8e9c93;border-right-color:#536960;border-bottom-color:#253e3e}

#motherboard::after,#motherboard .request-terminal,#motherboard .paper-track,#motherboard .request-paper,#motherboard .issued-paper,#motherboard .core-chip,#motherboard input,#motherboard .printer-slot,#motherboard .printer-slot>span{border-radius:0!important}

#motherboard .request-paper,#motherboard .issued-paper{clip-path:none!important}

#motherboard button{--key-top:#355574;--key-bottom:#20334f;position:relative;border-radius:0!important;min-height:48px;padding:15px 18px;border-style:solid;border-width:2px 5px 7px;border-color:#6685a1 #263f5b #14273d #6685a1;background:linear-gradient(110deg,var(--key-top),var(--key-bottom));color:#e9f2ff;box-shadow:0 5px 0 #14273d,0 7px 0 #080f23,0 10px 13px #030d1955,inset 0 1px 0 #6685a1,inset 0 -1px 1px #858d7555;transform:none;transition:transform .1s,box-shadow .1s,background .15s;text-shadow:0 1px #0004;isolation:isolate;cursor:pointer}

#motherboard button::before{content:"";position:absolute;inset:5px 7px 4px;border:1px solid #b6b5a277;box-shadow:inset 0 1px 3px #92977a22;border-radius:0;pointer-events:none;z-index:-1}

#motherboard button:not(:disabled):hover{--key-top:#426889;--key-bottom:#2c4662;transform:translateY(-1px);box-shadow:0 6px 0 #14273d,0 8px 0 #080f23,0 11px 15px #030d1955,inset 0 1px 0 #fff}

#motherboard button:not(:disabled):active{transform:translateY(5px);box-shadow:0 0 0 #14273d,0 2px 0 #080f23,inset 0 1px 4px #45574833;border-bottom-width:7px}

#motherboard button:focus-visible{outline:3px solid #00d7ef;outline-offset:5px}

#motherboard .service-socket{min-height:76px;margin-bottom:7px;gap:13px}

#motherboard .service-socket small{color:#c9d8ed;font-size:8px;letter-spacing:1px}

#motherboard .service-socket.is-selected{--key-top:#294e79;--key-bottom:#20334f;border-top-color:#6685a1;border-bottom-color:#3985a8;box-shadow:0 5px 0 #22516c,0 7px 0 #0b1a2c,0 10px 13px #030d1955,inset 0 0 0 1px #63c3e3}

#motherboard .service-socket .socket-led{background:#5b7c9c;box-shadow:inset 0 1px 2px #132c32}

#motherboard .service-socket.is-selected .socket-led{background:#64daf0;box-shadow:0 0 0 2px #7eac8e55}

#motherboard button:disabled{opacity:1;cursor:not-allowed;--key-top:#34495f;--key-bottom:#28394d;color:#aab6cc;border-color:#607d99 #3c536d #21364e #4a6680;box-shadow:0 3px 0 #1d3046,0 5px 0 #111b30;transform:none}

#motherboard button:disabled small{color:#617369}

#motherboard .issue-button{min-height:58px;margin-bottom:12px;font-weight:800;font-size:12px}

#motherboard .submit-arrow{color:#166c6c;font-size:21px}

#motherboard .sample-button{padding:7px 12px;font-size:10px;margin-top:8px}

#motherboard .receipt-actions{gap:16px;flex-wrap:wrap}

#motherboard .receipt-actions button{min-height:48px;flex:1;font-size:11px;white-space:normal}

#motherboard .board-bottom-label{left:62px;bottom:25px}

@media(max-width:760px){#motherboard .service-socket{min-height:72px}#motherboard button{padding-inline:13px}#motherboard .service-socket small{font-size:7px}#motherboard .board-bottom-label{left:50px;font-size:6px}}

@media(prefers-reduced-motion:reduce){#motherboard button{transition:none}}

#motherboard .request-paper::after,#motherboard .issued-paper::after{border-radius:0!important}


/* Approved indigo palette: contrast on the workstation keys. */
#motherboard .service-socket .pack-icon,#motherboard .service-socket small{color:#c9d8ed!important}#motherboard .service-socket .pack-icon{color:#e9f2ff!important}
