/**
 * Diseño del Tracker — mismo lenguaje visual que la Calculadora
 * (calculadora.css), escopeado bajo .mmt-tracker.
 *
 * Ajuste ago-2026 (2da vuelta de feedback del cliente):
 *  - Se saca el acento verde lateral y se aligeran las cajas de
 *    métricas (antes cada una tenía su propio borde+fondo — quedaba
 *    "saturado" con tantas cajas dentro de cajas).
 *  - El título de la tarjeta deja de ser un <input> (por eso se veía
 *    con tipografía distinta y se cortaba el texto largo).
 *  - Movimientos: tabla real (<table>), no filas de grilla.
 *  - Cuadro de alta de cuenta fijo (siempre visible), no modal.
 */
.mmt-tracker{
  --t-bg:#030503; --t-panel:#09100a; --t-panel-2:#0c150d;
  --t-border:rgba(136,255,58,.14); --t-border-strong:rgba(136,255,58,.34);
  --t-green:#8cff37; --t-green-light:#b6ff75; --t-green-dark:#62c51c;
  --t-text:#f5f8f3; --t-muted:#a7b2a5; --t-dim:#758174;
  --t-amber:#ffcf6b; --t-red:#ff6f74; --t-blue:#7bb8ff;
  width:min(1100px,100%); margin:0 auto; padding:24px; border-radius:26px;
  font-family:'Inter',Arial,sans-serif; color:var(--t-text); line-height:1.55;
  background:radial-gradient(circle at 90% 0%,rgba(140,255,55,.08),transparent 26%),
             radial-gradient(circle at 0% 15%,rgba(140,255,55,.04),transparent 25%),
             var(--t-bg);
  -webkit-font-smoothing:antialiased;
}
.mmt-tracker *{box-sizing:border-box}
.mmt-tracker button,.mmt-tracker input,.mmt-tracker select,.mmt-tracker textarea{font:inherit;font-family:inherit!important}
/* Ajuste ago-2026 (pedido del cliente): igualar la tipografía del Tracker
   con Dashboard/Calculadora. Los tres módulos ya declaran la misma pila
   'Inter',Arial,sans-serif (via mmt-theme.css, una sola vez, sin cargar
   ninguna fuente adicional) — este refuerzo con !important es defensivo:
   garantiza que ningún selector del tema de WordPress (h1/h3/label/
   button/input/select sueltos, muy comunes en temas) pueda colarse por
   encima y hacer que el Tracker se vea distinto a los otros dos módulos.
   Único elemento que se deja fuera a propósito: .mt-code (el código de
   cuenta tipo "ACC-KJUYZG"), que sigue en monospace como siempre. */
.mmt-tracker h1,.mmt-tracker h2,.mmt-tracker h3,.mmt-tracker h4,.mmt-tracker h5,.mmt-tracker h6,
.mmt-tracker p,.mmt-tracker span,.mmt-tracker div,.mmt-tracker label,
.mmt-tracker table,.mmt-tracker td,.mmt-tracker th,.mmt-tracker li,.mmt-tracker a,
.mmt-tracker dialog{font-family:inherit!important}
/* Mismo reset defensivo que calculadora.css: el tema de WordPress trae
   estilos globales de <button> (el guinda/rosa que reportó el cliente)
   que se cuelan porque acá nunca fijábamos background/border/color
   explícitos en el botón base. El !important real que le gana al tema
   va en .mt-btn y sus variantes más abajo. */
.mmt-tracker button{
  cursor:pointer;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-color:transparent;background-image:none;
  border:0;
  color:inherit;
  margin:0;
  white-space:normal!important;
  word-break:normal;
  overflow-wrap:break-word;
}

/* ---------- Blindaje anti-guinda (ago-2026, pedido del cliente) ----------
   El botón "⋮" ya se había parchado antes (ver más abajo, .mt-menu-btn),
   pero el mismo problema (el tema de WordPress le mete su color guinda/
   rosa por defecto a los <button> en :hover/:focus/:active) puede
   aparecer en CUALQUIER botón del Tracker. Este bloque los cubre todos
   de una vez, restableciendo en :hover/:focus/:active el mismo color
   que cada botón ya tiene en reposo — no le quita al plugin su propio
   hover (el verde de .mt-btn, el levantamiento de 1px, el tinte verde
   de los ítems del menú "⋮", el estado activo de las pestañas), solo
   bloquea el color ajeno del tema. */
