/* Only editing affordances; the layout itself comes from the detail page. */
.detail-editing { padding-bottom: 90px; }
.detail-editing .editable-detail-card { position: relative; cursor: pointer; }
.detail-editing .editable-detail-card:hover { outline: 1px solid var(--gold-primary); outline-offset: 2px; }
.detail-editing .editable-detail-card:focus-visible { outline: 2px solid var(--gold-primary); outline-offset: 3px; }
.detail-editing .inline-edit-button { flex-shrink: 0; margin: 6px 4px; padding: 5px 9px; border: 1px solid var(--border-medium); border-radius: 5px; color: var(--gold-primary); background: var(--bg-input); cursor: pointer; font-size: 11px; }
.detail-editing .detail-edit-heading { display: flex; align-items: center; gap: 8px; }
.detail-editing .detail-edit-heading > .inline-edit-button { margin: 0 0 0 auto; padding: 4px 8px; font-size: 10px; }
.detail-editing .detail-charm-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.detail-add-registration-button { flex: 0 0 auto; margin: 0; padding: 5px 10px; border: 1px solid var(--gold-primary); border-radius: 5px; color: var(--gold-primary); background: rgba(232,165,46,.08); cursor: pointer; font-size: 11px; font-weight: 700; }
.detail-editing .detail-value-missing img { filter: grayscale(1) !important; opacity: .35; }
.detail-editing .detail-value-missing .item-slot-icon,
.detail-editing .detail-value-missing .game-slot-box { border-color: #424957 !important; box-shadow: none !important; }
.detail-editing .detail-value-missing .item-slot-name,
.detail-editing .detail-value-missing .game-slot-name,
.detail-editing .detail-value-missing .game-slot-opt,
.detail-editing .detail-value-missing .spec-indie-value { color: #818a98 !important; }
.detail-editing .detail-value-missing { border-color: #303744 !important; filter: grayscale(1); }
.detail-entry-overlay { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: clamp(10px,3vh,28px) 16px; box-sizing: border-box; background: rgba(3,7,12,.78); }
.detail-inline-editor { width: min(820px,100%); max-height: min(900px,88dvh); overflow: auto; box-sizing: border-box; padding: 22px; margin: 0; border: 1px solid var(--gold-primary); border-radius: 12px; background: #111925; box-shadow: 0 24px 80px rgba(0,0,0,.6); cursor: default; }
.detail-inline-editor.detail-dialog-fields-1 { width: min(440px,100%); }
.detail-inline-editor.detail-dialog-fields-2 { width: min(640px,100%); }
.detail-inline-editor.detail-dialog-fields-3,
.detail-inline-editor.detail-dialog-fields-4,
.detail-inline-editor.detail-dialog-wide { width: min(820px,100%); }
.detail-inline-editor.detail-dialog-search { width: min(760px,100%); }
.detail-inline-editor.detail-dialog-choices { width: min(960px,100%); }
.detail-inline-editor > strong { display: block; margin-bottom: 14px; color: #f2c66c; }
.detail-inline-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 14px; }
.detail-inline-fields .detail-field { display: flex; flex-direction: column; gap: 7px; color: #c9d0db; font-size: 12px; min-width: 0; }
.detail-inline-fields .form-input,.detail-inline-fields .form-select { width: 100%; min-width: 0; }
.detail-inline-fields .detail-field[hidden] { display: none; }
.detail-elixir-maxed-toggle { grid-column: 1 / -1; display: flex; align-items: center; gap: 9px; color: #f8d878; font-weight: 700; cursor: pointer; }
.detail-elixir-maxed-toggle input { width: 18px; height: 18px; margin: 0; accent-color: #d7a934; }
.detail-inline-fields select[size] { background-image: none; padding: 6px; min-height: 140px; }
.detail-inline-fields select[size] option { padding: 8px; border-radius: 4px; }
.detail-inline-actions { display:flex; gap: 10px; align-items: center; justify-content: flex-end; margin-top: 16px; }
.inline-remove-button { margin-right:auto; padding: 9px 12px; color:#f4a1a1; border:1px solid #7b4545; background:transparent; border-radius:6px; cursor:pointer; }
.detail-choice-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap:8px; max-height:350px; overflow-y:auto; }
.detail-choice-list label { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid var(--border-light); border-radius:6px; color:#d7dee9; }
.detail-choice-list input { accent-color: #e8a52e; }
.detail-editor-savebar { position:sticky; bottom:10px; z-index:40; display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--border-medium); background:rgba(12,18,27,.98); border-radius:10px; margin-top:20px; }
.detail-editor-savebar span { flex:1; color:var(--text-muted); font-size:12px; }
.detail-slot-additions { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.detail-equipment-entry { margin: 16px 0 4px; padding-top: 14px; border-top: 1px solid var(--border-light); }
.detail-equipment-entry-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; color:var(--text-muted); font-size:13px; }
.detail-equipment-entry-head .inline-edit-button { margin:0; }
.detail-editing .crafting-grid .item-slot-card { flex-wrap:wrap; }
.detail-editing .crafting-grid .crafting-opt-list { width:100%; padding:8px; font-size:12px; color:var(--text-muted); }
.detail-editing tr.detail-value-missing img { filter:grayscale(1); }
.detail-editing .gallery-main-img-box .inline-edit-button { position:absolute; right:12px; bottom:12px; }
.detail-import-panel { margin-top:12px; padding:14px; border:1px solid rgba(232,165,46,.45); border-radius:10px; background:rgba(12,18,27,.96); }
.detail-import-panel > strong,.detail-import-review > strong { display:block; color:var(--gold-primary); font-size:14px; margin-bottom:7px; }
.detail-import-panel > p,.detail-import-review p { margin:0 0 10px; color:var(--text-muted); font-size:12px; line-height:1.55; }
.detail-import-source { min-height:150px; resize:vertical; }
.detail-import-panel > .btn-modal-submit { margin-top:9px; }
.detail-import-review { margin-top:14px; padding-top:12px; border-top:1px solid var(--border-light); }
.detail-import-review p { margin:5px 0; }
.detail-import-confirm-row { display:flex; align-items:flex-start; gap:9px; margin-top:12px; padding:10px; border:1px solid var(--border-medium); border-radius:7px; color:#e4e9f1; font-size:12px; }
.detail-import-confirm-row input { margin-top:2px; accent-color:var(--gold-primary); }
.detail-editing .btn-modal-submit:disabled { opacity:.48; cursor:not-allowed; filter:grayscale(.4); }
.detail-class-placeholder { position:absolute; bottom:60px; left:0; right:0; text-align:center; color:#b8c1cd; background:rgba(0,0,0,.5); padding:10px; }
.detail-item-name-candidates { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.detail-item-name-candidates strong { flex:0 0 100%; color:var(--text-muted); font-size:11px; font-weight:600; }
.detail-item-name-candidates .detail-item-candidate { margin:0; padding:5px 8px; border:1px solid var(--border-medium); border-radius:6px; color:#dce5f2; background:rgba(255,255,255,.035); font-size:11px; text-align:left; }
.detail-item-name-candidates .detail-item-candidate:hover { border-color:var(--gold-primary); color:var(--gold-primary); }
@media(max-width:600px) { .detail-entry-overlay { padding: 10px; } .detail-inline-editor { width: 100% !important; max-height: 92dvh; padding: 16px; } .detail-inline-fields { grid-template-columns:1fr; } .detail-editor-savebar { flex-wrap:wrap; } .detail-editor-savebar span { flex-basis:100%; } }