/* Char Bazaar layout adapted from the GPL-3.0 lucasgiovannibr/myaac UI. */
#CharBazaar {color:#e1d0a8;font:12px Verdana,Arial,sans-serif;line-height:1.5}
#CharBazaar *{box-sizing:border-box}
#CharBazaar nav{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 14px}
#CharBazaar nav a,#CharBazaar button{display:inline-block;padding:7px 10px;background:#15351e;color:#ffdd78;border:1px solid #806530;text-decoration:none;border-radius:2px;font:inherit;cursor:pointer}
#CharBazaar nav a.selected,#CharBazaar button:hover{background:#295232}
#CharBazaar h2{font-size:17px;background:#12391e;color:#fff1d2;padding:7px 10px;margin:14px 0 8px}
#CharBazaar h3{font-size:14px;border-bottom:1px solid #b6a083;padding:6px 0}
#CharBazaar .coin-balance{text-align:right;padding:5px}
#CharBazaar .auction-note,#CharBazaar .empty-auctions{background:#1c1a10;border:1px solid #b59a70;padding:13px;margin:12px 0}
#CharBazaar .auction-error{background:#361b17;border:1px solid #b74933;color:#ffc8b9;padding:12px;margin:12px 0}
#CharBazaar .Auction{border:1px solid #a08764;background:#17150e;margin:12px 0;box-shadow:inset 0 0 0 2px #242113}
#CharBazaar .AuctionHeader{background:#27321c;padding:8px 12px;border-bottom:1px solid #a08764}
#CharBazaar .AuctionCharacterName{font-size:15px;font-weight:bold}
#CharBazaar .AuctionLinks{float:right}
#CharBazaar .AuctionBody{padding:12px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}
#CharBazaar .AuctionOutfit{width:80px;height:88px;background:#101b10;display:flex;align-items:center;justify-content:center;border:1px solid #a58e6d;flex-shrink:0}
#CharBazaar .AuctionOutfit img{max-width:100%;max-height:100%;image-rendering:pixelated}
#CharBazaar .ShortAuctionData{margin:0;flex:1;min-width:145px}
#CharBazaar dt{color:#b9a574;font-size:11px}#CharBazaar dd{margin:0 0 4px}
#CharBazaar .CurrentBid{width:155px}#CharBazaar .CurrentBid input{width:100%;margin:3px 0 7px}
#CharBazaar input,#CharBazaar select{padding:5px;border:1px solid #a58e6d;background:#0e100b;color:#e1d0a8}
#CharBazaar .sell-form{padding:14px;border:1px solid #b59a70;background:#17150e}
#CharBazaar .sell-form label{display:block;margin-bottom:14px}#CharBazaar .sell-form input,#CharBazaar .sell-form select{display:block;margin-top:4px;width:100%;max-width:350px}
#CharBazaar .auction-table{width:100%;border-collapse:collapse}#CharBazaar .auction-table th,#CharBazaar .auction-table td{padding:6px 10px;text-align:left;border:1px solid #c9b08d}#CharBazaar .auction-table tr:nth-child(odd){background:#17150e}
#CharBazaar .inventory{display:flex;flex-wrap:wrap;gap:4px;padding:10px}#CharBazaar .item{position:relative;background:#312f1c;min-width:36px;min-height:36px}#CharBazaar .item img,#CharBazaar .equipment img{width:32px;height:32px}#CharBazaar .item small{position:absolute;right:1px;bottom:0;background:#fff8}
#CharBazaar .equipment{display:grid;grid-template-columns:repeat(3,32px);gap:1px;max-width:100px}
#CharBazaar .auction-footnote{font-size:10px;color:#aa9674;margin-top:20px}#CharBazaar .pagination{text-align:center}
@media(max-width:600px){#CharBazaar .AuctionBody{gap:8px}#CharBazaar .CurrentBid{width:100%}}

#CharBazaar .sale-type{display:inline-block;color:#ffdc7b;border:1px solid #887137;border-radius:3px;font-size:10px;padding:1px 7px;margin:3px 0}
#CharBazaar button.buy-now{background:linear-gradient(#a73118,#66160b);border-color:#bf9050;width:100%}
#CharBazaar .CurrentBid small{display:block;text-align:center;margin-top:5px;color:#bba578}
#CharBazaar a{color:#edce79}