.dotani::after {
    content: '';
    display: inline-block;
    width: 1.2em;
    text-align: left;
    animation: dots 1.2s steps(4, end) infinite;
}

@keyframes dots {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: ''; }
}

.msg-counter {
    font-size: 14px;
    color: rgba(0,0,0,0.35);
    font-style: italic;
    margin-top: -8px;
    margin-bottom: 12px;
    text-align: right;
    transition: all .2s ease;
    pointer-events: none;
}

.msg-warning {
    color: #d9534f !important; /* kırmızı water-mark uyumlu */
}