.mmt-tracker .mt-tab:hover,.mmt-tracker .mt-tab:focus,.mmt-tracker .mt-tab:active{border-color:var(--t-border)!important;color:var(--t-muted)!important;background:#080d08!important;outline:none!important}
.mmt-tracker .mt-tab.is-active:hover,.mmt-tracker .mt-tab.is-active:focus,.mmt-tracker .mt-tab.is-active:active{color:#071000!important;background:var(--t-green)!important;border-color:var(--t-green)!important}
.mmt-tracker .mt-btn:hover,.mmt-tracker .mt-btn:focus,.mmt-tracker .mt-btn:active{background:var(--t-green)!important;color:#071003!important;outline:none!important;box-shadow:none!important}
.mmt-tracker .mt-btn--ghost:hover,.mmt-tracker .mt-btn--ghost:focus,.mmt-tracker .mt-btn--ghost:active{background:transparent!important;border-color:var(--t-border)!important;color:var(--t-text)!important}
.mmt-tracker .mt-btn--danger:hover,.mmt-tracker .mt-btn--danger:focus,.mmt-tracker .mt-btn--danger:active{background:transparent!important;border-color:rgba(255,111,116,.3)!important;color:var(--t-red)!important}
.mmt-tracker .mt-toggle-movements[aria-expanded="true"]:hover,.mmt-tracker .mt-toggle-movements[aria-expanded="true"]:focus{border-color:var(--t-green)!important;color:var(--t-green)!important}
.mmt-tracker .mt-close:hover,.mmt-tracker .mt-close:focus,.mmt-tracker .mt-close:active{background:transparent!important;border-color:var(--t-border)!important;color:var(--t-muted)!important;outline:none!important}
.mmt-tracker .mt-menu-dropdown button:hover,.mmt-tracker .mt-menu-dropdown button:focus{background:rgba(140,255,55,.08)!important;outline:none!important}
.mmt-tracker .mt-menu-dropdown button.mt-danger-item:hover,.mmt-tracker .mt-menu-dropdown button.mt-danger-item:focus{background:rgba(255,111,116,.1)!important}

/* ---------- Encabezado ---------- */
.mmt-tracker .mt-heading{margin-bottom:20px}
.mmt-tracker .mt-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--t-green);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mmt-tracker .mt-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--t-green);box-shadow:0 0 14px rgba(140,255,55,.55)}
.mmt-tracker .mt-heading h1{margin:9px 0 0;font-size:clamp(22px,3vw,32px);letter-spacing:-.02em;font-family:inherit}
.mmt-tracker .mt-subtitle{color:var(--t-muted);font-size:13px;margin:8px 0 0;max-width:560px;line-height:1.5;font-family:inherit}

