.resource-icon{width:31px;height:31px;object-fit:contain;flex:0 0 31px;filter:drop-shadow(0 2px 2px #0007)}.wallet>.currency-balance{display:flex;align-items:center;gap:5px}.wallet .currency-balance .resource-icon{width:30px;height:30px;flex-basis:30px}.wallet .currency-balance small{display:block}.wallet .legacy-ore-balance{display:none!important}.resource-inline-icon{width:25px;height:25px;vertical-align:middle}.workshop-tabs{display:flex;gap:9px;margin:15px 0;flex-wrap:wrap}.workshop-tabs .active{border-color:#efce8a;background:linear-gradient(#66553c,#283d4e);color:#fff1c6}.workshop-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:20px;align-items:start}.workshop-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:580px;overflow:auto;padding:4px}.workshop-catalog button{display:flex;align-items:center;gap:10px;text-align:left;padding:9px}.workshop-catalog button.selected{border:2px solid #eacd8d;background:linear-gradient(#4c5446,#1a3449)}.workshop-catalog small{display:block;color:#aec8d9;font-size:10px}.workshop-item-icon{width:57px;height:57px;object-fit:contain;border:1px solid #a68d58;border-radius:10px;background:radial-gradient(#49637966,#10273e);padding:4px;flex:0 0 57px}.workshop-preview>.workshop-item-icon{width:100px;height:100px;display:block;margin:0 auto 12px}.workshop-preview h2{text-align:center;font-size:21px}.workshop-cost,.material-vault{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.material-chip{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #9ca9b54d;border-radius:9px;background:linear-gradient(#24465c,#102c41);font-size:10px;min-width:130px}.material-chip b{display:block;font-size:13px;color:#fff0b9}.workshop-cost>.missing .material-chip{border-color:#c66b7d}.workshop-cost>span>small{font-size:10px;color:#bdcbd5}.workshop-cost>.missing>small{color:#ed91a2}.workshop-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.workshop-stats>div{background:#082038;border:1px solid #7590a536;border-radius:8px;padding:8px}.workshop-stats dt{font-size:10px;color:#b4cfdf}.workshop-stats dd{margin:0;color:#f2d793;font-weight:900;font-size:14px}.workshop-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workshop-comparison .workshop-stats{grid-template-columns:1fr}.workshop-recipes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.workshop-recipes h3{font-size:16px}.workshop-recipes .material-vault{margin-bottom:14px}.workshop-recipes .material-chip{min-width:0}.codex-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.codex-history>span{background:#133b4166;border:1px solid #4c9c8d66;padding:9px;border-radius:8px;color:#b2ead5;font-size:11px}.workshop-intro p{color:#b2cadc}.workshop-preview{position:sticky;top:0}.material-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.material-admin-grid>div{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:5px 10px;padding:12px;border:1px solid #a68d5866;border-radius:11px;background:#0b263c}.material-admin-grid img{grid-row:span 2}.material-admin-grid code{color:#8edbe9;font-size:11px}.material-admin-grid b{color:#edd8a4;font-size:12px}@media(max-width:900px){.workshop-layout{grid-template-columns:1fr}.workshop-preview{position:static}.workshop-catalog{max-height:350px}}@media(max-width:480px){.workshop-catalog{grid-template-columns:1fr}.workshop-comparison{gap:7px}.material-chip{min-width:110px}.workshop-tabs button{font-size:11px;padding:9px}.workshop-stats{grid-template-columns:1fr 1fr}}

#workshop-material-wallet{display:flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;color:#d5e4ef}#workshop-material-wallet .resource-icon{width:26px;height:26px;flex-basis:26px}.journey-layout #nav button[data-page=codex] .nav-icon{filter:drop-shadow(0 2px 2px #0007)}

.workshop-result-label{display:block;text-align:center;letter-spacing:2px;color:#99c9dd;font-weight:900;font-size:10px;margin-bottom:12px}.workshop-result-image{display:grid;place-items:center;margin:0 auto 15px;width:148px;height:148px;border:2px solid var(--result-rarity,#e4ce91);border-radius:17px;background:radial-gradient(ellipse,#6d879b44,#0a233d 75%);box-shadow:inset 0 0 25px #0003,0 0 18px #a3d6eb17}.workshop-result-image>.workshop-item-icon{width:116px;height:116px;border:0;background:none;padding:6px}.workshop-cost .missing .material-chip{background:linear-gradient(#503645,#2b2438)}.workshop-cost .material-chip .resource-icon{width:40px;height:40px;flex-basis:40px}.workshop-result-image~h2{color:#f5e8c2}

.refine-filters { display:grid; gap:6px; margin:0 0 12px; }
.refine-filter-row { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.refine-filter-row strong { min-width:88px; font-size:12px; }
.refine-filter-row button { padding:4px 9px; min-height:28px; font-size:11px; }
.refine-filter-row button.active { border-color:#79e7eb; background:#205a66; color:#ecffff; }

.refine-page { min-width:0; }
body .forge-inventory .refine-page .workshop-catalog {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
}
.refine-pagination { display:flex; align-items:center; justify-content:center; gap:10px; padding-top:12px; }
.refine-pagination span { font-size:11px; color:#a8cbd8; }
.refine-pagination button { padding:6px 10px; font-size:11px; }
@media(max-width:550px){body .forge-inventory .refine-page .workshop-catalog { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }}
