/* Admin → Warehouse Legends (wl-*, mn-*). Builds on cockpit.css theme variables and shared components
   (kpi-row, data-table-card, cr-tabs, admin-table, s2d-act, user-dialog). Game accents are fixed colors. */
.wl-page{--wl-gold:#e8a317;--wl-boss:#e5484d;--wl-titan:#0e9f6e}
.wl-page .data-table-card{margin-bottom:16px}
.wl-grid{display:grid;gap:16px;margin-bottom:16px}.wl-grid>.data-table-card{margin-bottom:0}
.wl-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.wl-g21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.wl-pad{padding:14px 18px}.wl-note{font-size:12.5px;color:var(--text-muted);margin:6px 0 0;line-height:1.5}
.wl-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.wl-row-actions .s2d-act{padding:4px 9px;font-size:12px}
.wl-table td{vertical-align:middle}.wl-table tr.wl-off td{opacity:.55}
.wl-clip{display:inline-block;max-width:340px;font-size:12.5px;color:var(--text-muted)}
.wl-icon-cell{font-size:20px;line-height:1}
.wl-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--border);vertical-align:-2px}
.wl-callout{border-left:4px solid var(--wl-gold);background:color-mix(in srgb,var(--wl-gold) 8%,var(--card-bg));border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.55;margin:0 0 16px}
.wl-callout.info{border-left-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--card-bg))}
.wl-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);white-space:nowrap}
.wl-chip.ok{background:#dcfce7;border-color:#86efac;color:#166534}.wl-chip.warn{background:#fef3c7;border-color:#fcd34d;color:#92400e}.wl-chip.bad{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.wl-chip.info{background:#e0f2fe;border-color:#7dd3fc;color:#075985}
[data-theme="dark"] .wl-chip.ok,[data-theme="midnight"] .wl-chip.ok{background:#14532d;color:#bbf7d0}[data-theme="dark"] .wl-chip.warn,[data-theme="midnight"] .wl-chip.warn{background:#713f12;color:#fde68a}[data-theme="dark"] .wl-chip.bad,[data-theme="midnight"] .wl-chip.bad{background:#7f1d1d;color:#fecaca}[data-theme="dark"] .wl-chip.info,[data-theme="midnight"] .wl-chip.info{background:#0c4a6e;color:#bae6fd}
.wl-origin{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;border-radius:5px;padding:2px 6px;border:1px solid;vertical-align:2px}
.wl-origin-legacy{color:#2563eb;border-color:#93c5fd;background:#eff6ff}.wl-origin-gemini{color:#9333ea;border-color:#d8b4fe;background:#faf5ff}.wl-origin-merged{color:#0f766e;border-color:#5eead4;background:#f0fdfa}.wl-origin-new{color:#b45309;border-color:#fcd34d;background:#fffbeb}
.wl-rarity{display:inline-block;font-size:11px;font-weight:800;text-transform:capitalize;border-radius:999px;padding:2px 8px;color:#fff}
.wl-r-common{background:#64748b}.wl-r-uncommon{background:#16a34a}.wl-r-rare{background:#2563eb}.wl-r-epic{background:#9333ea}.wl-r-legendary{background:#d97706}.wl-r-mythic{background:#db2777}
.wl-bar{display:block;height:9px;border-radius:999px;background:var(--surface-subtle);border:1px solid var(--border);overflow:hidden;min-width:60px;margin-top:4px}
.wl-bar>span{display:block;height:100%;background:var(--primary);border-radius:inherit}
.wl-bar.boss>span{background:linear-gradient(90deg,#b91c1c,var(--wl-boss))}.wl-bar.lg{height:16px}
.wl-boss{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center;padding:18px}
.wl-boss-avatar{width:84px;height:84px;border-radius:20px;display:grid;place-items:center;font-size:46px;background:radial-gradient(circle at 30% 30%,#fecaca,#7f1d1d)}
.wl-boss h3{margin:0;font-size:18px}.wl-boss p{margin:3px 0 8px;color:var(--text-muted);font-size:13px}
.wl-hp-line{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;margin:6px 0 2px}
.wl-list{list-style:none;margin:0;padding:0}.wl-list li{display:flex;align-items:center;gap:10px;padding:9px 16px;border-top:1px solid var(--border);font-size:13px}.wl-list li:first-child{border-top:0}.wl-grow{flex:1;min-width:0}
.wl-avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:800;background:var(--surface-subtle);border:1px solid var(--border);flex:none}
.wl-rank-1{background:#fff7d6;border-color:#facc15;color:#854d0e}.wl-rank-2{background:#f1f5f9;border-color:#94a3b8;color:#334155}.wl-rank-3{background:#fde7dc;border-color:#fb923c;color:#9a3412}
.wl-clues{margin:6px 0 0;padding-left:20px;font-size:12.5px}
/* settings */
.wl-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,260px);gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--border);font-size:13px}
.wl-settings .data-table-header+.wl-setting{border-top:0}
.wl-setting small{display:block;color:var(--text-muted);font-size:12px;margin-top:2px;font-weight:400}
.wl-setting input:not([type=checkbox]),.wl-setting select{font:inherit;font-size:13px;color:var(--text);background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px;padding:6px 9px;width:100%;box-sizing:border-box}
.wl-multi{display:flex;flex-wrap:wrap;gap:4px 12px}
.wl-switch{appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:999px;background:var(--border);position:relative;cursor:pointer;margin:0;flex:none;vertical-align:middle}
.wl-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 2px #0003}
.wl-switch:checked{background:var(--wl-titan)}.wl-switch:checked::after{left:21px}.wl-switch:disabled{opacity:.5;cursor:not-allowed}
.wl-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
/* Tooltips & Quick Views */
.wl-setting-label{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.wl-tip{display:inline-flex;align-items:center;justify-content:center;cursor:help;font-size:13px;line-height:1;opacity:.75;transition:opacity .15s ease,transform .15s ease;user-select:none;vertical-align:middle}
.wl-tip:hover,.wl-tip:focus-visible{opacity:1;transform:scale(1.2);outline:none}
.wl-th-tip{font-size:11px;opacity:.65;margin-left:4px;vertical-align:middle;cursor:help;transition:opacity .15s ease}
th:hover .wl-th-tip{opacity:1}
.wl-db-hint{display:inline-flex;align-items:center;gap:4px;border-bottom:1px dotted var(--text-muted);cursor:help;transition:border-color .15s ease,color .15s ease}
.wl-db-hint:hover,.wl-db-hint:focus-visible{color:var(--primary);border-bottom-color:var(--primary);outline:none}
/* forms (panels + editor) */
.wl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.wl-form .wl-span,.wl-form .wl-field.wl-span{grid-column:1/-1}
.user-dialog .wl-form label,.wl-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:12px}
.wl-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;min-width:0}
.user-dialog .wl-field label,.wl-field label{margin:0}
.wl-form input:not([type=checkbox]):not([type=hidden]):not([type=color]),.wl-form select,.wl-form textarea{font:inherit;font-size:13.5px;color:var(--text);background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px;padding:8px 10px;width:100%;box-sizing:border-box}
.wl-form input[readonly]{opacity:.7;cursor:not-allowed}
.wl-form input[type=color]{width:60px;height:36px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--surface-subtle)}
.user-dialog .wl-form label.wl-check,.wl-form label.wl-check,label.wl-check{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:13px}
.wl-help{font-size:11.5px;color:var(--text-muted);font-weight:400;line-height:1.4}
.wl-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:12px!important}
.wl-icon-input{font-size:20px!important;max-width:120px}
.wl-search input{font:inherit;font-size:13px;color:var(--text);background:var(--card-bg);border:1px solid var(--border);border-radius:999px;padding:6px 12px;width:200px}
.wl-onlyon{font-size:12.5px!important}
.wl-import-report{white-space:pre-wrap;font-size:12px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;padding:10px;max-height:260px;overflow:auto;grid-column:1/-1}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* manual */
.mn-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}
.mn-toc{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto;padding:10px 0}
.mn-toc b{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:10px 14px 4px}
.mn-toc a{display:block;padding:4px 14px;font-size:12.5px;color:var(--text);text-decoration:none;border-left:3px solid transparent}
.mn-toc a:hover{background:var(--surface-subtle);border-left-color:var(--primary)}
.mn-cat{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);padding:14px 20px 4px;background:var(--surface-subtle);border-top:1px solid var(--border)}
.mn-entry{padding:16px 20px;border-top:1px solid var(--border);scroll-margin-top:80px}
.mn-entry h3{margin:0 0 4px;font-size:17px}.mn-sum p{font-size:14px;margin:4px 0 6px;line-height:1.55}
.mn-entry h4{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:12px 0 4px}
.mn-entry ul{margin:0;padding-left:20px;font-size:13px;line-height:1.65}.mn-entry p{font-size:13px;line-height:1.6;margin:0}
.mn-nums{display:flex;flex-wrap:wrap;gap:6px}.mn-nums span{font-size:12px;border:1px solid var(--border);border-radius:8px;padding:4px 8px;background:var(--surface-subtle)}
.mn-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mn-meta a{font-size:12px;text-decoration:none}
.mn-catalog>summary{cursor:pointer;list-style:none}.mn-catalog>summary::-webkit-details-marker{display:none}
@media (max-width:1000px){.wl-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.wl-g2,.wl-g3,.wl-g21,.mn-layout{grid-template-columns:1fr}.wl-form{grid-template-columns:1fr}.wl-setting{grid-template-columns:1fr}.mn-toc{position:static;max-height:none}.wl-search input{width:140px}}

.wl-ai-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wl-ai-types .wl-check{align-items:flex-start}.wl-ai-request{margin-top:16px}.wl-ai-note{white-space:pre-wrap}.wl-ai-payload{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card-bg);color:var(--text);padding:12px;border:1px solid var(--border);border-radius:8px}.wl-ai-request summary{cursor:pointer;padding:12px 0}.wl-ai-types input{flex:none}@media(max-width:650px){.wl-ai-types{grid-template-columns:1fr}}

