/* Message Timestamp Styling - Relative time, timezone display, format customization */
.mess-time-cont{display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:var(--text-thir);margin-top:0.25rem}
.mess.user .mess-time-cont{justify-content:flex-end;text-align:right}
.mess-time-main{font-weight:500;transition:var(--transition)}
.mess-time-rela{opacity:0.8;font-style:italic}
.mess-time-zone{font-size:0.7rem;opacity:0.6;background:var(--bg-thir);padding:0.125rem 0.25rem;border-radius:var(--bo-ra-smal);margin-left:0.25rem}
.mess-time-prec{color:var(--text-four);font-size:0.65rem}
.mess-time-cust{color:var(--bran-seco);font-weight:600}
.mess-time-cont:hover .mess-time-main{color:var(--text-seco)}
.mess-time-cont:hover .mess-time-zone{opacity:1;background:var(--bg-four)}
.mess-time-tick{animation:tick 1s infinite}
@keyframes tick{0%,50%{opacity:1}51%,100%{opacity:0.5}}
.mess-time-past{color:var(--text-four)}
.mess-time-rece{color:var(--bran-firs);font-weight:500}
.mess-time-futu{color:#ff9800;font-style:italic}
@media (max-width:768px){.mess-time-cont{font-size:0.7rem}.mess-time-zone{display:none}.mess-time-prec{font-size:0.6rem}}
@media (prefers-reduced-motion:reduce){.mess-time-tick{animation:none}}