.commerce-panel{width:min(1240px,96vw)!important;height:min(880px,94vh)!important;max-height:94vh!important;background:linear-gradient(120deg,#241b13,#0d0c0b 48%,#201710)!important;border:3px double #957244!important;box-shadow:0 0 0 5px #14100b,0 22px 80px #000b!important;display:flex;flex-direction:column}.commerce-panel > header{flex:0 0 auto}.commerce-panel #panel-content{padding:16px!important;display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;overflow:hidden!important}.commerce-panel button,.commerce-panel input,.commerce-panel select{font-size:14px;border:1px solid #665134;color:#e8d6ab;background:linear-gradient(#35281d,#1a140e);border-radius:2px;padding:8px 10px}.commerce-panel button:hover{border-color:#dcb371;background:linear-gradient(#614422,#32200f)}.commerce-panel button:disabled{opacity:.45;cursor:default}.commerce-panel small{display:block;color:#aa9b85;font-size:12px;line-height:1.5}.commerce-panel h3{font-size:17px;color:#e5c78e;margin:9px 0}.commerce-panel p{line-height:1.65;color:#c5b79f}.cm-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cm-tabs .active{border-color:#e5b466;background:linear-gradient(#794018,#35180d);color:#ffe2a6}.cm-tabs>span{margin-left:auto;color:#efc77d;font-size:14px}.cm-status{font-size:13px;min-height:25px;color:#c4ac7f;border-bottom:1px solid #584328;padding-bottom:6px}.cm-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:16px;flex:1;min-height:0}.cm-list,.cm-detail{border:1px solid #554027;background:#09090999;padding:12px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#80613b #17120e}.cm-detail{background:radial-gradient(ellipse at top,#372719,#0b0a0999 70%)}.cm-detail-icon{height:110px;display:grid;place-items:center}.cm-detail-icon>span,.cm-detail-icon>div,.cm-detail-icon>img{width:90px!important;height:90px!important}.cm-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #3d3021;padding:10px 4px;font-size:14px}.cm-item{display:flex;gap:8px;align-items:center;border-bottom:1px solid #392e20;padding:5px 0}.cm-item-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;background:transparent!important;border:0!important;padding:3px!important}.cm-item-main>span:last-child{flex:1;min-width:0}.cm-item-main b{font-size:14px}.cm-item-main>.art-icon,.cm-item-main>img,.cm-item-main>.item-icon{width:45px!important;height:45px!important;flex:0 0 45px}.cm-pagination{display:flex;gap:15px;align-items:center;justify-content:center;font-size:12px;padding:8px}.cm-pagination button{padding:3px 12px}.cm-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;align-items:center}.cm-filters input:not([type=checkbox]){width:155px}.cm-filters select{max-width:120px}.cm-filters label{font-size:12px}.cm-compose{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.cm-compose label:first-child{flex:1;min-width:130px}.cm-footer{display:flex;gap:10px;align-items:end;flex-wrap:wrap;border-top:1px solid #6a4b2c;padding-top:10px;flex:0 0 auto;font-size:13px}.cm-footer .cm-compose{flex:1}.cm-footer label,.cm-compose label{font-size:12px;color:#c5ab7d;display:flex;flex-direction:column;gap:4px}.cm-footer input,.cm-compose input{width:125px}.cm-footer select{max-width:265px}.cm-footer>span{flex:1}.cm-empty{padding:45px 12px;text-align:center;color:#bda780;line-height:2}.cm-offers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cm-offers section{background:#30231566;border:1px solid #715334;padding:8px}.cm-offer-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;min-height:80px}.cm-offer-icons button{padding:1px;position:relative;height:43px;overflow:hidden}.cm-offer-icons button>span{width:34px!important;height:34px!important}.cm-offer-icons small{position:absolute;bottom:0;right:1px;color:#ffc768}.cm-bag{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cm-bag label{display:flex;align-items:center;font-size:12px;border:1px solid #3e3020;padding:3px;gap:4px}.cm-bag label>.art-icon,.cm-bag label>.item-icon{width:30px!important;height:30px!important}.cm-note{font-size:12px;margin:0 0 8px}.cm-stall,.cm-auction{border:1px solid #5d4329;background:#231a1166;margin-bottom:8px;padding:8px}.cm-stall.mine{border-color:#b08d4d}.cm-auction input{width:100px;padding:5px}.cm-price{font-size:24px;color:#ffd17e;margin:20px 0 12px}.cm-stall-goods .cm-item-main b{font-size:12px}.cm-stall-goods .cm-item-main>span:first-child{width:35px!important;height:35px!important}.cm-affixes{white-space:pre-wrap;font-size:12px;max-height:100px;overflow:auto;color:#b5cba2}.cm-offline{padding:50px;line-height:2}.cm-alert{box-shadow:inset 0 0 10px #d89b38!important}#commerce-stalls{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}#commerce-stalls[hidden]{display:none}#commerce-stalls button{position:absolute;transform:translateX(-50%);pointer-events:auto;background:linear-gradient(#322313ee,#120d08f5);border:1px solid #b89458;color:#f3d79c;padding:5px 13px;box-shadow:0 2px 7px #000a;font-size:13px;white-space:nowrap}#commerce-stalls small{display:block;color:#baa982;font-size:11px}.cm-stall-goods .cm-item{gap:4px}@media(max-height:820px){.commerce-panel > header{padding:12px 22px!important}.commerce-panel #panel-content{padding:10px!important;gap:6px}.commerce-panel h3{font-size:15px;margin:5px 0}.cm-item-main>.art-icon,.cm-item-main>.item-icon{width:35px!important;height:35px!important;flex-basis:35px}.cm-row{padding:7px 3px}.cm-auction{padding:4px;margin-bottom:4px}.cm-filters input,.cm-filters select{padding:5px}.cm-detail-icon{height:80px}.cm-detail-icon>span{width:72px!important;height:72px!important}.cm-offer-icons{min-height:45px}.cm-list,.cm-detail{padding:8px}.cm-bag label{padding:1px}.cm-bag label>.art-icon,.cm-bag label>.item-icon{width:26px!important;height:26px!important}}@media(max-width:1000px){.cm-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.cm-tabs button{font-size:12px;padding:6px}.cm-filters{gap:3px}.cm-filters select{max-width:95px}.cm-bag{grid-template-columns:1fr 1fr}}

.commerce-panel > header{padding:18px 22px!important}.commerce-panel > header h2{font-size:26px!important;margin:4px 0!important}.cm-detail-icon>.art-icon{width:90px!important;height:90px!important}.cm-offer-icons .art-icon{width:34px!important;height:34px!important}.cm-stall-goods{display:grid;gap:1px}.cm-stall-goods .art-icon{width:34px!important;height:34px!important;flex-basis:34px!important}@media(max-height:820px){.commerce-panel>header{padding:10px 18px!important}.cm-detail-icon>.art-icon{width:72px!important;height:72px!important}.cm-footer,.cm-compose{gap:6px}.cm-footer input,.cm-footer select{padding:6px}.cm-tabs button{padding:6px 8px}}

/* Backpack selection for stall and consignment sales. */
.cm-sale-compose{flex-wrap:nowrap;min-width:0;align-items:center}.commerce-panel .cm-sale-choice{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;min-height:56px}.cm-sale-choice>span:last-child{min-width:0}.cm-sale-choice b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.cm-sale-choice>.art-icon{width:40px!important;height:40px!important;flex:0 0 40px}.cm-bag-emblem{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #977544;background:#211b12;color:#e0c388;font-size:12px}.cm-picking .cm-list{display:flex;flex-direction:column;gap:8px;overflow:hidden}.cm-inventory-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.cm-inventory-head h3{margin:0}.cm-inventory-head h3 small{display:inline;margin-left:8px}.cm-inventory-filter{display:flex;align-items:center;gap:8px;flex:none}.cm-inventory-filter>input{width:160px;min-width:0;padding:5px 8px}.cm-inventory-filter button{padding:5px 10px}.cm-inventory-filter label{display:flex;gap:4px;align-items:center;font-size:12px;color:#c9b896}.cm-inventory{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;flex:1;min-height:0}.commerce-panel .cm-bag-slot{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 3px;border:1px solid color-mix(in srgb,var(--cm-quality,#7f6a46) 60%,#352b1d);background:radial-gradient(ellipse at center,#3a302150,#101211);box-shadow:inset 0 0 0 3px #08090988;border-radius:2px;overflow:hidden}.cm-bag-slot>.art-icon{width:clamp(28px,5.5vh,60px)!important;height:clamp(28px,5.5vh,60px)!important;flex-shrink:1;min-height:0}.cm-bag-slot>b{max-width:100%;font-size:12px;line-height:16px;font-weight:normal;color:var(--cm-quality,#d8c399);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}.cm-slot-plus{position:absolute;right:3px;top:1px;font-size:11px;line-height:15px;color:#ffdc8b;background:#10120edb}.cm-slot-reason{position:absolute;left:3px;top:1px;font-size:10px;line-height:15px;background:#0b0c09eb;color:#c6bb9d}.cm-unavailable>.art-icon{opacity:.45;filter:saturate(.45)}.commerce-panel .cm-bag-slot.cm-selected{border:2px solid #ffe1a0;padding:4px 2px;box-shadow:0 0 7px #ceaa4777,inset 0 0 12px #ac702b44;background:#392d1c}.cm-slot-empty{opacity:.6}.cm-inventory-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:none}.cm-inventory-bottom>small{font-size:11px}.cm-inventory-bottom .cm-pagination{padding:0;gap:8px;white-space:nowrap}.cm-sale-hint{border:1px solid #80613b;padding:10px;color:#efd08c!important}.cm-sale-hint.cm-blocked{border-color:#936552;color:#e6a792!important}
@media(max-height:820px){.cm-picking .cm-list{gap:5px}.cm-inventory{gap:4px}.cm-inventory-head button{padding:4px 8px}.cm-inventory-head h3 small{font-size:11px}.cm-sale-compose .cm-sale-choice{min-height:48px;padding:5px 8px}.cm-sale-choice small{font-size:11px}.cm-inventory-filter>input,.cm-inventory-filter button{padding:3px 7px}.cm-inventory-bottom>small{font-size:10px}}
@media(max-width:1000px){.cm-inventory{grid-template-columns:repeat(6,minmax(0,1fr))}.cm-bag-slot>b{font-size:10px}.cm-inventory-head h3 small{display:block;margin-left:0}.cm-sale-choice small{display:none}.cm-sale-compose>button:last-child{font-size:12px;padding:8px}.cm-inventory-bottom{flex-wrap:wrap}}

#commerce-stalls button{transform:translate(-50%,-100%);max-width:250px;padding:4px 10px;font-size:12px;border-radius:3px}#commerce-stalls button b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#commerce-stalls button small{font-size:10px}#commerce-stalls button[hidden]{display:none}