/* ---------- Resumen ---------- */
.mmt-tracker .mt-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.mmt-tracker .mt-stat{border:1px solid var(--t-border);background:var(--t-panel);border-radius:14px;padding:14px 16px}
.mmt-tracker .mt-stat small{display:block;color:var(--t-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px;margin-bottom:7px}
.mmt-tracker .mt-stat strong{font-size:20px;font-weight:800}
.mmt-tracker .mt-stat strong.is-negative{color:var(--t-red)}
.mmt-tracker .mt-stat strong.is-positive{color:var(--t-green-light)}

/* ---------- Cuadro fijo: nueva cuenta ---------- */
.mmt-tracker .mt-new-account-box{display:grid;grid-template-columns:1.1fr 1fr 1.3fr auto;gap:12px;align-items:end;border:1px solid var(--t-border);background:var(--t-panel);border-radius:16px;padding:16px;margin-bottom:16px}
.mmt-tracker .mt-new-account-box .mt-field--btn{display:flex}
.mmt-tracker .mt-new-account-box #naFirmOther,.mmt-tracker .mt-new-account-box #naSizeOther{margin-top:8px}
.mmt-tracker .mt-new-account-box .mt-firm-hint{margin:2px 0 0;padding:7px 10px;border:1px solid rgba(255,207,107,.28);border-radius:8px;background:rgba(255,207,107,.08);color:var(--t-amber);font-size:11px;line-height:1.45}
.mmt-tracker .mt-new-account-box .mt-firm-hint strong{color:var(--t-amber)}
@media(max-width:820px){.mmt-tracker .mt-new-account-box{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mmt-tracker .mt-new-account-box{grid-template-columns:1fr}.mmt-tracker .mt-new-account-box .mt-btn{width:100%}}

/* ---------- Tabs ---------- */
.mmt-tracker .mt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 14px;flex-wrap:wrap}
.mmt-tracker .mt-tabs{display:flex;gap:8px;flex-wrap:wrap}
.mmt-tracker .mt-tab{border:1px solid var(--t-border);color:var(--t-muted);background:#080d08;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700}
.mmt-tracker .mt-tab.is-active{color:#071000;background:var(--t-green);border-color:var(--t-green)}
/* Sin estilo propio al pasar el mouse, el tema del sitio le mete su color de
   hover por defecto (rosa) a estos <button>. Igualamos hover al estado de
   reposo para que el tab NO cambie de color salvo al hacer click (is-active). */
.mmt-tracker .mt-tab:hover{border-color:var(--t-border);color:var(--t-muted);background:#080d08}
.mmt-tracker .mt-tab.is-active:hover{color:#071000;background:var(--t-green);border-color:var(--t-green)}

/* ---------- Tarjeta de cuenta (más liviana: sin acento lateral, sin cajas-dentro-de-cajas) ---------- */
.mmt-tracker .mt-account-list{display:grid;gap:12px}
.mmt-tracker .mt-card{border:1px solid var(--t-border);border-radius:16px;background:var(--t-panel);padding:18px}
.mmt-tracker .mt-card.is-archived{opacity:.55}
/* Franja de encabezado (ago-2026, pedido del cliente): fondo propio que
   se extiende hasta el borde de la tarjeta, para que cada cuenta se
   distinga rápido al hacer scroll entre varias. Mismos colores/bordes
   que ya usa el plugin (--t-panel-2, --t-border) — no es un rediseño,
   solo contraste extra en el título/estado/subtítulo de cada cuenta.
   Ajuste ago-2026 (2da vuelta): la franja pasa a usar el verde
   fosforescente de marca (--t-green, el mismo de Dashboard/Calculadora
   y de los botones .mt-btn) como acento superior — NO como fondo de
   toda la franja, para no perder legibilidad del título en blanco. Es
   un borde superior grueso + un resplandor interior sutil (inset, así
   nunca se sale de la tarjeta ni se monta sobre la tarjeta de al lado). */
.mmt-tracker .mt-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin:-18px -18px 14px;padding:16px 18px 14px;background:var(--t-panel-2);border-top:3px solid var(--t-green);border-bottom:1px solid var(--t-border);border-radius:16px 16px 0 0;box-shadow:inset 0 12px 14px -12px rgba(140,255,55,.5)}
.mmt-tracker .mt-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mmt-tracker .mt-title-row h3{margin:0;font-size:16px;font-weight:700;font-family:inherit}
.mmt-tracker .mt-meta{color:var(--t-muted);font-size:12px;margin-top:5px}
.mmt-tracker .mt-code{font-family:monospace!important;color:var(--t-dim)}

.mmt-tracker .mt-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.mmt-tracker .mt-badge.no_movements,.mmt-tracker .mt-badge.pending_confirm{background:rgba(123,184,255,.12);color:var(--t-blue)}
.mmt-tracker .mt-badge.evaluation{background:rgba(255,207,107,.14);color:var(--t-amber)}
/* Ajuste ago-2026, 2da vuelta: "approved" (histórico "Evaluación aprobada")
   se ve IGUAL que "funded" — mismo color, no solo mismo texto (ver
   STATUS_LABELS en tracker.js). El valor interno acc.status no cambia. */
.mmt-tracker .mt-badge.approved,.mmt-tracker .mt-badge.funded{background:rgba(140,255,55,.2);color:var(--t-green)}
.mmt-tracker .mt-badge.burned{background:rgba(255,111,116,.14);color:var(--t-red)}

.mmt-tracker .mt-menu-btn{width:32px;height:32px;border:1px solid var(--t-border);border-radius:9px;background:transparent;color:var(--t-muted);font-size:17px;line-height:1;flex-shrink:0}
/* El tema del sitio le mete su color guinda/rosa por defecto a <button>
   en :focus/:active (típico de un theme que resalta el foco por
   accesibilidad) — se veía al abrir el menú "⋮" porque el click deja el
   botón enfocado. A diferencia de .mt-tab:hover (línea 88, sin
   !important), acá SÍ hace falta !important — el guinda del tema gana
   incluso a un selector con 2 clases si el tema fija su color con
   !important en :focus/:active, que es lo que pasaba en este caso. */
.mmt-tracker .mt-menu-btn:hover,.mmt-tracker .mt-menu-btn:focus,.mmt-tracker .mt-menu-btn:active{border-color:var(--t-border)!important;color:var(--t-muted)!important;background:transparent!important;outline:none!important;box-shadow:none!important}
.mmt-tracker .mt-menu-wrap{position:relative}
.mmt-tracker .mt-menu-dropdown{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:180px;border:1px solid var(--t-border);border-radius:12px;background:var(--t-panel-2);box-shadow:0 18px 40px rgba(0,0,0,.4);padding:6px;flex-direction:column;gap:2px}
.mmt-tracker .mt-menu-wrap.is-open .mt-menu-dropdown{display:flex}
.mmt-tracker .mt-menu-dropdown button{background:none;border:0;color:var(--t-text);text-align:left;font-size:12px;padding:9px 10px;border-radius:8px;font-family:inherit}
.mmt-tracker .mt-menu-dropdown button:hover{background:rgba(140,255,55,.08)}
.mmt-tracker .mt-menu-dropdown button.mt-danger-item{color:var(--t-red)}
.mmt-tracker .mt-menu-dropdown button.mt-danger-item:hover{background:rgba(255,111,116,.1)}
.mmt-tracker .mt-menu-dropdown .mt-menu-hint{padding:8px 10px;font-size:10.5px;color:var(--t-dim);line-height:1.4}

/* ---------- Métricas: fila liviana con separadores, no 3 cajas ---------- */
.mmt-tracker .mt-metrics{display:flex;border-top:1px solid var(--t-border);border-bottom:1px solid var(--t-border);margin-bottom:14px}
.mmt-tracker .mt-metric{flex:1;padding:10px 14px 10px 0;border-right:1px solid var(--t-border)}
.mmt-tracker .mt-metric:first-child{padding-left:0}
.mmt-tracker .mt-metric:last-child{border-right:0}
.mmt-tracker .mt-metric span{display:block;color:var(--t-dim);font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}
.mmt-tracker .mt-metric strong{font-size:15px}
.mmt-tracker .mt-progress{height:5px;background:#111811;border-radius:999px;overflow:hidden;margin-top:7px;max-width:120px}
.mmt-tracker .mt-progress > i{display:block;height:100%;background:var(--t-green)}
@media(max-width:640px){.mmt-tracker .mt-metrics{flex-direction:column}.mmt-tracker .mt-metric{border-right:0;border-bottom:1px solid var(--t-border);padding:8px 0}.mmt-tracker .mt-metric:last-child{border-bottom:0}}

/* ---------- Acciones ---------- */
.mmt-tracker .mt-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mmt-tracker .mt-hint{color:var(--t-dim);font-size:12px}
.mmt-tracker .mt-action-group{display:flex;gap:10px;flex-wrap:wrap}
.mmt-tracker .mt-btn{border:0;border-radius:10px;background:var(--t-green)!important;color:#071003!important;font-weight:800;font-size:12px;padding:10px 14px;transition:.15s;font-family:inherit}
.mmt-tracker .mt-btn:hover{transform:translateY(-1px)}
.mmt-tracker .mt-btn--ghost{background:transparent!important;border:1px solid var(--t-border)!important;color:var(--t-text)!important}
.mmt-tracker .mt-btn--danger{background:transparent!important;border:1px solid rgba(255,111,116,.3)!important;color:var(--t-red)!important}
.mmt-tracker .mt-btn--sm{padding:6px 10px;font-size:11px}
.mmt-tracker .mt-toggle-movements[aria-expanded="true"]{border-color:var(--t-green)!important;color:var(--t-green)!important}

/* ---------- Panel de movimientos: tabla real ---------- */
.mmt-tracker .mt-movements-panel{display:none;margin-top:16px;padding-top:14px;border-top:1px solid var(--t-border)}
.mmt-tracker .mt-card.is-open .mt-movements-panel{display:block}
.mmt-tracker .mt-movements-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.mmt-tracker .mt-movements-head h4{margin:0;font-size:13px;font-family:inherit}
.mmt-tracker .mt-movements-count{color:var(--t-dim);font-size:11px}

.mmt-tracker table.mt-movements-table{width:100%;border-collapse:collapse;font-size:12.5px}
.mmt-tracker table.mt-movements-table th{text-align:left;color:var(--t-dim);font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--t-border);font-weight:700}
.mmt-tracker table.mt-movements-table td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.mmt-tracker table.mt-movements-table tr.is-void td{opacity:.45;text-decoration:line-through}
/* La última celda (acciones) de una fila anulada NO debe heredar la tachadura/opacidad:
   ahí vive el botón "Eliminar", que ahora también aplica a movimientos ya anulados
   (ago-2026) y debe verse legible y clicable con normalidad. */
.mmt-tracker table.mt-movements-table tr.is-void td:last-child{opacity:1;text-decoration:none}
.mmt-tracker table.mt-movements-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.mmt-tracker table.mt-movements-table .expense{color:#ff9b9b}
.mmt-tracker table.mt-movements-table .income{color:var(--t-green)}
.mmt-tracker .mt-empty-movements{border:1px dashed var(--t-border);border-radius:12px;padding:16px;text-align:center;color:var(--t-dim);font-size:12px}

/* Fila de edición inline dentro de la tabla */
.mmt-tracker .mt-edit-row td{padding:8px 6px}
.mmt-tracker .mt-edit-row input,.mmt-tracker .mt-edit-row select{width:100%;background:#050805;border:1px solid var(--t-border);border-radius:8px;color:var(--t-text);padding:7px 8px;font-size:12px;font-family:inherit}

@media(max-width:700px){
  .mmt-tracker table.mt-movements-table thead{display:none}
  .mmt-tracker table.mt-movements-table tr{display:block;border-bottom:1px solid var(--t-border);padding:8px 0}
  .mmt-tracker table.mt-movements-table td{display:flex;justify-content:space-between;gap:10px;border-bottom:0;padding:3px 0}
  .mmt-tracker table.mt-movements-table td::before{content:attr(data-label);color:var(--t-dim);font-size:10px;text-transform:uppercase}
}

/* ---------- Bloque "pendiente de confirmar" ---------- */
.mmt-tracker .mt-confirm-block label{display:block;font-size:11px;color:var(--t-dim);margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}
.mmt-tracker .mt-confirm-block input{width:100%;background:#050805;border:1px solid var(--t-border);border-radius:9px;color:var(--t-text);padding:9px 10px;font-size:13px;margin-bottom:10px;font-family:inherit}

/* ---------- Modal de movimiento ---------- */
.mmt-tracker dialog.mt-dialog{width:min(560px,calc(100% - 24px));border:1px solid var(--t-border);border-radius:22px;padding:0;background:var(--t-panel-2);color:var(--t-text);box-shadow:0 30px 100px rgba(0,0,0,.65)}
.mmt-tracker dialog.mt-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.mmt-tracker .mt-modal-head{padding:22px 24px 0;display:flex;justify-content:space-between;gap:16px}
.mmt-tracker .mt-modal-head h2{margin:0;font-size:22px;font-family:inherit}
.mmt-tracker .mt-close{width:34px;height:34px;border:1px solid var(--t-border);background:transparent;color:var(--t-muted);border-radius:10px;font-size:17px;flex-shrink:0}
.mmt-tracker .mt-modal-body{padding:20px 24px 24px}
.mmt-tracker .mt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mmt-tracker .mt-field{display:flex;flex-direction:column}
.mmt-tracker .mt-field--full{grid-column:1/-1}
.mmt-tracker .mt-field label{display:block;color:var(--t-dim);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}
.mmt-tracker .mt-field input,.mmt-tracker .mt-select-full{width:100%;border:1px solid var(--t-border);border-radius:12px;background:#050805;color:var(--t-text);padding:11px 12px;outline:none}
.mmt-tracker .mt-field input:focus,.mmt-tracker .mt-select-full:focus{border-color:var(--t-green);box-shadow:0 0 0 3px rgba(140,255,55,.1)}
.mmt-tracker .mt-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media(max-width:560px){.mmt-tracker .mt-form-grid{grid-template-columns:1fr}.mmt-tracker .mt-field--full{grid-column:auto}}

/* ---------- Toast ---------- */
.mmt-tracker .mt-toast{position:fixed;right:24px;bottom:24px;background:var(--t-panel-2);border:1px solid var(--t-green);border-radius:12px;padding:14px 16px;color:var(--t-text);box-shadow:0 18px 50px rgba(0,0,0,.35);display:none;z-index:50;font-size:13px;max-width:320px}

/* ---------- Genéricos ---------- */
.mmt-tracker .mt-empty{color:var(--t-dim);font-size:13px;padding:20px;text-align:center}
.mmt-tracker .mt-msg{margin-top:8px;font-size:12px}
.mmt-tracker .mt-dim{color:var(--t-dim)}

@media(max-width:800px){.mmt-tracker .mt-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .mmt-tracker{padding:18px}
  .mmt-tracker .mt-summary{grid-template-columns:1fr}
  .mmt-tracker .mt-card{padding:15px}
  .mmt-tracker .mt-card-actions{flex-direction:column;align-items:stretch}
  .mmt-tracker .mt-action-group{display:grid;grid-template-columns:1fr}
}