/* Equipment workbench: the character and slots stay visible beside direct browsing. */
#ovcard:has(.bagmenu){max-width:1220px;width:min(1220px,96vw);padding:0;border:0;background:none;box-shadow:none}#ovcard:has(.bagmenu)::before{display:none}
.bagmenu{box-sizing:border-box;max-width:none!important;width:100%;padding:18px 20px!important;max-height:95dvh;overflow:auto;text-align:left}
.bagmenu .bagheader{display:flex;justify-content:space-between;align-items:center;gap:12px}.bagmenu .ovh{font-size:25px;margin:2px 0}.bagmenu .ovkicker{margin:0}.bagcapacity{color:#b5bdcc;font-size:12px;text-align:right}.bagcapacity b{color:#fff;font-size:17px}.bagcapacity span{color:#efcb7f}
.bagmenu .baglayout{grid-template-columns:minmax(430px,.95fr) minmax(0,1.1fr);gap:16px;margin-top:14px}.bagmenu .bagequip{min-height:500px;background:radial-gradient(ellipse at 70% 45%,#423b3355,transparent 60%),linear-gradient(145deg,#1c2834,#10151e)}.bagmenu .bagequiphead{left:14px;top:14px;right:12px}.bagmenu .bagequiphead b{font-size:15px;margin-top:5px}.bagmenu .bagequiphead span{font-size:10px;letter-spacing:.05em}
.bagmenu .bagslots{width:44%;max-width:240px;left:12px;top:70px;bottom:14px;gap:6px}.bagmenu .bagslot{box-sizing:border-box;width:100%;min-height:54px;grid-template-columns:38px minmax(0,1fr);padding:6px 7px;gap:7px;text-align:left;font:inherit;color:#edf1f8;cursor:pointer;transition:background .12s,border-color .12s}.bagmenu .bagslot:hover:not(:disabled),.bagmenu .bagslot.selected{border-color:#f3c268;background:linear-gradient(110deg,#52442b,#242b36)}.bagmenu .bagslot:disabled{cursor:default;opacity:.7}.bagmenu .bagslotimg,.bagmenu .bagslotempty{width:36px;height:36px}.bagmenu .bagslotname{font-size:11px;color:#f0e9db}.bagmenu .bagslotlabel{font-size:9px;color:#aebbd1;letter-spacing:.04em}.bagmenu .bagslotname small{display:block;font-size:9px;font-weight:500;color:#c5b58e;margin-top:3px}.bagmenu .bagdoll3d{width:58%;height:420px;right:-5px;top:70px}.bagmenu .bagdollhint{right:12%;bottom:16px}
.bagmenu .baginventory{border:1px solid #394456;border-radius:14px;background:#111923;overflow:hidden}.bagtabs{display:flex;background:#1e2a39;padding:8px;gap:5px}.bagtab{font:700 12px system-ui;min-height:38px;flex:1;border:1px solid #485264;border-radius:7px;color:#c6d0df;background:#18212e;padding:6px 8px;cursor:pointer;white-space:nowrap}.bagtab.selected{background:#e3ad52;color:#1c1b1b;border-color:#f3ce85}.bagtab span:not(.ico){font-size:10px;opacity:.8}.bagtab .ico{width:20px;height:20px;vertical-align:middle;margin-right:5px}.bagtypes{display:flex;gap:5px;padding:8px 10px 0}.bagtypes .bagtab{font-size:11px;min-height:32px}.bagbrowsehead{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 8px;gap:8px;color:#f2e5c9}.bagbrowsehead b{font-size:14px}.bagbrowsehead span{font-weight:400;color:#a9b9cc}.bagclear{font:600 11px system-ui;color:#e5c98f;background:none;border:0;cursor:pointer;padding:5px}.bagclear[hidden]{display:none}.bagtools{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 8px;font:11px system-ui;color:#c1cbda}.bagtools label,.bagsale label{display:flex;align-items:center;gap:6px}.bagmenu input[type=checkbox]{accent-color:#e8b45c;width:15px;height:15px}
.bagmenu .baginventory .achlist{flex:1;min-height:160px;max-height:390px!important;padding:0 9px 4px;margin:0;overflow:auto;scrollbar-width:thin}.bagmenu .bagitem{display:grid;grid-template-columns:50px minmax(0,1fr);gap:9px;padding:10px 8px 10px 12px;background:#1c2632;border-color:#364355}.bagmenu .bagav{width:50px;height:50px;border-radius:8px}.bagitemcopy{flex:1;min-width:0}.bagmenu .bagitem .gn{font-size:13px;line-height:1.3}.bagmenu .bagitem .gd{font-size:10px;display:block;line-height:1.4;overflow-wrap:anywhere}.bagcompare{display:block;font-size:11px;margin-top:5px;color:#bfcbdc}.bagcompare.better{color:#9bdbad}.bagcompare.worse{color:#e8ad9f}.bagrestriction{display:block;color:#d8af7f;font-size:10px;margin-top:4px}.bagitemactions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.bagmenu .bagitemactions .bigbtn,.bagmenu .bagitemactions .bagSell{box-sizing:border-box;width:100%;margin:0;padding:10px 8px;font:800 13px system-ui;min-height:44px;border-radius:8px;white-space:nowrap}.bagitemactions .bigbtn:disabled{opacity:.5;cursor:default}.bagmenu .bagSell{background:#2b5146;border:1px solid #79b49d;color:#eff9ed;cursor:pointer;font-variant-numeric:tabular-nums}.bagmenu .bagSell:hover{background:#356354;color:#fff}.bagitemactions button:focus-visible{outline:3px solid #ffe29b;outline-offset:2px}.bagempty{text-align:center;padding:42px 20px;color:#d4c39f}.bagempty p{font-size:12px;color:#afbdcc;line-height:1.6}.bagsale{padding:10px 12px;border-top:1px solid #354154;font:11px system-ui;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#b9c5d5}.bagsale label{color:#e8cf9f}.bagmenu .bagfoot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px}.bagmenu .bagfoot .bigbtn{width:auto;padding:9px 16px;font-size:12px;min-height:38px}.bagmenu .bagfoot #backBtn{background:#d9a550;color:#211c17;border-color:#f0c77d}.whistleOffer{border:1px solid #8c764c;border-radius:10px;padding:14px;margin:12px 0;background:#29302f;text-align:left;display:flex;gap:12px;justify-content:space-between;align-items:center}.whistleOffer b{color:#f1d391}.whistleOffer p{font-size:12px;color:#c7d0d8;margin:6px 0}.fieldCompanions{max-width:800px!important}.fieldCompanions .petgrid{max-height:62vh;overflow:auto}
@media(max-width:1000px){.bagmenu .baglayout{grid-template-columns:minmax(350px,.85fr) minmax(0,1fr);gap:10px}.bagmenu .bagslotname{font-size:10px}.bagtab{font-size:11px;padding:5px}.bagmenu .bagitem .bagav{width:38px;height:38px}}
@media(max-width:760px){.bagmenu{padding:12px!important}.bagmenu .baglayout{grid-template-columns:1fr}.bagmenu .bagequip{min-height:400px}.bagmenu .bagslots{width:45%;max-width:none;top:62px;gap:4px}.bagmenu .bagslot{min-height:41px;grid-template-columns:29px minmax(0,1fr);padding:4px}.bagmenu .bagslotimg,.bagmenu .bagslotempty{width:28px;height:28px}.bagmenu .bagdoll3d{height:330px;top:60px}.bagmenu .baginventory .achlist{max-height:48vh!important}.bagcapacity{font-size:10px}.bagmenu .ovh{font-size:20px}.bagmenu .bagfoot{justify-content:flex-start}.bagmenu .bagfoot .bigbtn{flex:1}.whistleOffer{flex-wrap:wrap}}
@media(min-width:761px){.bagmenu .baglayout{height:min(510px,calc(95dvh - 180px));min-height:400px}.bagmenu .bagequip{min-height:0;height:100%}.bagmenu .baginventory{height:100%;min-height:0}.bagmenu .baginventory .achlist{min-height:0;max-height:none!important}.bagmenu .bagslots{gap:5px}.bagmenu .bagslot{min-height:49px}.bagmenu .bagdoll3d{height:calc(100% - 90px);max-height:420px}}