/* ======================================================
   Дневник сайта — /diary/diary.css
   ====================================================== */
.diary-wrap { max-width: 900px; margin: 0; padding: 0 0 1rem; }
.diary-h1 {
    font-family: Roboto, sans-serif;
    font-weight: 100;
    font-size: 21pt;
    margin-bottom: 0.5rem;
}
.diary-back { margin: 0.5rem 0; }
.diary-empty { color: #888; font-style: italic; margin: 1.5rem 0; }

/* ---------- Карточка записи в ленте ---------- */
.diary-entry {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 0.8rem;
    background: #fafafa;
    padding: 0.75rem;
}
.diary-entry-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.4rem;
}
.diary-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}
.diary-entry-meta { display: flex; flex-direction: column; }
.diary-author { font-weight: 600; color: #333; font-size: 0.95em; }
.diary-date { color: #888; font-size: 0.85em; }

.diary-entry-title {
    margin: 0.3rem 0 0.3rem;
    font-size: 1.15em;
    font-weight: 600;
}
.diary-entry-title a { color: #6a5acd; text-decoration: none; }
.diary-entry-title a:hover { text-decoration: underline; }

.diary-entry-preview { color: #444; line-height: 1.5; margin-bottom: 0.3rem; }
.diary-more { font-size: 0.9em; color: #6a5acd; text-decoration: none; }
.diary-more:hover { text-decoration: underline; }

.diary-entry-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 0.5rem;
    padding-top: 0.4rem;
    border-top: 1px solid #eee;
    font-size: 0.9em;
}
.diary-entry-footer a { color: #6a5acd; text-decoration: none; }
.diary-entry-footer a:hover { text-decoration: underline; }
.diary-link-delete { color: #c62828 !important; }

/* ---------- Полный просмотр записи ---------- */
.diary-topic { margin-top: 0.5rem; }
.diary-topic-title {
    font-family: Roboto, sans-serif;
    font-weight: 100;
    font-size: 21pt;
    margin: 0.3rem 0 0.8rem;
}
.diary-topic-body {
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-bottom: 1rem;
}
.diary-topic-body img { max-width: 100%; height: auto; }
.diary-topic-body a { color: #8A3CA4; }

/* ---------- Блок оригинальной записи в комментариях ---------- */
.diary-comment-origin {
    background: #f5f3fa;
    border-left: 3px solid #b0a8d0;
    padding: 0.5rem 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.95em;
}

/* ---------- Редактор записи ---------- */
.diary-editor-title {
    font-weight: 400;
    font-size: 1.1em;
    margin: 0 0 0.5rem;
}
.diary-editor-form { margin-top: 0.5rem; }
.diary-editor-form label {
    display: block;
    margin-bottom: 0.3rem;
    font-weight: 600;
    font-size: 0.95em;
}
.diary-input {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    font-family: Roboto, sans-serif;
    margin-bottom: 0.6rem;
    box-sizing: border-box;
}
.diary-input:focus { border-color: #6a5acd; outline: none; }
.diary-editor-buttons { margin-top: 0.5rem; display: flex; gap: 0.5rem; align-items: center; }

/* ---------- Кнопки ---------- */
.diary-btn {
    display: inline-block;
    padding: 0.5rem 1.2rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.95em;
    background: #f5f5f5;
    font-family: Roboto, sans-serif;
    text-decoration: none;
    color: #333;
    text-align: center;
}
.diary-btn:hover { background: #eee; }
.diary-btn-primary {
    background: #6a5acd;
    color: #fff;
    border-color: #6a5acd;
}
.diary-btn-primary:hover { background: #5a4abf; color: #fff; }

/* ---------- Пагинация ---------- */
.diary-pagination {
    margin: 0.8rem 0;
    font-size: 0.95em;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-items: center;
}
.diary-pagination a {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #6a5acd;
    text-decoration: none;
}
.diary-pagination a:hover { background: #ece9f5; }
.diary-pag-cur {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border: 1px solid #6a5acd;
    border-radius: 3px;
    background: #6a5acd;
    color: #fff;
    font-weight: 600;
}
.diary-pag-dots { color: #999; padding: 0 0.2rem; }

/* ---------- Комментарии (переиспользуем disc-* из art_article.css) ---------- */

/* ---------- Мобильный ---------- */
@media (max-width: 768px) {
    .diary-entry-footer { flex-direction: column; gap: 0.3rem; }
    .diary-editor-buttons { flex-direction: column; }
}