/* ==== Общие сообщения ==== */
.msg-success { color: var(--success, green); font-weight: bold; margin-bottom: 10px; }
.msg-error { color: var(--error, red); margin-bottom: 10px; }

/* ==== Гостевая книга ==== */
.guestbook-form { margin: 15px 0; font-size: 14px; }
.guestbook-form .form-group { margin-bottom: 12px; display: flex; flex-direction: column; }
.guestbook-form label { margin-bottom: 4px; font-weight: bold; }
.guestbook-form input[type="text"],
.guestbook-form input[type="password"],
.guestbook-form textarea { padding: 6px 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; width: 100%; }

/* ==== Кнопки гостевой книги ==== */
.guestbook-form button,
.editor-toolbar button,
.btn-primary,
.btn-cancel,
.btn-reply {
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    background: #A15700;
    color: #fff;
    transition: background 0.2s;
}

.guestbook-form button:hover,
.editor-toolbar button:hover,
.btn-primary:hover,
.btn-cancel:hover,
.btn-reply:hover {
    background: #8B4500;
}

/* Особые кнопки */
.btn-cancel { background: #A15700; color: #000; }
.btn-cancel:hover { background: #8B4500; }

.btn-reply { background: #A15700; color: #fff; }
.btn-reply:hover { background: #8B4500; }

.editor-toolbar button { background: #A15700; color: #fff; }
.editor-toolbar button:hover { background: #8B4500; }

.editor-toolbar button img { height: 16px; vertical-align: middle; }
.editor { border: 1px solid #ccc; border-radius: 4px; min-height: 80px; padding: 6px 8px; background: #fff; overflow-y: auto; line-height: 1.4; }

.divider { border-top: 1px dashed #ccc; margin: 20px 0; }

/* ==== Сообщения ==== */
.messages { margin-top: 20px; }
.message { border-left: 3px solid #007cba; padding: 10px; margin-bottom: 15px; background: #f9f9f9; }
.message strong { font-size: 14px; font-weight: bold; line-height: 1.2; font-style: italic;  }
.message strong.no-link { color: #000; }
.message strong a { color: var(--accent, #A15700); text-decoration: none; font-size: 14px; font-weight: bold; line-height: 1.2; }
.message .msg-date { color: #777; font-size: 12px; margin-left: 6px; }
.message .msg-text { margin: 6px 0; line-height: 1.4; word-break: break-word; }
.reply-count { color: #777; font-size: 12px; margin-left: 6px; }

.reply {
    margin: 10px 0 0 30px; /* отступ слева для вложенности */
    padding: 8px 12px;
    border-left: 3px solid #aaa; /* линия */
    border-radius: 8px;
    background: #f5f5f5;
    position: relative;
}

/* ==== Форма ответа ==== */
.reply-form { display: none; margin-top: 8px; padding: 8px; border: 1px dashed #ccc; background: #f0f0f0; }

/* ==== Смайлы ==== */
.smile { height: 18px; vertical-align: middle; }

/* ==== Контент ==== */
.ContentCaption { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.ContentText { font-size: 14px; line-height: 1.6; }

/* ==== Капча и поля ==== */
.guestbook-form label strong { font-weight: bold; }
.guestbook-form input[type="text"], .guestbook-form input[type="password"], .guestbook-form textarea { font-size: 14px; }

/* ==== Адаптив ==== */
@media (max-width: 768px) {
    .editor-toolbar { flex-wrap: wrap; gap: 3px; }
    .editor { min-height: 60px; }
    .guestbook-form input, .guestbook-form textarea { font-size: 13px; }
    .btn-primary, .btn-cancel, .btn-reply { font-size: 13px; padding: 5px 10px; }
}