/* Vista Mes: solo estilos nuevos; reutiliza el tema neumórfico de socios.html */
.fm{position:relative;width:150px;min-width:0;padding:8px 30px 8px 20px;border:0;border-radius:14px;background-color:var(--in-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e9a65f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:16px 16px;box-shadow:var(--in-s);color:var(--ink);font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}
.fm[hidden]{display:none}
@media(min-width:440px){.fm{width:152px;font-size:13px}}
@media(max-width:359px){.fm{width:140px;padding:8px 28px 8px 16px;font-size:11.5px}}
.fm:focus-visible{outline:2px solid var(--az);outline-offset:2px}

.hero[data-m],.k[data-m],.card[data-m],.t1[data-m]{cursor:pointer}
.card[data-m]{transition:box-shadow .18s,background .18s}
.card[data-m]:hover{background:var(--surf-h)}
.card.c-notas[data-m]:hover{background:var(--in-bg2)}
.card[data-m]:active,.hero[data-m]:active{box-shadow:var(--in)}
.k[data-m]:active{box-shadow:var(--in-s)}
.mdet{display:block;margin:14px 0 0;padding:7px 16px;font-size:12px}
.rd .sgm{cursor:pointer}

/* Calendario de días dentro de los pop-ups */
.mcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 0 14px}
.dc{padding:8px 0;border:1px solid var(--bd);border-radius:10px;background:var(--surf);color:var(--mut);font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:var(--out-xs)}
.dc.on{border-color:transparent;background:var(--in-bg);color:var(--az);box-shadow:var(--in-s)}
.dc:disabled{opacity:.28;cursor:default;box-shadow:none}

/* Botones Bruto / Neto abajo a la derecha */
.mtog{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
.mtog .bt{margin:0;padding:8px 18px;font-size:13px}
.bt.on{border-color:transparent;background:var(--in-bg);box-shadow:var(--in-s);color:var(--az)}

.mtl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}
.mst{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:4px}
.mst .k{flex:0 0 auto;min-width:92px;padding:9px 11px}
.mst .k small{display:block;font-size:10.5px;color:var(--mut)}
.r.mon{border-radius:10px;box-shadow:var(--in-xs)}
.r.mon .h{color:var(--v)}
.r[data-md],.r[data-mf]{cursor:pointer}

.msel{width:100%;min-width:0;padding:11px 14px;border:0;border-radius:14px;background:var(--in-bg);box-shadow:var(--in-s);color:var(--ink);font-size:14px;color-scheme:dark}
.mrow{display:flex;gap:10px}
.mrow .msel{flex:1}
#mnt{width:100%;min-height:90px;padding:12px;border:0;border-radius:16px;background:var(--in-bg);box-shadow:var(--in);color:var(--ink);font-size:14px;resize:vertical}
#mnt::placeholder{color:var(--mut)}

/* Segundo nivel: selector de mes y vueltas de un día */
#mp2{position:fixed;inset:0;z-index:67;display:flex;align-items:center;justify-content:center;background:rgba(8,10,14,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#mp2[hidden]{display:none}
#mp2 .vm.mw{width:min(92vw,340px);max-height:80vh;max-height:80dvh;overflow:auto}
.mgr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mgr .vo{padding:10px 0;font-size:14px}