[data-panel="ai"] #aiConnection{margin:16px 0;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);color:var(--text-muted);font-size:13px}
[data-panel="ai"] #aiGenerateForm{gap:16px;align-items:start}
[data-panel="ai"] #aiGenerateForm fieldset{min-width:0;margin:0;border:1px solid var(--border);border-radius:8px;padding:16px}
[data-panel="ai"] #aiGenerateForm legend{font-size:13px;font-weight:600;color:var(--text);padding:0 6px}
[data-panel="ai"] .wl-ai-types .wl-check{margin:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);cursor:pointer;line-height:1.4}
[data-panel="ai"] .wl-ai-types .wl-check:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card-bg))}
[data-panel="ai"] .wl-ai-types input{accent-color:var(--accent);margin-top:3px}
[data-panel="ai"] .wl-ai-types small{display:block;margin-top:4px}
[data-panel="ai"] .dialog-form-actions{margin:0}
[data-panel="ai"] .dialog-form-actions button{background:var(--accent);color:var(--on-accent);border:0;border-radius:8px;padding:10px 18px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
[data-panel="ai"] .dialog-form-actions button:disabled{opacity:.5;cursor:not-allowed}
[data-panel="ai"] .wl-ai-history-header{gap:12px;flex-wrap:wrap;margin-top:24px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg)}

