:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#061725;color:#dff6ff;font:15px Arial,sans-serif;transition:background .45s ease}body.role-builder,body.role-owner{background:#9dddf5;color:#06223a}body.role-dev{background:#16c8df;color:#03283a}.staff-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:32px 0 64px}.staff-header{display:flex;align-items:center;gap:26px;padding:24px;border:1px solid #236d8e;border-radius:14px;background:#081f30}.staff-header a{color:#82e2ff;text-decoration:none;font-weight:800}.staff-header div{flex:1}.staff-header span,.role-panel span{color:#57d0ff;font-size:10px;font-weight:900;letter-spacing:.13em}.staff-header h1{margin:7px 0;font-size:29px}.staff-header p{margin:0;color:#91b7c9}.role-badge{padding:9px 12px;border:1px solid #5cd8ff;border-radius:7px;background:#103a52}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.role-panel{padding:22px;border:1px solid;border-radius:12px;opacity:.35;filter:saturate(.4)}.role-panel.available{opacity:1;filter:none}.role-panel h2{margin:8px 0}.role-panel p{margin:0;color:#b0d1df;line-height:1.5}.dev-panel{border-color:#8f66db;background:#21183c}.manager-panel{border-color:#df9b4c;background:#3a2614}.builder-panel{border-color:#42b9d8;background:#103347}.staff-workspace{padding:22px;border:1px solid #236d8e;border-radius:14px;background:#081f30}.staff-tabs{display:flex;gap:8px;border-bottom:1px solid #23536b;padding-bottom:14px}.staff-tabs button{border:1px solid #286a88;border-radius:7px;padding:9px 13px;background:#0b3045;color:#cceefa;font-weight:800;cursor:pointer}.staff-tabs button.active{background:#1995c5;color:#031923}.staff-tab{display:none;padding-top:18px}.staff-tab.active{display:block}.staff-tab h2{margin:0 0 6px}.staff-tab>p{margin:0 0 16px;color:#8fb6c8}.staff-list{display:grid;gap:8px}.staff-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #1e5069;border-radius:8px;background:#09283a;color:#dff6ff}.staff-row small{display:block;margin-top:4px;color:#83aabb}.staff-row select{padding:8px;border:1px solid #377b9a;border-radius:6px;background:#061a29;color:#fff}.empty-state{padding:28px;border:1px dashed #39728c;border-radius:9px;text-align:center}.dev-build-tab{padding:0!important;margin-top:18px}.dev-build-frame{display:block;width:100%;height:min(780px,calc(100vh - 260px));min-height:560px;border:1px solid #236d8e;border-radius:10px;background:#061725}.dev-order-overlay{position:fixed;inset:0;z-index:1000;padding:20px;background:rgba(0,10,17,.82)}.dev-order-frame-shell{position:relative;width:min(1380px,100%);height:calc(100vh - 40px);margin:auto;border:1px solid #54d4ff;border-radius:13px;overflow:hidden;background:#061725}.dev-order-frame-shell button{position:absolute;z-index:2;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#123a4e;color:#8ee9ff;font-size:25px;cursor:pointer}.dev-order-frame-shell iframe{width:100%;height:100%;border:0}.staff-visuals{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.panel-character-art{position:absolute;right:5%;bottom:-20px;width:min(32vw,410px);height:auto;opacity:.13;filter:drop-shadow(0 0 25px rgba(0,255,255,.55));animation:panelFade 5s ease-in-out infinite}.panel-logo-art{position:absolute;right:3%;bottom:min(35vw,340px);width:min(46vw,760px);opacity:.12;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(165,0,255,.75));animation:panelFade 5s ease-in-out 1.4s infinite}@keyframes panelFade{0%,100%{opacity:.06;transform:translateY(8px)}50%{opacity:.21;transform:translateY(-4px)}}body.role-dev .panel-character-art{filter:drop-shadow(0 0 28px rgba(0,241,255,.85)) hue-rotate(10deg)}body.role-dev .panel-logo-art{filter:drop-shadow(0 0 22px rgba(0,234,255,.85)) hue-rotate(65deg)}body.role-builder .panel-character-art,body.role-owner .panel-character-art{opacity:.15}@media(max-width:700px){.staff-header{align-items:flex-start;flex-wrap:wrap}.panel-grid{grid-template-columns:1fr}.staff-shell{width:min(100% - 20px,1180px)}.staff-tabs{overflow-x:auto}.dev-build-frame{height:calc(100vh - 200px);min-height:500px}.dev-order-overlay{padding:8px}.dev-order-frame-shell{height:calc(100vh - 16px)}.panel-character-art{width:58vw;right:-10vw}.panel-logo-art{width:88vw;right:-10vw;bottom:42vw}}
.staff-schematics-search{width:100%;margin:0 0 12px;padding:11px 13px;border:1px solid #2c7998;border-radius:7px;background:#061a29;color:#e8fbff;font:inherit}.staff-schematics-search:focus{outline:2px solid #5fd9ff;outline-offset:1px}

.staff-mobile-menu-row{display:none}@media(max-width:700px){.staff-mobile-menu-row{display:block;margin-bottom:12px}.staff-mobile-menu{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:1px solid #55d8ff;border-radius:8px;background:#0c3c56;color:#e5f9ff;font:800 12px 'Press Start 2P',monospace;cursor:pointer}.staff-mobile-menu span{font-size:19px;line-height:1}.staff-tabs{display:none;flex-direction:column;gap:7px;padding:12px;border:1px solid #286a88;border-radius:9px;background:#061a29}.staff-tabs button{width:100%;text-align:left}.staff-mobile-menu-open .staff-tabs{display:flex}}

/* V20 Manager Panel */
.role-panel.selected-panel{outline:2px solid #5cd8ff;box-shadow:0 0 0 3px rgba(92,216,255,.12),0 0 24px rgba(92,216,255,.16)}
body.panel-view-manager .manager-panel{opacity:1;filter:none;box-shadow:0 0 28px rgba(223,155,76,.2)}


/* V61 — never scroll the staff panel behind an open popup */
html.panel-popup-scroll-locked,
body.panel-popup-scroll-locked {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}


/* =========================================================
   V95 — CLEAN STAFF PANEL HEADER
========================================================= */

/* The Dev / Manager / Builder overview cards are no longer shown.
   Staff land directly on their permitted workspace beneath Staff Access. */
.panel-grid,
#panelGrid {
  display: none !important;
}

/* Close the old gap left by the removed role cards. */
.staff-workspace {
  margin-top: 22px;
}

/* Match the Staff Access aesthetic more consistently. */
.staff-header,
.staff-workspace,
.staff-tabs button,
.staff-tab h2,
.staff-tab .page-label {
  font-family: "Minecraft Ten", "Press Start 2P", Arial, sans-serif;
}

.staff-header p,
.staff-tab p,
.staff-row,
.staff-row small,
.staff-schematics-search {
  font-family: Arial, sans-serif;
}

@media (max-width:700px) {
  .staff-workspace {
    margin-top: 14px;
  }
}

/* v161: native order links in every staff panel */
a.staff-order-row,
a.dev-order-row {
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
}