/* İstasyon paneli → 🏭 Sanayi sekmesi (public/industry-ui.js) */

/* +N yükseltme rozeti — envanter, pazar, takas ve Sanayi listelerinde */
.plus-badge { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 999px; font-size: 11px; font-weight: 700;
  font-variant-numeric: tabular-nums; vertical-align: 1px; color: #dff6ff; background: rgb(90 209 255 / 16%);
  box-shadow: 0 0 0 1px rgb(90 209 255 / 45%); }
.plus-badge.p4, .plus-badge.p5, .plus-badge.p6 { color: #ecd9ff; background: rgb(192 123 255 / 20%); box-shadow: 0 0 0 1px rgb(192 123 255 / 60%); }
.plus-badge.p7, .plus-badge.p8 { color: #ffe6b0; background: rgb(255 184 60 / 20%); box-shadow: 0 0 0 1px rgb(255 184 60 / 70%), 0 0 10px rgb(255 184 60 / 30%); }
.plus-badge.p9 { color: #fff; background: linear-gradient(90deg, #ff5a5a, #ffb454); box-shadow: 0 0 0 1px #ffd27a, 0 0 14px rgb(255 120 60 / 55%); }

#station-tab-industry .ind-tabs { display: flex; flex-wrap: wrap; gap: 4px; }
.ind-body { margin-top: 10px; }
.ind-intro { margin: 0 0 12px; }
.ind-sub { font-size: 11px; color: var(--color-muted); font-weight: normal; }
.ind-zone { font-size: 11px; color: var(--color-crystal); }

.ind-bar { height: 6px; border-radius: 999px; background: var(--color-bg-subtle); overflow: hidden; box-shadow: inset 0 0 0 1px var(--color-border); }
.ind-bar > i { display: block; height: 100%; background: linear-gradient(90deg, var(--pc, var(--color-accent)), color-mix(in oklab, var(--pc, var(--color-accent)) 60%, #fff));
  border-radius: inherit; transition: width 0.6s linear; }

/* Meslekler */
.ind-prof-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.ind-prof { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: var(--radius-md);
  background: linear-gradient(180deg, color-mix(in oklab, var(--pc) 12%, var(--color-bg-elevated)), var(--color-bg-elevated) 70%);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--pc) 35%, transparent); border-top: 2px solid var(--pc); }
.ind-prof-head { display: flex; align-items: center; gap: 10px; }
.ind-prof-icon { font-size: 26px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm); background: color-mix(in oklab, var(--pc) 18%, var(--color-bg-subtle)); }
.ind-prof-lvl { font-size: 12px; color: var(--color-muted); }
.ind-prof-lvl b { color: var(--pc); font-size: 15px; }
.ind-prof-xp { font-size: 11px; color: var(--color-muted); font-variant-numeric: tabular-nums; }
.ind-perks { margin: 0; padding-left: 16px; font-size: 12px; line-height: 1.5; color: var(--color-fg); }
.ind-next { font-size: 11px; color: var(--color-subtle); }
.ind-how { font-size: 11px; color: var(--pc); }

/* Yükseltme */
.ind-split { display: grid; grid-template-columns: minmax(200px, 280px) 1fr; gap: 12px; }
@media (max-width: 720px) { .ind-split { grid-template-columns: 1fr; } }
.ind-list { display: flex; flex-direction: column; gap: 4px; max-height: 460px; overflow-y: auto; padding-right: 2px; }
#station-panel .ind-row { width: 100%; margin: 0; display: grid; grid-template-columns: 26px 1fr; gap: 0 6px; text-align: left; padding: 7px 9px;
  border-radius: var(--radius-sm); background: var(--color-bg-subtle); color: var(--color-fg); box-shadow: inset 0 0 0 1px var(--color-border); font-size: 12px; }
#station-panel .ind-row:hover { box-shadow: inset 0 0 0 1px var(--color-border-strong); }
#station-panel .ind-row.sel { box-shadow: inset 0 0 0 1px var(--color-accent); background: rgb(90 209 255 / 10%); }
.ind-row-icon { grid-row: span 2; font-size: 18px; align-self: center; }
.ind-row-name { font-weight: 600; }
.ind-row-meta { font-size: 10px; color: var(--color-muted); }
.ind-detail { padding: 12px; border-radius: var(--radius-md); background: var(--color-bg-elevated); box-shadow: 0 0 0 1px var(--color-border); min-width: 0; }
.ind-enh-title { font-size: 16px; font-weight: 700; }
.ind-arrow { color: var(--color-muted); margin: 0 4px; }
.ind-pips { display: flex; gap: 4px; margin: 10px 0 4px; }
.ind-pips i { flex: 1; height: 8px; border-radius: 2px; background: var(--color-bg-subtle); box-shadow: inset 0 0 0 1px var(--color-border); }
.ind-pips i.risk { box-shadow: inset 0 0 0 1px rgb(255 90 90 / 35%); }
.ind-pips i.on { background: linear-gradient(90deg, var(--color-accent), #b78bff); box-shadow: 0 0 6px rgb(90 209 255 / 45%); }
.ind-max { color: var(--color-warn); font-weight: 600; }
.ind-costs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ind-cost { font-size: 12px; padding: 2px 8px; border-radius: 999px; background: var(--color-bg-subtle); white-space: nowrap; }
.ind-cost.ok { box-shadow: inset 0 0 0 1px rgb(51 224 138 / 40%); }
.ind-cost.no { color: var(--color-danger); box-shadow: inset 0 0 0 1px rgb(255 90 90 / 45%); }
.ind-chance { display: flex; align-items: baseline; gap: 8px; margin-top: 10px; font-size: 13px; }
.ind-chance b { font-size: 20px; font-variant-numeric: tabular-nums; }
.ind-chance b.hi { color: var(--color-hull); } .ind-chance b.mid { color: var(--color-warn); } .ind-chance b.lo { color: var(--color-danger); }
.ind-chance em { font-size: 11px; color: var(--color-muted); font-style: normal; }
#station-panel .ind-go { margin-top: 10px; width: 100%; padding: 10px; font-size: 14px; }
.ind-flash { margin-top: 10px; padding: 10px; text-align: center; font-weight: 700; border-radius: var(--radius-sm); animation: ind-pop 0.5s var(--ease-smooth-out, ease-out); }
.ind-flash.win { color: #fff; background: linear-gradient(90deg, rgb(51 224 138 / 35%), rgb(90 209 255 / 35%)); box-shadow: 0 0 18px rgb(51 224 138 / 35%); }
.ind-flash.lose { color: var(--color-danger); background: rgb(255 90 90 / 12%); animation: ind-shake 0.45s; }
@keyframes ind-pop { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes ind-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }

/* Üretim */
.ind-lines { font-size: 13px; margin-bottom: 8px; }
.ind-jobs { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; margin-bottom: 6px; }
.ind-job { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: var(--radius-sm); background: var(--color-bg-elevated); box-shadow: 0 0 0 1px var(--color-border); }
.ind-job-name { font-weight: 600; font-size: 13px; }
.ind-job-foot, .ind-c-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 12px; }
.ind-left { font-variant-numeric: tabular-nums; color: var(--color-muted); }
.ind-recipes { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; }
.ind-recipe { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: var(--radius-sm); background: var(--color-bg-elevated); box-shadow: 0 0 0 1px var(--color-border); }
.ind-recipe-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ind-recipe-act { display: flex; gap: 6px; align-items: center; }
#station-panel .ind-recipe-act input { width: 64px; margin: 0; padding: 5px 6px; border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm); background: var(--color-bg-subtle); color: var(--color-fg); font: inherit; font-size: 12px; }
#station-panel .ind-recipe-act input:focus { outline: none; border-color: var(--color-ice); }
#station-panel .ind-recipe-act .act-btn, #station-panel .ind-job-foot .act-btn, #station-panel .ind-c-foot .act-btn { width: auto; margin: 0; }

/* Kontratlar */
.ind-contracts { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; }
.ind-contract { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: var(--radius-sm);
  background: var(--color-bg-elevated); box-shadow: 0 0 0 1px var(--color-border); border-left: 3px solid var(--color-cargo); }
.ind-contract.mine { border-left-color: var(--color-accent); }
.ind-contract.here { box-shadow: 0 0 0 1px var(--color-hull), 0 0 14px rgb(51 224 138 / 20%); }
.ind-contract.nofit { opacity: 0.6; }
.ind-c-head { font-size: 13px; }
.ind-c-route { font-size: 12px; color: var(--color-muted); }
.ind-c-route b { color: var(--color-fg); }
.ind-reward { color: var(--color-cargo); font-weight: 700; }
.ind-history { font-size: 12px; color: var(--color-muted); display: flex; flex-direction: column; gap: 3px; }

/* Borsa */
.ind-res-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; }
.ind-tip { margin-bottom: 10px; padding: 8px 10px; font-size: 12px; border-radius: var(--radius-sm); background: rgb(224 168 63 / 10%); box-shadow: inset 0 0 0 1px rgb(224 168 63 / 35%); }
.ind-price-list { display: flex; flex-direction: column; gap: 4px; }
.ind-price { display: grid; grid-template-columns: minmax(150px, 1.3fr) 1fr 70px 70px; align-items: center; gap: 8px; padding: 6px 8px;
  border-radius: var(--radius-sm); background: var(--color-bg-subtle); font-size: 12px; }
.ind-price.here { box-shadow: inset 0 0 0 1px var(--color-accent); }
.ind-p-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind-p-bar { height: 6px; border-radius: 999px; background: var(--color-bg); overflow: hidden; }
.ind-p-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--color-cargo), #ffd27a); }
.ind-p-val { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.ind-p-sat { text-align: right; font-size: 11px; color: var(--color-muted); }
.ind-p-sat.down { color: var(--color-danger); }
@media (max-width: 560px) { .ind-price { grid-template-columns: 1fr 64px 60px; } .ind-p-bar { display: none; } }