.media-modal {    display: none;    position: fixed;    inset: 0;    background: rgba(0,0,0,.75);    z-index: 9999;    display: flex;    justify-content: center;    align-items: center;}.media-box {    position: relative;    background: #111;    padding: 10px;    border-radius: 12px;    max-width: 420px;    width: 90%;    text-align: center;}    .media-box img,    .media-box video {        width: 100%;        max-height: 70vh;        border-radius: 10px;    }.media-close {    position: absolute;    top: -12px;    right: -12px;    background: #ff4d4f;    color: white;    width: 28px;    height: 28px;    border-radius: 50%;    text-align: center;    line-height: 28px;    font-size: 18px;    cursor: pointer;}.media-download {    position: absolute;    top: -12px;    left: -12px;    background: #0d6efd;    color: white;    width: 28px;    height: 28px;    border-radius: 50%;    text-align: center;    line-height: 32px;    font-size: 28px;    cursor: pointer;    text-decoration: none;    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);}/* دکمه‌های ناوبری وسط تصویر */.media-nav {    position: absolute;    top: 50%;    transform: translateY(-50%);    background: rgba(0,0,0,0.5);    color: white;    border: none;    width: 40px;    height: 40px;    border-radius: 50%;    cursor: pointer;    font-size: 20px;    line-height: 40px;    text-align: center;    box-shadow: 0 2px 6px rgba(0,0,0,0.5);    transition: background 0.2s;}    .media-nav:hover {        background: rgba(0,0,0,0.8);    }#mediaPrev {    left: 10px;}#mediaNext {    right: 10px;}.chatDownload-item {    display: flex;    align-items: center;    background: var(--card-bg);    color: #eee;    border-radius: 12px;    padding: 8px 10px;    margin-top: 6px;    max-width: 320px;}.chatDownload-icon {    font-size: 22px;    margin-left: 8px;}.chatDownload-info {    flex: 1;    overflow: hidden;}.chatDownload-name {    font-size: 13px;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}.chatDownload-meta {    font-size: 11px;    opacity: .7;    margin-top: 2px;}.chatDownload-action {    width: 36px;    height: 36px;    position: relative;}.chatDownload-btn {    position: absolute;    inset: 0;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;}.chatDownload-ring {    transform: rotate(-90deg);}.chatDownload-ring-bg {    fill: none;    stroke: #444;    stroke-width: 3;}.chatDownload-ring-progress {    fill: none;    stroke: #0d6efd;    stroke-width: 3;    stroke-dasharray: 100;    stroke-dashoffset: 100;    transition: stroke-dashoffset .15s linear;}.password-toggle {    position: absolute;    top: 42px;    right: 20px;    cursor: pointer;    color: #6c757d;    font-size: 18px;}    .password-toggle:hover {        color: #000;    }.attachment {    display: block;    margin-bottom: 8px;    max-width: 220px;    text-decoration: none;    color: #333;}    .attachment.image img,    .attachment.video video {        width: 100%;        border-radius: 8px;    }    .attachment.video {        position: relative;    }.play-icon {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    font-size: 32px;    color: white;}.attachment.file {    padding: 8px 12px;    background: #f1f1f1;    border-radius: 8px;}.attachment.audio audio {    width: 100%;}.attachment.minaudio audio {    width: 160px;}