/* NestPortal v485 · Historial de mensajes en Mi cuenta */
#modalContent .accountStatsGridV485>button.accountStatHistoryV485{
  appearance:none;-webkit-appearance:none;width:100%;text-align:left;cursor:pointer;
  background:#f7fffc;border:1px solid var(--line);border-radius:18px;padding:12px;color:inherit;font:inherit;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
#modalContent .accountStatsGridV485>button.accountStatHistoryV485:hover,
#modalContent .accountStatsGridV485>button.accountStatHistoryV485:focus-visible{border-color:rgba(20,184,148,.5);box-shadow:0 8px 18px rgba(7,94,84,.08);outline:none}
#modalContent .accountStatsGridV485>button.accountStatHistoryV485:active{transform:scale(.985)}
#modalContent .accountStatsGridV485>button.accountStatHistoryV485 b{font-size:20px;color:#075e54;display:block;font-weight:800}
#modalContent .accountStatsGridV485>button.accountStatHistoryV485 span{font-size:12px;color:#60736e;font-weight:900}
#modalContent .accountHistorySummaryV485{display:flex;align-items:baseline;gap:8px;margin:14px 0;padding:14px 16px;border-radius:18px;background:#f0fff9;border:1px solid rgba(20,184,148,.28)}
#modalContent .accountHistorySummaryV485 b{font-size:28px;color:#075e54}
#modalContent .accountHistorySummaryV485 span{color:#60736e;font-weight:850}
#modalContent .accountHistoryListV485{display:grid;gap:10px;padding-bottom:8px}
#modalContent .accountHistoryItemV485{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fffc)}
#modalContent .accountHistoryMetaV485{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px;font-size:12px;font-weight:900;color:#647873}
#modalContent .accountHistoryMetaV485 span{color:#08786a}
#modalContent .accountHistoryItemV485 p{margin:0;color:#183934;font-weight:700;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
#modalContent .accountHistoryItemV485>small{display:block;margin-top:7px;color:#74847f;font-weight:750}
#modalContent .accountHistoryEmptyV485{display:grid;gap:5px;padding:22px;border:1px dashed rgba(7,94,84,.22);border-radius:18px;text-align:center;background:#fbfffd;color:#647873}
#modalContent .accountHistoryEmptyV485 b{color:#075e54;font-size:18px}
#modalContent .accountHistoryLoadingV485{display:grid;justify-items:center;text-align:center;gap:8px;padding:28px 12px;color:#617872}
#modalContent .accountHistoryLoadingV485>span{width:34px;height:34px;border-radius:50%;border:4px solid rgba(7,94,84,.14);border-top-color:#14b894;animation:accountHistorySpinV485 .8s linear infinite}
#modalContent .accountHistoryLoadingV485 b{color:#075e54;font-size:18px}
@keyframes accountHistorySpinV485{to{transform:rotate(360deg)}}

#modalContent .accountHistoryPagerV485{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 4px}
#modalContent .accountHistoryPagerV485 button{appearance:none;border:1px solid rgba(7,94,84,.22);background:#fff;color:#075e54;border-radius:14px;padding:10px 13px;font-weight:900;cursor:pointer}
#modalContent .accountHistoryPagerV485 button:disabled{opacity:.38;cursor:default}
#modalContent .accountHistoryPagerV485 span{font-size:12px;color:#60736e;font-weight:900;text-align:center}

/* v485: cada renglón del historial es una acción táctil real y responde al instante. */
#modalContent button.accountHistoryItemV485{
  appearance:none;-webkit-appearance:none;width:100%;display:block;text-align:left;color:inherit;font:inherit;cursor:pointer;
  transition:transform .12s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
#modalContent button.accountHistoryItemV485:hover,
#modalContent button.accountHistoryItemV485:focus-visible{border-color:rgba(20,184,148,.48);box-shadow:0 9px 22px rgba(7,94,84,.10);outline:none;background:linear-gradient(145deg,#fff,#f0fff9)}
#modalContent button.accountHistoryItemV485:active,
#modalContent button.accountHistoryItemV485.isOpeningV485{transform:scale(.982);border-color:rgba(20,184,148,.72);background:#edfff8}
#modalContent button.accountHistoryItemV485:disabled{opacity:1;cursor:progress}
#modalContent .accountHistoryOpenV485{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;color:#08786a;font-size:12px;font-weight:950}
#modalContent .accountHistoryOpenV485 b{font-size:20px;line-height:.7}
.msgRow.accountHistoryTargetV485,
.groupMsg.accountHistoryTargetV485,
.groupMsgV241.accountHistoryTargetV485{animation:accountHistoryTargetPulseV485 1.05s ease 2;outline:3px solid rgba(20,184,148,.42);outline-offset:4px;border-radius:18px}
@keyframes accountHistoryTargetPulseV485{0%,100%{filter:none;transform:translateZ(0)}50%{filter:drop-shadow(0 8px 16px rgba(7,94,84,.18));transform:scale(1.012)}}
@media (prefers-reduced-motion:reduce){#modalContent button.accountHistoryItemV485,.msgRow.accountHistoryTargetV485,.groupMsg.accountHistoryTargetV485,.groupMsgV241.accountHistoryTargetV485{transition:none;animation:none;scroll-behavior:auto}}
