/* ---------- eşya düzenleyicisi (Seç / İçe Aktar / Düzenle) ---------- */
.modal.ie-modal { width: min(980px, calc(100vw - 24px)); max-width: none; padding: 0; overflow: hidden; }
.ie { display: flex; flex-direction: column; max-height: min(88vh, 900px); }
.ie-tabs { display: flex; align-items: center; gap: 4px; padding: 14px 18px 0; border-bottom: 1px solid rgba(217,178,111,.18); }
.ie-tabs > button[data-tab] { padding: 10px 16px; cursor: pointer; background: none; border: 0; border-bottom: 2px solid transparent; color: #8b806e; font: 700 17px var(--f-display); }
.ie-tabs > button[data-tab]:hover:not(:disabled) { color: #e9dcc3; }
.ie-tabs > button[data-tab].on { color: #fff3d6; border-bottom-color: var(--gold2); }
.ie-tabs > button:disabled { opacity: .35; cursor: default; }
.ie-ttl { margin-left: auto; font: 700 11px var(--f-head); letter-spacing: .22em; text-transform: uppercase; color: var(--ember2); }
.ie-x { width: 34px; height: 34px; margin-left: 12px; cursor: pointer; color: #c9bba1; background: rgba(255,255,255,.03); border: 1px solid rgba(217,178,111,.2); font-size: 20px; }
.ie-body { overflow: auto; padding: 16px 18px 18px; scrollbar-width: thin; }
.ie-empty { color: #7d7262; font-style: italic; font-size: 13.5px; margin: 6px 0; }
.ie-hint { color: #8b806e; font-size: 13.5px; margin: 0 0 10px; }
/* seç */
.ie-sel { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 14px; min-height: 460px; }
.ie-cats { display: flex; flex-direction: column; gap: 2px; max-height: 62vh; overflow: auto; padding-right: 4px; }
.ie-cats button { text-align: left; padding: 8px 12px; cursor: pointer; color: #b5a993; background: none; border: 0; border-left: 2px solid transparent; font: 600 14px var(--f-body); }
.ie-cats button:hover { color: #fff3d6; background: rgba(255,255,255,.03); }
.ie-cats button.on { color: #fff3d6; border-left-color: var(--gold2); background: linear-gradient(90deg, rgba(226,189,120,.12), transparent); }
.ie-cats button.uq { margin-top: 8px; color: #e0904a; }
.ie-q { width: 100%; height: 40px; padding: 0 12px; color: #f3e2bb; background: rgba(0,0,0,.4); border: 1px solid rgba(217,178,111,.25); font: inherit; }
.ie-list { display: grid; gap: 2px; margin-top: 8px; max-height: 56vh; overflow: auto; }
.ie-row { display: flex; align-items: center; gap: 12px; padding: 6px 10px; cursor: pointer; text-align: left; color: #e9dcc3; background: rgba(255,255,255,.015); border: 1px solid transparent; }
.ie-row:hover { border-color: rgba(226,189,120,.4); background: rgba(226,189,120,.06); }
.ie-row img, .ie-row > i { width: 38px; height: 38px; object-fit: contain; flex: none; }
.ie-row b { display: block; font: 600 15px var(--f-display); }
.ie-row.r-unique b { color: #e0904a; }
.ie-row small { color: #7d7262; font-size: 12.5px; }
/* içe aktar */
.ie-ta { width: 100%; padding: 10px 12px; color: #e9dcc3; background: rgba(0,0,0,.4); border: 1px solid rgba(217,178,111,.25); font: 13.5px/1.5 ui-monospace, Menlo, monospace; resize: vertical; }
.ie-acts { margin-top: 10px; }
/* düzenle */
.ie-top { display: flex; gap: 18px; align-items: flex-start; }
.ie-big { width: 104px; height: 140px; object-fit: contain; flex: none; filter: drop-shadow(0 8px 18px rgba(0,0,0,.8)); }
.ie-form { flex: 1; min-width: 0; }
.ie-form h3, .ie-top h3 { margin: 0 0 10px; font: 700 24px var(--f-display); }
.ie-top h3.r-unique { color: #e0904a; }
.ie-sub { margin: -6px 0 8px; color: #a99d88; }
.ie-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px 12px; }
.ie-grid label { display: flex; flex-direction: column; gap: 4px; font: 700 10.5px var(--f-head); letter-spacing: .16em; text-transform: uppercase; color: #8b806e; }
.ie-grid input, .ie-grid select, .ie-sock select { height: 34px; padding: 0 9px; color: #f3e2bb; background: rgba(0,0,0,.4); border: 1px solid rgba(217,178,111,.25); font: 600 14px var(--f-body); text-transform: none; letter-spacing: 0; }
.ie-grid .ie-chk { flex-direction: row; align-items: center; gap: 8px; align-self: end; height: 34px; }
.ie-grid .ie-chk input { width: 16px; height: 16px; accent-color: #c81d33; }
.ie-props { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 14px 0 0; padding: 10px 12px; color: #a99d88; font-size: 14px; background: rgba(0,0,0,.3); border: 1px solid rgba(217,178,111,.12); }
.ie-props b { color: #e9dcc3; } .ie-props b.mod { color: #8888ff; } .ie-props small { color: #7d7262; }
.ie-props b.el-fire { color: #ff7a45; } .ie-props b.el-cold { color: #6fb8ff; } .ie-props b.el-lightning { color: #ffd84a; } .ie-props b.el-chaos { color: #d07bff; }
.ie-count { margin: 12px 0 0; color: #8b806e; font-size: 13px; } .ie-count b { color: #e9dcc3; } .ie-count b.over { color: #ff6b6b; }
.ie-sec { margin-top: 14px; }
.ie-sec h4 { margin: 0 0 6px; padding-bottom: 5px; font: 700 12px var(--f-head); letter-spacing: .2em; text-transform: uppercase; color: var(--gold2); border-bottom: 1px solid rgba(217,178,111,.18); }
.ie-mod { display: flex; align-items: center; gap: 8px; padding: 5px 8px; color: #8888ff; font-size: 14.5px; background: rgba(255,255,255,.015); border-left: 2px solid rgba(136,136,255,.5); margin-bottom: 3px; }
.ie-mod > span { flex: 1; min-width: 0; line-height: 2; }
.ie-mod.enchant { color: #b8e0ff; border-left-color: #7fc7ff; }
.ie-mod.fractured { color: #c9a66b; border-left-color: #c9a66b; }
.ie-mod.crafted { color: #b8e0ff; border-left-color: #b8e0ff; }
.ie-mod.imp { color: #8888ff; border-left-color: #6d6a63; }
.ie-num { width: 66px; height: 26px; margin: 0 4px; padding: 0 6px; color: #fff3d6; background: rgba(0,0,0,.5); border: 1px solid rgba(136,136,255,.45); font: 600 13.5px var(--f-body); }
.ie-free { width: 100%; height: 28px; padding: 0 8px; color: #e9dcc3; background: rgba(0,0,0,.5); border: 1px solid rgba(217,178,111,.25); font: inherit; }
.ie-ps, .ie-ess { flex: none; padding: 1px 6px; font: 700 9.5px var(--f-head); letter-spacing: .14em; font-style: normal; text-transform: uppercase; color: #a99d88; border: 1px solid rgba(217,178,111,.25); }
.ie-ess { color: #b8e0ff; border-color: rgba(127,199,255,.45); margin-left: 6px; }
.ie-del { flex: none; width: 26px; height: 26px; cursor: pointer; color: #c9bba1; background: none; border: 1px solid rgba(217,178,111,.2); font-size: 16px; }
.ie-del:hover { color: #fff; border-color: var(--ember); background: rgba(200,29,51,.25); }
.ie-addbtn { cursor: pointer; padding: 6px 10px; color: #a99d88; background: none; border: 1px dashed rgba(217,178,111,.3); font: 600 13px var(--f-body); }
.ie-addbtn:hover { color: #fff3d6; border-color: var(--gold2); }
.ie-mlist { max-height: 300px; overflow: auto; margin-top: 4px; border: 1px solid rgba(217,178,111,.2); background: rgba(5,5,6,.96); }
.ie-mg { position: sticky; top: 0; padding: 6px 10px; font: 700 11px var(--f-head); letter-spacing: .2em; text-transform: uppercase; color: #f3e2bb; background: #15110d; }
.ie-mo { display: block; width: 100%; text-align: left; padding: 6px 12px; cursor: pointer; color: #b9b9ff; background: none; border: 0; font: 14px var(--f-body); }
.ie-mo:hover { color: #fff; background: #2a4f9e; }
.ie-sock { display: grid; grid-template-columns: 80px minmax(0, 260px) minmax(0, 1fr); gap: 10px; align-items: center; margin-bottom: 6px; font-size: 13px; color: #8b806e; }
.ie-sock small { color: #b8e0ff; font-size: 13px; }
.ie-ulist { margin-top: 12px; padding: 10px 14px; background: rgba(0,0,0,.35); border: 1px solid rgba(175,96,37,.5); color: #8888ff; text-align: center; line-height: 1.7; }
.ie-ulist .imp { color: #8888ff; border-bottom: 1px solid rgba(175,96,37,.35); padding-bottom: 4px; margin-bottom: 4px; }
.ie-foot { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(217,178,111,.15); }
.ie-src { margin-left: auto; color: #6f6556; font-size: 12px; }
/* kart ekleri */
.ie-card .ip-meta b { color: #e9dcc3; } .ie-card .ip-meta b.mod { color: #8888ff; } .ie-card .ip-meta small { color: #8b806e; }
.ie-card .ip-meta b.el-fire { color: #ff7a45; } .ie-card .ip-meta b.el-cold { color: #6fb8ff; } .ie-card .ip-meta b.el-lightning { color: #ffd84a; } .ie-card .ip-meta b.el-chaos { color: #d07bff; }
.ie-socks { color: #b8e0ff; font-size: 13px; } .ie-socks i { display: inline-block; width: 8px; height: 8px; margin-right: 6px; transform: rotate(45deg); border: 1px solid #b8e0ff; } .ie-socks em { color: #6f6556; }
.ie-ench { color: #b8e0ff; }
.ie-corr { color: #ff5a5a; font-weight: 600; } .ie-sanct { color: #f3e2bb; font-weight: 600; }
@media (max-width: 700px) {
  .ie-sel { grid-template-columns: minmax(0, 1fr); }
  .ie-cats { flex-direction: row; flex-wrap: wrap; max-height: none; }
  .ie-top { flex-direction: column; }
  .ie-sock { grid-template-columns: minmax(0, 1fr); }
}