.wl-prep-results{max-height:320px;overflow:auto;margin:12px 0;display:grid;gap:8px}.wl-prep-choice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:12px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font:inherit;cursor:pointer}.wl-prep-choice small{color:var(--text-muted)}.wl-prep-choice[aria-pressed="true"]{border-color:var(--accent)}.wl-prep-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#wlPrepAssign[hidden]{display:none}

/* Prep List selection uses product cards and the shared admin theme. */
.wl-eye{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:5px;flex:none;color:var(--accent);background:var(--card-bg)}
.wl-player-dialog{width:calc(100% - 32px);max-width:1100px;background:var(--card-bg);color:var(--text);border:1px solid var(--border)}
.wl-player-dialog .user-dialog-body{max-height:75vh;overflow:auto}.wl-player-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.wl-player-stats .wl-preview-card{margin-top:0;display:flex;flex-direction:column;gap:8px}.wl-player-stats strong{overflow-wrap:anywhere}.wl-player-dialog [aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
#wlPlayerRoster tr[hidden]{display:none}
.wl-preview-dialog{max-width:680px;width:calc(100% - 32px);background:var(--card-bg);color:var(--text);border:1px solid var(--border)}
.wl-preview-card{margin-top:16px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere}
.wl-preview-output dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:10px 16px;font-size:13px}.wl-preview-output dt{color:var(--text-muted)}.wl-preview-output dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.wl-preview-swatch{display:inline-block;width:28px;height:20px;border:1px solid var(--border);border-radius:5px;margin-left:10px;vertical-align:middle}
.wl-preview-edit input:not([type=checkbox]),.wl-preview-edit select,.wl-preview-edit textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}
.wl-eye:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:640px){.wl-preview-output dl{grid-template-columns:1fr;gap:6px}.wl-preview-output dd{margin-bottom:10px}}
.wl-prep-results{max-height:560px;padding:4px;gap:12px}
.wl-prep-choice{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:start;padding:16px;gap:16px;border-radius:12px;width:100%}
.wl-prep-picture{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:12px;color:var(--text-muted)}
.wl-prep-picture img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.wl-prep-info{display:flex;flex-direction:column;gap:9px;min-width:0;overflow-wrap:anywhere}
.wl-prep-badges,.wl-prep-codes{display:flex;flex-wrap:wrap;gap:6px 12px}
.wl-prep-badge{border:1px solid var(--border);background:var(--bg);border-radius:20px;padding:4px 9px;font-size:12px}
.wl-prep-name{font-size:15px;line-height:1.5}.wl-prep-codes,.wl-prep-detail{font-size:12px;color:var(--text-muted);line-height:1.6}
.wl-prep-select{color:var(--accent);font-size:12px;font-weight:600;padding:6px;border:1px solid var(--border);border-radius:6px}
.wl-prep-choice:hover,.wl-prep-choice[aria-pressed="true"]{border-color:var(--accent);background:var(--bg)}
#wlPrepStatus{margin:12px 0;color:var(--text-muted);font-size:13px}#wlPrepSelected{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
@media(max-width:640px){.wl-prep-choice{grid-template-columns:64px minmax(0,1fr);padding:12px;gap:12px}.wl-prep-picture{width:64px;height:64px}.wl-prep-select{grid-column:2;justify-self:start}}
/* Shared library picker beside every editable icon field. */
.wl-icon-picker { margin-top:8px; max-width:100%; color:var(--text); }
.wl-icon-picker[open] { padding:10px; border:1px solid var(--border); border-radius:10px; background:var(--card-bg); }
.wl-icon-picker input[type=search] { margin-top:10px; width:100%; box-sizing:border-box; }
.wl-icon-picker-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(85px,1fr)); gap:8px; max-height:260px; overflow:auto; margin-top:8px; }
.wl-icon-choice { display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px; border:1px solid var(--border); border-radius:8px; background:var(--card-bg); color:var(--text); cursor:pointer; overflow-wrap:anywhere; }
.wl-icon-choice:hover,.wl-icon-choice:focus-visible { border-color:var(--accent); }
.wl-icon-choice-glyph { font-size:26px; }
.wl-icon-choice:disabled { opacity:.5; cursor:default; }

.wl-icon-large-preview { font-size:64px; line-height:1.3; margin-bottom:12px; }

/* Command Center Overview: Word Find mask (2026-10-07). */
.wl-word-mask{font-family:ui-monospace,Consolas,monospace;font-weight:700;letter-spacing:.12em;white-space:nowrap}
.wl-standings{counter-reset:none}