#staffPanel{z-index:39;width:min(1080px,94vw);max-height:85vh;text-align:left;padding:24px 28px;--mu-x:1.5px;--mu-y:1.5px;font:13px Arial;color:#ddd}#staffPanel[hidden]{display:none}#staffPanel header{display:flex;align-items:center;justify-content:space-between}#staffPanel h2{color:#e1c58b;font-size:18px;margin:6px 0 16px}#staffPanel h3{color:#d8bc7f}#staffPanel nav{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #777;padding-bottom:12px;margin-bottom:12px}#staffPanel button{width:auto;min-width:100px;height:30px;display:inline-block;margin:4px 3px}#staffPanel nav button.selected{color:#f7d26c;background-position:0 50%}#staffPanel main{max-height:60vh;overflow:auto;padding:4px 10px 10px 4px}#staffPanel label{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:8px 0}#staffPanel input,#staffPanel select{background:#111d;border:1px solid #79736b;color:#eee;padding:5px;min-width:0;font:inherit}#staffPanel input:not([type=checkbox]),#staffPanel select{max-width:300px;width:60%}#staffPanel input[type=checkbox]{width:18px;height:18px}#staffPanel form{padding:10px;border:1px solid #625b50;margin:10px 0;background:#0005}#staffPanel small{display:block;line-height:1.4;color:#bdb6a8}#staffPanel .staffColumns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#staffPanel .staffSettings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}#staffPanel .staffSettings label{align-items:flex-start;flex-direction:column}#staffPanel .staffSettings input:not([type=checkbox]){width:100%;box-sizing:border-box}#staffPanel .staffEventList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#staffPanel article{padding:10px;border:1px solid #615a4d}#staffPanel .staffResult{color:#f1cf79;min-height:18px;margin-bottom:0}@media(max-width:760px){#staffPanel .staffColumns,#staffPanel .staffSettings,#staffPanel .staffEventList{grid-template-columns:1fr}#staffPanel{padding:18px}}

#staffPanel header{position:static;inset:auto;height:auto;min-height:38px;padding:0;gap:12px;background:none;pointer-events:auto;z-index:auto}#staffPanel header h2{position:static;inset:auto;margin:0;color:#e1c58b}#staffPanel header button{margin:0 0 0 auto}#staffPanel input,#staffPanel select{margin:0;border-radius:0;height:29px}#staffPanel h3{margin:8px 0 14px}#staffPanel label{min-height:30px;margin:8px 0}#staffPanel nav{margin-top:10px}#staffPanel main{max-height:58vh}#staffPanel .staffResult{margin-top:12px}#staffPanel input[type=checkbox]{height:18px}

#staffPanel textarea{width:60%;background:#111;color:#eee;border:1px solid #79736b;font:inherit;padding:6px}

