/* Item quantities page (#item-supply, admin back-office E5, admin/item-supply.js). Usable at 390 px: tables scroll
   inside their own box, the page itself never scrolls sideways. Colours follow admin/economy.css. */
.item-supply-admin{min-width:0}
.item-supply-admin [hidden]{display:none!important}
.item-supply-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.item-supply-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.item-supply-tools select{min-width:96px}
.item-supply-badges{display:grid;gap:8px;margin:8px 0}
.item-supply-badges:empty{display:none}
.item-supply-alert{margin:0;padding:10px 12px;border-radius:12px;border:1px solid #8db4e2;background:#eef6ff;color:#1d3f66}
.item-supply-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.item-supply-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:#fffaf0;border:1px solid #e4d6b8;min-width:0}
.item-supply-card span{color:#7a6a4d;font-size:13px}
.item-supply-card strong{font-size:24px;color:#3b2f1c;overflow-wrap:anywhere}
.item-supply-card small{color:#8a7a5c;font-size:12px}
.item-supply-card.item-supply-up strong{color:#2f7a3a}
.item-supply-card.item-supply-down strong{color:#a8402f}
.item-supply-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.item-supply-filters input[type=search]{flex:1 1 200px;min-width:0}
.item-supply-filters select{min-width:120px;width:auto;flex:0 1 180px}
.item-supply-check{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:#4a3b25;white-space:nowrap}
.item-supply-check input{width:auto;margin:0}
.item-supply-table{min-width:0;max-width:100%}
.item-supply-table .table-wrap,.item-supply-detail .table-wrap{max-width:100%;overflow-x:auto}
.item-supply-table td{white-space:nowrap}
.item-supply-admin .num{text-align:right;font-variant-numeric:tabular-nums}
.item-supply-admin .strong{font-weight:700}
.item-supply-admin .up{color:#2f7a3a}
.item-supply-admin .down{color:#a8402f}
.item-supply-name{padding:0;border:0;background:none;color:#5a3d12;font-weight:700;text-decoration:underline dotted;cursor:pointer;text-align:left}
.item-supply-name:hover,.item-supply-name:focus-visible{color:#2f5a8a}
.item-supply-name.active{color:#2f5a8a;text-decoration:underline solid}
.item-supply-rarity{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--tier,#9a8f7a);color:#3b2f1c;background:color-mix(in srgb,var(--tier,#9a8f7a) 18%,#fffaf0)}
.item-supply-detail{margin:14px 0;padding:12px 14px;border:1px solid #c8a767;border-radius:16px;background:#fffdf7;min-width:0}
.item-supply-detail-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.item-supply-detail-head h3{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}
.item-supply-detail h4{margin:6px 0}
.item-supply-detail-grid{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:14px;margin:8px 0}
.item-supply-detail-grid>*{min-width:0}
.item-supply-places{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0}
.item-supply-places dt{color:#6b5b3d}
.item-supply-places dd{margin:0}
.item-supply-chart-box{min-width:0;overflow:hidden}
.item-supply-chart{display:block;width:100%;height:auto;border:1px solid #e4d6b8;border-radius:12px;background:#fff}
.item-supply-axis{stroke:#b9a57c;stroke-width:1}
.item-supply-bar-up{fill:#5aa36a}
.item-supply-bar-down{fill:#d0705f}
.item-supply-bar-move{fill:#9fb6d6}
.item-supply-tick{font-size:10px;fill:#8a7a5c}
.item-supply-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:#6b5b3d;margin:6px 0}
.item-supply-key{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:-6px}
.item-supply-key.up{background:#5aa36a}.item-supply-key.down{background:#d0705f}.item-supply-key.move{background:#9fb6d6}
.item-supply-sources,.item-supply-day-table{width:100%;border-collapse:collapse}
.item-supply-sources th,.item-supply-sources td,.item-supply-day-table th,.item-supply-day-table td{padding:5px 8px;border-bottom:1px solid #e4d6b8;text-align:left;white-space:nowrap}
.item-supply-holders{margin:0;padding-left:0;list-style:none;counter-reset:item-supply-rank;display:grid;gap:4px}
.item-supply-holders li{display:grid;grid-template-columns:2em minmax(0,1fr) auto;gap:2px 8px;counter-increment:item-supply-rank;align-items:baseline}
.item-supply-holders li::before{content:counter(item-supply-rank) '.';color:#8a7a5c;font-variant-numeric:tabular-nums}
.item-supply-holders li>small{grid-column:2/4}
.item-supply-holders li>a,.item-supply-holders li>span:first-of-type{overflow-wrap:anywhere}
.item-supply-days{margin-top:8px}
.item-supply-days summary{cursor:pointer;font-weight:700;color:#4a3b25}
.item-supply-note{margin-top:10px}
@media (max-width:760px){
 .item-supply-detail-grid{grid-template-columns:minmax(0,1fr)}
 .item-supply-card strong{font-size:20px}
}
