/* Clearer cyan-on-cyan Dev controls. */
body.role-dev .staff-header,body.role-dev .staff-workspace{background:#155a73;border-color:#56ddf5}body.role-dev .staff-tabs{border-color:#72e8f8}body.role-dev .staff-tabs button{background:#3a9dbc;border-color:#a4f5ff;color:#062b3a}body.role-dev .staff-tabs button.active{background:#c1f8ff;color:#063847}body.role-dev .staff-row,body.role-dev .admin-build-card{background:#2b86a2;border-color:#8cebf8}body.role-dev .admin-search,body.role-dev .admin-select{background:#3c9ab7;border-color:#9cf3ff;color:#052c3a}body.role-dev .admin-search input{color:#052c3a}body.role-dev .admin-search input::placeholder{color:#1a5264}
.staff-order-row{cursor:pointer}.staff-order-row:hover{border-color:#70ddff;background:#0d344a}
/* Centered, transparent-looking panel art: fading opacity only. */
.staff-visuals{display:grid;place-items:center}.panel-character-art{right:auto;bottom:auto;left:50%;top:55%;width:min(28vw,330px);transform:translate(-50%,-50%);opacity:.14;animation:centerPanelFade 5s ease-in-out infinite}.panel-logo-art{right:auto;bottom:auto;left:50%;top:20%;width:min(40vw,620px);transform:translate(-50%,-50%);opacity:.13;animation:centerPanelFade 5s ease-in-out 1.2s infinite}.panel-logo-art{mix-blend-mode:screen}.panel-character-art{mix-blend-mode:multiply}@keyframes centerPanelFade{0%,100%{opacity:.05}50%{opacity:.2}}body.role-builder .panel-character-art,body.role-owner .panel-character-art{opacity:.14}@media(max-width:700px){.panel-character-art{top:59%;width:55vw}.panel-logo-art{top:23%;width:86vw}}
/* Builder and Owner panels: dark-cyan page surround, light-blue working area. */
body.role-builder,body.role-owner{background:#0a5369;color:#082f45}
body.role-builder .staff-workspace,body.role-owner .staff-workspace{background:#b9eaff;border-color:#0b3951;color:#082f45}
body.role-builder .staff-workspace h1,body.role-owner .staff-workspace h1,body.role-builder .staff-workspace h2,body.role-owner .staff-workspace h2,body.role-builder .staff-workspace h3,body.role-owner .staff-workspace h3{color:#062b42}
body.role-builder .staff-workspace p,body.role-owner .staff-workspace p,body.role-builder .staff-workspace small,body.role-owner .staff-workspace small{color:#174d65}
body.role-builder .staff-tabs,body.role-owner .staff-tabs{border-color:#2f7f9d}
body.role-builder .staff-tabs button,body.role-owner .staff-tabs button{background:#d5f5ff;border-color:#16617e;color:#082f45}
body.role-builder .staff-tabs button.active,body.role-owner .staff-tabs button.active{background:#59c4e6;border-color:#075c7e;color:#05283e}
body.role-builder .staff-row,body.role-owner .staff-row,body.role-builder .admin-build-card,body.role-owner .admin-build-card{background:#d9f7ff;border-color:#176887;color:#082f45}
body.role-builder .staff-row:hover,body.role-owner .staff-row:hover{background:#a9e7f7;border-color:#075f83}
body.role-builder .admin-build-card *,body.role-owner .admin-build-card *,body.role-builder .staff-row *,body.role-owner .staff-row *{color:inherit}
body.role-builder .admin-search,body.role-owner .admin-search,body.role-builder .admin-select,body.role-owner .admin-select{background:#e7fbff;border-color:#176887;color:#082f45}
body.role-builder .admin-search input,body.role-owner .admin-search input{color:#082f45}
body.role-builder .admin-search input::placeholder,body.role-owner .admin-search input::placeholder{color:#417187}
/* Role cards retain their own role colors. */
body.role-builder .role-panel,body.role-owner .role-panel{color:#dff6ff}
.panel-character-art{mix-blend-mode:normal;top:54%;animation:centerPanelFade 5s ease-in-out infinite}
.panel-logo-art{top:19%;animation:centerPanelFade 5s ease-in-out 1.2s infinite}
/* Staff heading and Owner-only Admin return link. */
.staff-header span{color:#fff;font-family:"Press Start 2P","Minecraft Ten",monospace}
#returnToAdminPanel{display:none!important}
body.role-owner #returnToAdminPanel{display:block!important}
/* Final panel separation: Builder gets the light-blue page, never the other roles. */
body.role-builder{background:#9dddf5}
body.role-owner{background:#0a5369}
.staff-header h1{font-family:"Press Start 2P","Minecraft Ten",monospace;font-size:22px;line-height:1.45}
/* Staff title uses the requested Minecraft Ten face and stays bright white. */
.staff-header h1{font-family:"Minecraft Ten",Arial,sans-serif!important;color:#fff!important}
.role-panel.panel-switch{cursor:pointer}
.role-panel.panel-switch:hover,.role-panel.selected-panel{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
/* Bright, easy-to-see role selector for the Dev Panel. */
.staff-row select{padding:8px;border:2px solid #0877a4;border-radius:6px;background:#59d6fb;color:#052a3d;font-weight:900;box-shadow:0 0 0 2px rgba(160,239,255,.38);cursor:pointer}.staff-row select:hover,.staff-row select:focus{border-color:#d5faff;background:#8fe8ff;outline:0;box-shadow:0 0 0 4px rgba(52,202,244,.35)}.staff-row select option{background:#e2faff;color:#052a3d;font-weight:800}
/* Selecting Builder is the only staff view that uses the light-blue page surround. */
body.panel-view-builder{background:#9dddf5!important}