/* Кнопки действий в постах и шапке темы */

.post-head-right {
    display: inline-flex; align-items: center; gap: 8px;
}
.post-action {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px;
    border-radius: 5px;
    background: transparent; border: 1px solid transparent;
    color: var(--text-mute);
    text-decoration: none; cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}
.post-action svg { width: 14px; height: 14px; }
.post-action:hover {
    background: var(--accent-10); border-color: var(--accent-30);
    color: var(--accent); text-decoration: none;
}
.post-action-del:hover {
    background: rgba(255,100,103,.10); border-color: rgba(255,100,103,.35);
    color: #ff6467;
}
html[data-theme='light'] .post-action-del:hover { color: #c10007; }

.topic-admin-actions {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin-top: 16px;
}
.btn-sm { padding: 6px 12px; font-size: 13px; gap: 6px; }
.btn-sm svg { width: 16px; height: 16px; }

.btn-danger {
    background: rgba(255,100,103,.10);
    border-color: rgba(255,100,103,.35);
    color: #ff6467;
}
.btn-danger:hover {
    background: rgba(255,100,103,.20);
    border-color: rgba(255,100,103,.55);
    color: #ff6467;
}
html[data-theme='light'] .btn-danger { color: #c10007; background: rgba(193,0,7,.07); border-color: rgba(193,0,7,.3); }
html[data-theme='light'] .btn-danger:hover { background: rgba(193,0,7,.13); color: #c10007; }
/* ============================================================
   Кнопки модерации в шапке темы (installer37f)
   ============================================================ */

.topic-admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
}
.topic-admin-actions form.inline { display: inline; }
.topic-admin-actions .btn.active {
    background: var(--accent-10);
    border-color: var(--accent-30);
    color: var(--accent);
}

.topic-move-form-wrap {
    margin-top: 12px;
    padding: 14px 16px;
    background: var(--panel-soft);
    border: 1px solid var(--border);
    border-radius: var(--r-sm);
}
.topic-move-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.topic-move-form select {
    flex: 1 1 240px;
    min-width: 180px;
    padding: 9px 12px;
    background: var(--panel-deep);
    border: 1px solid var(--border);
    border-radius: var(--r-sm);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    outline: none;
}
.topic-move-form select:focus {
    border-color: var(--accent-30);
    background: var(--accent-10);
}

@media (max-width: 640px) {
    .topic-admin-actions { gap: 6px; }
    .topic-admin-actions .btn {
        font-size: 12px;
        padding: 6px 10px;
    }
    .topic-move-form select { flex: 1 1 100%; }
}
/* ============================================================
   Иконки модерации в шапке поста (installer37g)
   ============================================================ */

/* Активная иконка (закреплено, закрыто) — подсветка */
.post-action.active {
    background: var(--accent-10);
    border-color: var(--accent-30);
    color: var(--accent);
}

/* Разделитель между иконками поста и иконками темы */
.post-action-sep {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: var(--border-strong);
    margin: 0 2px;
    vertical-align: middle;
    opacity: .6;
}

/* Эмодзи-иконки (📌 🔒) чуть крупнее для читаемости */
.post-head-right .post-action {
    font-size: 14px;
    line-height: 1;
}

/* Панель перемещения темы */
.topic-move-panel {
    margin-top: 16px;
    padding: 14px 16px;
    background: var(--panel-soft);
    border: 1px solid var(--border);
    border-radius: var(--r-sm);
}
.topic-move-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.topic-move-form select {
    flex: 1 1 240px;
    min-width: 180px;
    padding: 9px 12px;
    background: var(--panel-deep);
    border: 1px solid var(--border);
    border-radius: var(--r-sm);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    outline: none;
}
.topic-move-form select:focus {
    border-color: var(--accent-30);
    background: var(--accent-10);
}

@media (max-width: 640px) {
    .post-head-right { gap: 4px; }
    .post-action-sep { display: none; }
    .post-action { width: 24px; height: 24px; font-size: 12px; }
    .topic-move-form select { flex: 1 1 100%; min-width: 0; }
}