/* One predictable header: back, title, position reset, close. */
#panel .panelHead{display:grid;grid-template-columns:56px minmax(0,1fr)28px 30px;align-items:center;gap:6px;min-height:38px;padding:5px 7px;}
#panel .panelHead #panelBack{display:inline-flex;align-items:center;justify-content:center;width:56px;min-width:0;height:32px;padding:0 5px;font:700 13px/1.2 var(--font-ui);white-space:nowrap;color:#fff0b4;background:#354a37;border:1px solid #b49a61;border-radius:6px;}
#panel .panelHead #panelTitle{min-width:0;display:flex;align-items:center;gap:6px;font-size:17px;line-height:1.25;margin:0;padding:0;}
#panel .panelHead #panelTitle .artIcon,#panel .panelHead #panelTitle .menuIcon{width:22px;height:22px;flex:0 0 22px;}
#panel .panelHeadingText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
#panel .panelHead #close,#panel .panelHead #panelReset{display:inline-flex;align-items:center;justify-content:center;width:100%;height:30px;min-height:0;padding:0;line-height:1;font-size:20px;}
#panel :is(.lootTabs,.codexCategories,.transformPageTabs,.transformQuickLinks,.commerceTabs,.workTabs,.enhanceModeTabs,.chatTabs,.chatFilters) button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;}
#panel [data-codex-detail]{display:inline-flex;align-items:center;justify-content:center;gap:4px;text-align:center;line-height:1.3;}
@media(max-width:370px){#panel .panelHead{grid-template-columns:50px minmax(0,1fr)25px 27px;gap:4px;}#panel .panelHead #panelBack{width:50px;font-size:12px;}#panel .panelHead #panelTitle{font-size:14px;gap:4px;}#panel .panelHead #panelTitle :is(.artIcon,.menuIcon){width:18px;height:18px;flex-basis:18px;}}