/* Loot Editor generators panel and the set armor settings pane. Uses the tokens from market.css and
   the buttons, panels and tables from loot-editor.css. No inline styles (CSP style-src 'self'). */

.lg-panel { display: flex; flex-direction: column; gap: 8px; }

.lg-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lg-field select,
.lg-field input[type="text"],
.lg-table select,
.lg-add select { min-height: 34px; max-width: 100%; background: var(--input); border: 1px solid var(--input-border); border-radius: 6px; color: var(--text); font: inherit; font-size: 14px; }
.lg-field input[type="text"] { padding: 0 8px; }

.lg-add,
.lg-settings { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--hairline); }
.lg-title { margin: 0; font-size: 18px; color: var(--text); }

.lg-group { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 8px 12px 10px; border: 1px solid var(--hairline); border-radius: 8px; }
.lg-group legend { padding: 0 6px; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; }

.lg-checks { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.lg-check { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.lg-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px 16px; }

.lg-defaults { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding-top: 6px; border-top: 1px solid var(--rule); }
.lg-defaults-head { font-weight: 600; }

.lg-table { margin-top: 0; }
.lg-more > summary { cursor: pointer; color: var(--text-2); }
.lg-more[open] > summary { margin-bottom: 8px; }

.lg-preview { padding: 8px 10px; background: var(--input); border: 1px solid var(--hairline); border-radius: 6px; }
.lg-preview p { margin: 0 0 4px; }
.lg-preview-main { font-weight: 600; }
.lg-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.lg-blocks .lg-findings { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.lg-finding { padding: 1px 8px; border: 1px solid var(--hairline); border-radius: 999px; font-size: 12px; cursor: help; }
.lg-finding-warning { border-color: var(--warn); color: var(--warn); }
.lg-finding-error, .lg-finding-fatal { border-color: var(--err); color: var(--err); }
.lg-warn { color: var(--warn); font-size: 13px; }

/* Weapon thresholds settings pane (WeaponOdSettings.tsx). */
.lw-table { width: 100%; }
.lw-table td, .lw-table th { vertical-align: middle; }
.lw-table th[scope="row"] { white-space: nowrap; }
.lw-table select { max-width: 200px; }
.lw-num { width: 5.5em; min-height: 34px; padding: 0 6px; background: var(--input); border: 1px solid var(--input-border); border-radius: 6px; color: var(--text); font: inherit; font-size: 14px; }
.lw-hint { font-weight: 400; font-size: 12px; }
.lw-off { opacity: 0.6; }