/* =====================================================================
   Muestreo de minería (solo muestreo.html). Base: tarjetas, campos y botones del panel.
   ===================================================================== */

.mue-head { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; }
.mue-head-text { min-width: 0; }
.mue-back { flex: none; max-width: 360px; }
.mue-back[hidden] { display: none; }
/* "Volver a la operación": barra clara con flecha (solo si vienes de una operación) */
.mue-back-link { display: inline-flex; align-items: center; gap: 14px; padding: 10px 20px 10px 12px; border: 1px solid var(--gold);
  border-radius: 6px; background: rgba(201, 162, 39, 0.08); color: var(--gray-100); text-decoration: none; transition: background 0.2s ease; max-width: 100%; }
.mue-back-link:hover { background: rgba(201, 162, 39, 0.18); }
.mue-back-link:focus-visible { outline: 2px solid var(--gray-100); outline-offset: 2px; }
.mue-back-arrow { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--gold); flex: none; transition: transform 0.2s ease; }
.mue-back-link:hover .mue-back-arrow { transform: translateX(-3px); }
.mue-back-arrow svg { width: 22px; height: 22px; fill: none; stroke: var(--gray-800); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.mue-back-text { display: grid; min-width: 0; }
.mue-back-kicker { color: var(--gold); font-family: var(--font-display); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.mue-back-name { font-family: var(--font-display); font-size: 1.15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mue-status-back { white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .mue-back-arrow, .mue-back-link { transition: none; } }
.mue-intro { max-width: 760px; margin: 10px 0 0; color: var(--gray-300); }
.mue-stats { margin: 8px 0 0; color: var(--gray-500); font-size: 0.9rem; min-height: 1.3em; }
.mue-op { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; border-color: rgba(201, 162, 39, 0.5); }

.mue-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px; align-items: start; }

/* Formulario */
.mue-form { display: grid; gap: 18px; }
.mue-set { margin: 0; padding: 0; border: 0; min-width: 0; }
.mue-set[hidden] { display: none; }
.mue-set > legend, .mue-extra > summary {
  padding: 0; margin-bottom: 10px;
  color: var(--gray-300); font-family: var(--font-display); font-weight: 700; letter-spacing: 0.04em; font-size: 1rem;
}
.mue-extra > summary { cursor: pointer; }
.mue-extra > summary:hover { color: var(--gold-light); }
.mue-extra[open] > summary { margin-bottom: 14px; }
.mue-row { display: grid; gap: 12px; }
.mue-row + .mue-row { margin-top: 12px; }
.mue-row--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mue-row--where { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr) minmax(0, 1fr); }
.mue-row--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mue-row--kind { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.mue-row--amount { grid-template-columns: minmax(0, 220px); margin-top: 14px; }
.mue-form .field[hidden] { display: none; }
.mue-form .field select, .mue-form .field input { width: 100%; max-width: none; }
.mue-form .seg button[disabled] { opacity: 0.35; cursor: not-allowed; }
.mue-kind-note { display: block; margin-top: 6px; color: var(--gray-500); font-size: 0.82rem; }
.mue-kind-note[hidden] { display: none; }
.mue-help { margin: 0 0 10px; color: var(--gray-500); font-size: 0.85rem; }
.mue-form > .mue-help { margin: 0; }

/* Composición: una fila por mineral */
.mue-comp { display: grid; gap: 8px; }
.mue-comp-head { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(64px, 0.6fr) minmax(80px, 0.7fr) minmax(70px, 0.7fr) auto; gap: 8px; margin-bottom: 4px;
  color: var(--gray-500); font-family: var(--font-display); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.mue-comp-head.is-gems { grid-template-columns: minmax(0, 1.6fr) minmax(90px, 0.7fr) auto; }
.mue-comp-head.is-gems .mue-ch-pct { display: none; }
.mue-comp-row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(64px, 0.6fr) minmax(80px, 0.7fr) minmax(70px, 0.7fr) auto; gap: 8px; align-items: center; }
.mue-comp-row select, .mue-comp-row input {
  width: 100%; min-width: 0; padding: 9px 10px;
  border: 1px solid var(--gray-700); border-radius: 4px; background: var(--black); color: var(--gray-100); font: inherit;
}
.mue-comp-row select:focus, .mue-comp-row input:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.25); }
.was-validated .mue-comp-row :invalid { border-color: #e07a5f; }
.mue-comp-row:not(:has(.mue-pct)) { grid-template-columns: minmax(0, 1.6fr) minmax(90px, 0.7fr) auto; }
.mue-scu { color: var(--gray-500); font-size: 0.82rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mue-del { white-space: nowrap; }
.mue-del[disabled] { visibility: hidden; }
.mue-comp-foot { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 8px; }
.mue-inert { color: var(--gray-300); font-variant-numeric: tabular-nums; font-size: 0.9rem; }
.mue-comp-error { margin: 6px 0 0; }

.mue-broke-field { margin-bottom: 12px; }
.mue-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.mue-status { margin: 0; color: var(--gray-300); font-size: 0.9rem; min-height: 1.3em; }

/* Tus lecturas */
.mue-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.mue-list .empty, .mue-note { color: var(--gray-500); padding: 6px 0; }
.mue-item { padding: 12px 0; border-bottom: 1px solid var(--gray-800); }
.mue-item:first-child { padding-top: 0; }
.mue-item-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.mue-item-title { margin: 0; color: var(--gray-100); }
.mue-item-meta { margin: 4px 0 0; color: var(--gray-500); font-size: 0.85rem; }
.mue-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; }
.mue-chips .tag { text-transform: none; letter-spacing: 0.02em; }
.mue-chip-inert { color: var(--gray-500); }
.mue-more { margin-top: 12px; }

/* Signaturas */
.mue-sig { margin-top: 20px; }
.mue-sig > summary { cursor: pointer; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.mue-sig > summary .card-kicker { margin: 0; }
.mue-sig-title { font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; color: var(--gray-100); }
.mue-sig[open] > summary { margin-bottom: 14px; }
.mue-sig-find { max-width: 240px; }
.mue-sig-find input { width: 100%; }
.mue-sig-result { margin: 8px 0 16px; color: var(--gold-light); min-height: 1.3em; }
.mue-sig-tables { display: grid; align-items: start; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }

@media (max-width: 1000px) {
  .mue-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .mue-head { flex-direction: column; align-items: flex-start; }
  .mue-back { order: -1; max-width: 100%; }   /* en pantallas estrechas, encima del título */
}
@media (max-width: 600px) {
  .mue-row--3, .mue-row--2, .mue-row--kind, .mue-row--where { grid-template-columns: minmax(0, 1fr); }
  .mue-comp-head { grid-template-columns: minmax(0, 1fr) 70px 80px auto; }
  .mue-comp-head.is-gems { grid-template-columns: minmax(0, 1fr) 90px auto; }
  .mue-comp-row { grid-template-columns: minmax(0, 1fr) 70px 80px auto; }
  .mue-comp-row .mue-scu { display: none; }
  .mue-comp-row:not(:has(.mue-pct)) { grid-template-columns: minmax(0, 1fr) 90px auto; }
  .mue-sig-tables { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Nave del hangar, cálculo y «Qué rompe cada configuración» ---------- */
.mue-free[hidden], .mue-loadout[hidden] { display: none; }
.mue-loadout { margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--line); border-left: 2px solid var(--gold); border-radius: 4px; }
.mue-loadout-text { margin: 0; color: var(--gray-100); font-size: 0.9rem; }
.mue-loadout-label { color: var(--gray-500); }
.mue-loadout-text a { color: var(--gold); }
.mue-calc { margin: 6px 0 0; font-size: 0.88rem; }
.mue-calc:empty { display: none; }
.mue-calc.is-off { color: var(--gray-500); }
.mue-calc.is-yes { color: #5fd38a; }
.mue-calc.is-no { color: #e07a5f; }
.mue-stats-card { margin-top: 20px; }
.mue-table-wrap { overflow-x: auto; }
.mue-stats-table td strong { display: block; color: var(--gray-100); }
.mue-stats-table td small { display: block; color: var(--gray-500); font-size: 0.8rem; }
.mue-stats-table tr.is-mine td:first-child { box-shadow: inset 2px 0 0 var(--gold); }
.mue-fired-field { margin: 10px 0 0; }
.mue-fired-field[hidden] { display: none; }
.mue-checks { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.mue-checks:empty { display: none; }
.mue-checks-title { margin: 0 0 8px; color: var(--gray-100); font-family: var(--font-display); font-size: 1.1rem; }
.mue-checks-list { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.mue-checks-list li { padding: 8px 10px; border: 1px solid var(--line); border-radius: 4px; color: var(--gray-300); font-size: 0.9rem; }
.mue-checks-list li small { display: block; color: var(--gray-500); font-size: 0.8rem; }
.mue-checks-list li.is-best { border-color: rgba(201, 162, 39, 0.6); }
.mue-checks-list li.is-best strong { color: var(--gold-light); }
.mue-calc-src { display: block; margin-top: 4px; color: var(--gray-500); font-size: 0.78rem; }
.mue-calc-src a { color: var(--gold); }
.mue-checks .mue-calc-src { margin: -4px 0 10px; }