#staffPanel header{width:100%;border:0;border-radius:0;box-shadow:none;color:#ddd}#staffPanel header button{flex:0 0 100px}
/* Staff inventory shares the native item frame, equipment coordinates and 8x8 bag. */
#staffPanel .staffInventoryLayout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}#staffPanel .staffInventoryNative{position:relative;width:380px;height:792px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back04.tga') top/100% 128px no-repeat,url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_back03.tga') bottom/100% 90px no-repeat,url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg') repeat;border:1px solid #81796e}#staffPanel .staffInvTitle{position:absolute;top:24px;width:100%;text-align:center;color:#ead19a}#staffPanel .staffEquipment{position:absolute;inset:0 0 auto;height:400px}#staffPanel .staffBag{position:absolute;left:30px;top:400px;width:320px;height:320px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_box.tga') 0 0/40px 40px;border:1px ridge #999}#staffPanel .staffInvItem{position:absolute;min-width:0;width:auto;height:auto;border:0;padding:0;margin:0;background:#104e4c38;box-shadow:none;border-radius:0}#staffPanel .staffInvItem:hover,#staffPanel .staffInvItem:focus-visible{background-color:#17417b88;outline:1px solid #5886bd}#staffPanel .staffInvItem img{width:100%;height:100%;object-fit:contain;pointer-events:none}#staffPanel .staffInvItem small{position:absolute;right:3px;bottom:1px;color:white}#staffPanel .staffEquipSlot{position:absolute;min-width:0;padding:0;margin:0;border:0;height:auto;box-shadow:none;border-radius:0;background-size:100% 100%}#staffPanel .staffEquipSlot:disabled{opacity:.75}#staffPanel .staffInvZen{position:absolute;left:22px;right:18px;top:738px;padding:14px 20px 14px 70px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_money.tga') center/100% 100%;color:#e9c24d}#staffPanel .staffBagPages{display:flex;align-items:center;flex-wrap:wrap;gap:4px}#staffPanel .staffItemPreview{display:block;width:100%;height:240px;background:#080b0baa;border:1px solid #726a5d}#staffPanel .staffItemOptions{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}#staffPanel .staffItemOptions fieldset{grid-column:1/-1;border:1px solid #726a5d}#staffPanel .staffItemOptions fieldset label{justify-content:flex-start;text-align:left;font-size:12px}#staffPanel .staffItemOptions label{align-items:center}#staffPanel .staffItemOptions input:not([type=checkbox]),#staffPanel .staffItemOptions select{width:55%}#staffPanel .staffPlayerCommands{padding:8px;border:1px solid #726a5d;margin:12px 0}#staffPanel .staffItemActions{padding:8px 0}.staffItemTooltip{position:fixed!important;z-index:55!important;right:auto;bottom:auto;pointer-events:none}#staffPanel .staffColumns{grid-template-columns:repeat(2,minmax(0,1fr))}#staffPanel [hidden]{display:none!important}@media(max-width:950px){#staffPanel .staffInventoryLayout{grid-template-columns:1fr}#staffPanel .staffInventoryNative{max-width:100%}#staffPanel .staffItemOptions{grid-template-columns:1fr}}
#staffPanel .staffInventoryLayout{--si:min(1.5px,calc(50vh / 396));grid-template-columns:calc(190 * var(--si)) minmax(0,1fr)}#staffPanel .staffInventoryNative{width:calc(190 * var(--si));height:calc(396 * var(--si));background-size:100% calc(64 * var(--si)),100% calc(45 * var(--si)),auto}#staffPanel .staffInvTitle{top:calc(12 * var(--si))}#staffPanel .staffEquipment{height:calc(200 * var(--si))}#staffPanel .staffBag{left:calc(15 * var(--si));top:calc(200 * var(--si));width:calc(160 * var(--si));height:calc(160 * var(--si));background-size:calc(20 * var(--si)) calc(20 * var(--si))}#staffPanel .staffInvZen{left:calc(11 * var(--si));right:calc(9 * var(--si));top:calc(369 * var(--si));padding:calc(7 * var(--si)) calc(10 * var(--si)) calc(7 * var(--si)) calc(35 * var(--si))}#staffPanel .staffBagPages button{min-width:65px;font-size:11px}#staffPanel .staffItemOptions{grid-template-columns:1fr}#staffPanel .staffItemOptions fieldset label{min-height:24px}#staffPanel .staffItemOptions{margin:8px 0}#staffPanel .staffItemWorkshop h3{margin-top:8px}#staffPanel .staffItemWorkshop .staffItemPreview{height:180px}@media(max-width:760px){#staffPanel .staffInventoryLayout{grid-template-columns:1fr}}
#staffPanel .staffItemPreview{position:static;inset:auto;transform:none;pointer-events:none;z-index:auto}#staffPanel .staffCommandsFold{border:1px solid #726a5d;padding:8px;margin:8px 0 12px}#staffPanel .staffCommandsFold summary{color:#e1c58b;cursor:pointer}#staffPanel .staffItemWorkshop [data-item-description]{line-height:1.5}

#staffPanel .staffSettingGroup{border:1px solid #625b50;margin:16px 0;padding:10px 12px}#staffPanel .staffSettingGroup legend{color:#e1c58b;padding:0 8px;font-weight:bold}#staffPanel nav button{min-width:82px;font-size:12px;margin:2px 0}#staffPanel .staffSettingGroup .staffSettings input{max-width:none}#staffPanel main>label:first-child{position:sticky;top:-4px;background:#151513;padding:8px;z-index:2}

#staffTestClient{position:fixed;z-index:45;left:50%;top:5vh;transform:translateX(-50%);width:min(1100px,94vw);height:85vh;display:flex;flex-direction:column;background:#151515;border:3px ridge #8a8275;box-shadow:0 8px 35px #000a;resize:both;overflow:hidden;min-width:360px;min-height:300px}#staffTestClient.compact{width:55vw;height:58vh}#staffTestClient header{position:static;inset:auto;width:auto;height:42px;display:flex;align-items:center;gap:8px;flex-shrink:0;padding:4px 10px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');cursor:move;touch-action:none;pointer-events:auto;border-bottom:1px solid #777}#staffTestClient strong{color:#dfc184;margin-right:auto;font:13px Arial}#staffTestClient button{min-width:90px;width:auto;height:28px;font:12px Arial;margin:0}#staffTestClient iframe{flex:1;width:100%;min-height:0;border:0;background:#000}#staffTestClient[hidden]{display:none}

