body.esoruh-interaction{-webkit-user-select:none;user-select:none}
body.esoruh-interaction .esoruh-interaction-field,body.esoruh-interaction .esoruh-interaction-copy-field,body.esoruh-interaction [data-interaction-editable],body.esoruh-interaction [data-interaction-editable] *,body.esoruh-interaction [data-esoruh-clipboard-fallback]{-webkit-user-select:text;user-select:text}
.esoruh-context-menu[hidden]{display:none!important}
html.ui-portal .esoruh-context-menu{position:fixed;inset:auto;z-index:2000;width:252px;margin:0;padding:0;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid #c3d2e4;border-radius:6px;background:#ffffff;color:#333333;box-shadow:0 12px 32px rgba(27,42,62,.2),0 2px 6px rgba(27,42,62,.08);font:500 13px/1.4 var(--ui-font);text-align:left}
html.ui-portal .ctx-head{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 3px 0 12px;border-bottom:1px solid #d3deeb;border-radius:5px 5px 0 0;background:linear-gradient(#ffffff,#edf3fa)}
html.ui-portal .ctx-head > b{flex:1 1 auto;min-width:0;overflow:hidden;color:#1d4f91;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
html.ui-portal .ctx-head > b::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 2px 0;background:#2a62b0;vertical-align:middle}
html.ui-portal .ctx-x{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:4px;background:none;color:#5c6875;cursor:pointer}
html.ui-portal .ctx-x:hover{background:#e3ebf5;color:#1d4f91}
html.ui-portal .ctx-sec{display:grid;gap:1px;padding:4px}
html.ui-portal .ctx-sec + .ctx-sec{border-top:1px solid #e6ecf2}
html.ui-portal .ctx-main,html.ui-portal .ctx-sub{grid-template-columns:repeat(2,minmax(0,1fr))}
html.ui-portal .ctx-i,html.ui-portal .ctx-i:visited{display:flex;align-items:center;gap:8px;min-width:0;min-height:32px;margin:0;padding:0 8px;box-sizing:border-box;border:0;border-radius:4px;background:none;color:#333333;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
html.ui-portal .ctx-i > span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.ui-portal .ctx-i > svg,html.ui-portal .ctx-i > i{display:block;flex:none;width:16px;height:16px}
html.ui-portal .ctx-i:hover > svg,html.ui-portal .ctx-i[aria-current] > svg{stroke:#1d4f91}
html.ui-portal .ctx-i:hover{background:#eef4fb;color:#1d4f91;text-decoration:none}
html.ui-portal .ctx-i[aria-current]{background:#e6effa;color:#1d4f91;font-weight:700}
html.ui-portal .ctx-i:disabled{background:none;color:#9aa5b1;cursor:default}
html.ui-portal .ctx-i:disabled > svg{opacity:.5}
html.ui-portal .ctx-sub .ctx-i,html.ui-portal .ctx-util .ctx-i{min-height:30px;color:#555555;font-size:12px}
html.ui-portal .ctx-sub .ctx-i[aria-current]{color:#1d4f91}
html.ui-portal .ctx-n{flex:none;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:#c9372a;color:#ffffff;font-size:11px;font-style:normal;font-weight:700;line-height:16px;text-align:center}
html.ui-portal .esoruh-context-item{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;margin:0 0 0 6px;padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:4px;background:none;box-shadow:none;color:#6b7785;cursor:pointer;vertical-align:middle}
html.ui-portal .esoruh-context-item:hover,html.ui-portal .esoruh-context-item[aria-expanded="true"]{border-color:#c3d2e4;background:#eef4fb;color:#1d4f91}
html.ui-portal .esoruh-context-menu:focus{outline:none}
html.ui-portal .esoruh-context-menu :focus-visible,html.ui-portal .esoruh-context-item:focus-visible{outline:2px solid #1d4f91;outline-offset:-2px}
html.ui-portal .app .loot-item > .esoruh-context-name-host{display:flex;align-items:center;flex:1 1 0%;flex-wrap:nowrap;min-width:0;max-width:100%;overflow:visible;white-space:nowrap}
.esoruh-context-name{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esoruh-context-name-host > .lk{flex:none}
@media (pointer:coarse){
  html.ui-portal .ctx-i{min-height:40px}
  html.ui-portal .ctx-sub .ctx-i,html.ui-portal .ctx-util .ctx-i{min-height:38px}
  html.ui-portal .ctx-x{width:40px;height:40px}
  html.ui-portal .esoruh-context-item{width:40px;height:40px}
}
@container (width < 820px){
html.ui-portal .bag-list .loot-item:has(> .esoruh-context-name-host){flex-wrap:wrap;row-gap:4px}
html.ui-portal .bag-list .loot-item:has(> .esoruh-context-name-host)::after{content:"";flex:0 0 100%;height:0;order:1}
html.ui-portal .bag-list .loot-item:has(> .esoruh-context-name-host) > :is(.eff,.slot,.stat,.price,.qty,.acts){order:2}
}
