/* Shared staff navigation and the separate, service-role administration pages. */
.staff-nav-menu{position:relative}.staff-nav-menu>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:40px;padding:10px 12px;border:1px solid #716043;border-radius:7px;color:#edc68d;font-size:11px}.staff-nav-menu>summary::-webkit-details-marker{display:none}.staff-nav-menu[open]>summary,.staff-nav-menu>summary:hover{background:#2d2922}.staff-nav-links{position:absolute;right:0;top:calc(100% + 10px);width:208px;padding:8px;background:#1d2021;border:1px solid #514633;border-radius:8px;box-shadow:0 12px 34px #0006}.staff-nav-links a{display:block;padding:12px;border-radius:5px;font-size:12px;color:#d9dcd7}.staff-nav-links a:hover,.staff-nav-links a[aria-current=page]{background:#bc944914;color:#f0c489}.mobile-staff-links{border-top:1px solid #413b30;margin-top:8px;padding-top:15px}.mobile-staff-links>span{font-size:9px;letter-spacing:1.5px;color:#b2946c}.mobile-staff-links>a{color:#ebc691}.staff-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #aa83424d;border-radius:4px;background:#b9871710;color:#efc889;font-size:9px;font-weight:700;letter-spacing:.7px;line-height:1.4}.profile-identity-copy>.staff-badge{margin-top:8px}.profile-staff-tools{background:#1b1f20;border:1px solid #594c36;border-radius:8px;padding:25px}.profile-staff-tools h2{font-size:18px;margin-top:12px}.profile-staff-tools p{font-size:11px;color:#a5adaa;line-height:1.8;margin:12px 0 16px}.profile-staff-tools a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #353a37;font-size:12px;color:#e1c193}.profile-staff-tools a:hover{color:#ffdc9e}
.staff-page{padding-top:29px;padding-bottom:100px;min-height:65vh}.staff-topline{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#9aa39f;padding-bottom:35px}.staff-topline>a:hover{color:var(--amber)}.staff-topline>span{font-size:8px;letter-spacing:1.5px}.staff-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}.staff-heading h1{font-size:42px;line-height:1.18;letter-spacing:-1.6px;font-weight:750;margin-top:15px}.staff-heading h1 span{color:#efb36a}.staff-intro{font-size:13px;line-height:1.9;color:#a4aeaa;max-width:750px;margin-bottom:27px}.staff-notice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid #464032;background:#b9942610;border-radius:7px;padding:17px 20px;margin:25px 0;color:#c4bcab;font-size:12px;line-height:1.7}.staff-notice p{flex:1;min-width:180px}.staff-notice button,.staff-notice>a{background:none;color:#efc889;font-size:11px;text-decoration:underline;text-underline-offset:3px}.staff-role-guide{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.staff-role-guide article{display:flex;align-items:flex-start;gap:15px;padding:24px;background:#1c2020;border:1px solid #353c37;border-radius:8px}.staff-role-mark{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border:1px solid #82673a66;border-radius:6px;background:#ab7f1812;color:#d9b77f;font-size:14px;font-weight:750}.staff-role-guide h2{font-size:15px;margin:1px 0 9px}.staff-role-guide p{font-size:11px;color:#a4ada9;line-height:1.9}.staff-directory{border:1px solid #363e39;border-radius:9px;background:#1a1e1f;padding:30px}.staff-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.staff-section-heading h2{font-size:22px;letter-spacing:-.5px;margin-top:12px}.staff-text-button{background:none;color:#d9bc8b;font-size:11px}.staff-search label{display:block;font-size:11px;color:#a7b0ab;margin-bottom:9px}.staff-search>div{display:flex;gap:10px}.staff-search input{flex:1;min-width:0;background:#141919;border:1px solid #434a40;border-radius:6px;padding:13px 15px;font:inherit;font-size:12px;color:#e6eae5}.staff-search input:focus-visible,.staff-user select:focus-visible{outline:2px solid #e9b76d;outline-offset:2px}.staff-search .button{min-height:44px;font-size:11px;padding:10px 18px}.staff-list-status{font-size:11px;color:#a6b2aa;line-height:1.8;margin:20px 0}.staff-users{display:grid;gap:10px}.staff-user{display:grid;grid-template-columns:minmax(180px,1fr) minmax(175px,220px) auto;gap:20px;align-items:center;border:1px solid #394139;border-radius:7px;padding:18px;background:#1e2322}.staff-user-name{font-size:14px;color:#ebeeea;overflow-wrap:anywhere}.staff-user-meta{display:block;color:#9da99f;font-size:10px;line-height:1.8;margin-top:7px}.staff-user label{display:block;font-size:9px;color:#a7b0a9;margin-bottom:6px}.staff-user select{width:100%;font:inherit;font-size:12px;padding:10px;border-radius:5px;background:#161c18;color:#e0e5db;border:1px solid #4f5846}.staff-user .button{min-height:40px;padding:10px 15px;font-size:10px;align-self:end}.staff-user button:disabled,.staff-user select:disabled{opacity:.5;cursor:default}.staff-more{margin-top:23px}.staff-footnote{color:#919c93;font-size:10px;line-height:1.8;margin-top:25px}.staff-dialog{width:min(510px,calc(100% - 32px));padding:32px;border:1px solid #766243;border-radius:10px;background:#1c211f;color:#e8ebe4;max-height:90dvh;overflow:auto;overscroll-behavior:contain}.staff-dialog::backdrop{background:#070b0bd9;backdrop-filter:blur(5px)}.staff-dialog h2{font-size:25px;letter-spacing:-.6px;line-height:1.3;margin:18px 0 14px}.staff-dialog>p{font-size:12px;line-height:1.8;color:#a8b1a8}.staff-confirm-details{display:grid;gap:14px;padding:20px 0;margin:20px 0;border-block:1px solid #3c4538}.staff-confirm-details>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.staff-confirm-details dt{font-size:11px;color:#a4ac9f}.staff-confirm-details dd{font-size:13px;color:#e7d0a8;margin:0;text-align:right;overflow-wrap:anywhere}.staff-dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.staff-dialog-actions .button{font-size:11px;padding:12px 16px;white-space:normal}.staff-dialog .staff-error{padding:12px;border:1px solid #8b5e4b;color:#e7baa4;background:#8c443714;margin-top:17px}.staff-dialog button:disabled{opacity:.5;cursor:default}.staff-panel-card{max-width:710px;padding:44px;border:1px solid #615138;border-radius:10px;background:radial-gradient(ellipse at top right,#97713916,transparent 70%),#1b201f}.staff-panel-brand{display:flex;align-items:center;gap:17px;margin-bottom:30px}.staff-panel-brand>span{font-size:25px;font-weight:800;letter-spacing:3px}.staff-panel-brand small{display:block;font-size:8px;letter-spacing:3px;color:#b5aa92;margin-top:8px;font-weight:600}.staff-panel-card h2{font-size:25px;letter-spacing:-.5px;margin-bottom:16px}.staff-panel-card>p{font-size:13px;line-height:1.9;color:#a9b1a8}.staff-panel-card>.button{margin-top:26px;white-space:normal}.staff-panel-card .staff-panel-status{font-size:11px;margin-top:17px}.staff-back-link{display:inline-block;color:#c8ad82;font-size:11px;margin-top:24px}.staff-back-link:hover{color:#ffdb9c}
@media(min-width:1101px) and (max-width:1370px){.site-header:has(.staff-nav-menu:not([hidden])) .header-discord{display:none}.site-header:has(.staff-nav-menu:not([hidden])) .desktop-nav{gap:17px}.site-header:has(.staff-nav-menu:not([hidden])) .nav-link{font-size:12px}}
@media(max-width:1100px){.staff-nav-menu{display:none}}
@media(max-width:760px){.staff-role-guide{grid-template-columns:1fr}.staff-heading{align-items:flex-start;flex-direction:column;gap:16px}.staff-heading h1{font-size:36px}.staff-user{grid-template-columns:minmax(0,1fr) auto;gap:17px}.staff-user>div:first-child{grid-column:1/-1}.staff-directory{padding:22px}.staff-topline>span{display:none}.staff-section-heading{align-items:flex-start}.staff-section-heading h2{font-size:19px}.staff-text-button{max-width:80px;text-align:right;line-height:1.8}.staff-panel-card{padding:30px}.staff-panel-brand>img{width:72px;height:72px}.staff-panel-brand>span{font-size:21px}.staff-panel-card h2{font-size:22px}.staff-dialog{padding:25px}.staff-dialog-actions{flex-wrap:wrap}.staff-panel-card>.button{width:100%}}
@media(max-width:390px){.staff-user{grid-template-columns:1fr}.staff-user>div:first-child{grid-column:auto}.staff-user .button{width:100%}.staff-search>div{flex-direction:column}.staff-heading h1{font-size:32px}}