/* Stable outer frame; only the active tab contents scroll. */
#staffPanel{height:min(760px,85vh);display:flex;flex-direction:column;overflow:hidden;resize:none}#staffPanel header,#staffPanel nav,#staffPanel .staffResult{flex-shrink:0}#staffPanel main{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;scrollbar-gutter:stable;box-sizing:border-box;width:100%}#staffTestClient button{border:0;border-radius:0;background:transparent url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_btn_empty.tga') 0 0/100% 300% no-repeat;color:#eee;text-shadow:1px 1px #000}#staffTestClient button:hover{background-position:0 50%}


#staffPanel .staffShopGrid{position:absolute;left:calc(15 * var(--si));top:calc(40 * var(--si));width:calc(160 * var(--si));height:calc(300 * var(--si));background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_box.tga') 0 0/calc(20 * var(--si)) calc(20 * var(--si));border:1px ridge #999}#staffPanel .staffShopPrice{border:1px solid #726a5d;padding:8px;margin:8px 0}#staffPanel [data-shop-location]{color:#cfc1a6}#staffPanel [data-shop-picker]{max-width:none;width:85%}
#staffPanel .staffShopGrid .staffInvItem{cursor:grab}#staffPanel .staffShopGrid .staffInvItem:active{cursor:grabbing}#staffPanel .staffShopDragging{opacity:.35}#staffPanel .staffShopDropGhost{position:absolute;z-index:3;box-sizing:border-box;border:2px solid #d6b64a;background:#d6b64a44;pointer-events:none}#staffPanel .staffShopDropGhost.invalid{border-color:#cf493f;background:#cf493f44}

#staffPanel .staffBotForm fieldset{border:1px solid #625b50;padding:12px;margin:12px 0}#staffPanel .staffBotForm legend{color:#e1c58b;font-weight:bold;padding:0 6px}#staffPanel .staffBotTypes button.selected{color:#f7d26c;background-position:0 50%}
#staffPanel .staffServerGroups{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
#staffPanel .staffServerGroups button{min-width:100px;margin:0}
#staffPanel .staffServerGroups button.selected{color:#f8d376;background-position:0 50%}
#staffPanel .staffServerForm fieldset{border:1px solid #625b50;margin:12px 0;padding:12px}
#staffPanel .staffServerForm legend{color:#e1c58b;font-weight:bold;padding:0 8px}
#staffPanel .staffServerForm .staffSettings label{display:flex;flex-direction:column;align-items:stretch;gap:7px;justify-content:flex-start}
#staffPanel .staffServerForm .staffSettings input{width:100%;box-sizing:border-box}
#staffPanel .staffServerForm .staffSettings input[type=checkbox]{width:20px;height:20px;align-self:flex-start}
#staffPanel .staffServerForm small{color:#bdb5a6;line-height:1.4;font-size:11px}
#staffPanel .staffSettingsSave{position:sticky;bottom:-1px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px;background:#181817 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border-top:1px solid #746c5d;z-index:2}
#staffPanel .staffSettingsSave span{color:#e1c58b;font-size:12px}
#staffPanel input[type=search]{box-sizing:border-box;width:100%;max-width:100%}
#staffPanel .staffOpsMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
#staffPanel .staffOpsMetrics strong{display:block;color:#f1cf79;font-size:22px;margin-bottom:5px}
#staffPanel .staffOpsToolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}
#staffPanel .staffOpsToolbar input[type=search]{flex:1;min-width:180px;width:auto}
#staffPanel .staffRosterScroll{overflow:auto}
#staffPanel .staffRosterScroll table{width:100%;border-collapse:collapse;font-size:12px}
#staffPanel .staffRosterScroll th,#staffPanel .staffRosterScroll td{text-align:left;padding:9px 8px;border-bottom:1px solid #615a4d;vertical-align:top}
#staffPanel .staffRosterScroll th{color:#e1c58b}
#staffPanel .staffRosterActions button{font-size:11px;min-width:120px;height:26px}
#staffPanel .staffModerationHistory{padding-left:22px}
#staffPanel .staffModerationHistory li{border-bottom:1px solid #625b50;padding:10px 2px}
#staffPanel .staffModerationHistory p{white-space:pre-wrap;overflow-wrap:anywhere}
#staffPanel .staffAnnouncementPreview{padding:14px;color:#f7cc48;min-height:24px;background:#080808;border:1px solid #71664c;white-space:pre-wrap;overflow-wrap:anywhere}
#staffPanel textarea{background:#111d;border:1px solid #79736b;color:#eee;padding:8px;box-sizing:border-box;width:70%;font:inherit;resize:vertical}
#staffPanel .staffOpsMaintenance{margin:16px 0;border:1px solid #625b50;padding:12px}
@media(max-width:760px){#staffPanel .staffOpsMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}