/* ── Month Range Picker ─────────────────────────────────── */

.month-range-trigger{
  padding:.3rem .8rem;
  border:1px solid var(--core-border);
  border-radius:var(--core-radius-sm);
  background:var(--core-surface);
  color:var(--core-text-muted);
  font:600 .8rem var(--core-font-sans);
  cursor:pointer;
  transition:border-color .15s,color .15s,background .15s;
  white-space:nowrap;
  min-width:170px;
  text-align:left;
}
.month-range-trigger:hover{border-color:var(--core-teal);color:var(--core-text)}
.month-range-trigger.has-value{color:var(--core-text);border-color:var(--core-border-strong)}
.month-range-trigger:focus{outline:none;border-color:var(--core-teal);box-shadow:0 0 0 3px rgba(0,169,153,.18)}

.mrp-popover{
  position:absolute;
  z-index:600;
  background:var(--core-surface);
  border:1px solid var(--core-border-strong);
  border-radius:var(--core-radius-md);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  padding:.65rem;
  min-width:260px;
  display:none;
  user-select:none;
}

.mrp-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:.55rem;
  gap:.5rem;
}
.mrp-year{
  font:800 .95rem var(--core-font-sans);
  color:var(--core-text);
}
.mrp-nav{
  width:28px;height:28px;
  border:1px solid var(--core-border);
  background:var(--core-surface);
  border-radius:var(--core-radius-sm);
  color:var(--core-text-secondary);
  font-size:1rem;font-weight:700;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .12s;
}
.mrp-nav:hover:not([disabled]){border-color:var(--core-teal);color:var(--core-teal)}
.mrp-nav[disabled]{opacity:.35;cursor:not-allowed}

.mrp-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.3rem;
}
.mrp-cell{
  padding:.5rem 0;
  border:1px solid transparent;
  background:transparent;
  border-radius:var(--core-radius-sm);
  font:600 .8rem var(--core-font-sans);
  color:var(--core-text-secondary);
  cursor:pointer;
  transition:background .1s,color .1s,border-color .1s;
}
.mrp-cell:hover:not(.mrp-disabled){
  background:rgba(0,169,153,.12);
  color:var(--core-teal);
  border-color:rgba(0,169,153,.35);
}
.mrp-cell.mrp-in-range{
  background:rgba(0,169,153,.14);
  color:var(--core-text);
}
.mrp-cell.mrp-from,.mrp-cell.mrp-to{
  background:var(--core-teal);
  color:#fff;
  border-color:var(--core-teal);
}
.mrp-cell.mrp-disabled{
  opacity:.3;
  cursor:not-allowed;
  color:var(--core-text-muted);
}

.mrp-footer{
  margin-top:.55rem;
  padding-top:.5rem;
  border-top:1px dashed var(--core-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
}
.mrp-hint{
  font:600 .72rem var(--core-font-sans);
  color:var(--core-text-muted);
  letter-spacing:.02em;
}
.mrp-actions{display:flex;gap:.35rem}
.mrp-btn{
  padding:.35rem .8rem;
  border-radius:var(--core-radius-sm);
  font:700 .75rem var(--core-font-sans);
  cursor:pointer;
  transition:all .12s;
  border:1px solid transparent;
  white-space:nowrap;
}
.mrp-btn-ghost{
  background:transparent;
  border-color:var(--core-border);
  color:var(--core-text-secondary);
}
.mrp-btn-ghost:hover{border-color:var(--core-teal);color:var(--core-teal)}
.mrp-btn-apply{
  background:var(--core-teal);
  color:#fff;
  border-color:var(--core-teal);
}
.mrp-btn-apply:hover:not([disabled]){background:var(--core-primary-dark,var(--core-teal));filter:brightness(1.06)}
.mrp-btn-apply[disabled]{opacity:.4;cursor:not-allowed}

/* Ocultar los inputs nativos cuando el picker los reemplaza */
.mrp-hidden-input{
  display:none !important;
}