/**
 * 权限加载优化样式
 * 默认隐藏需要权限的按钮，避免在权限检查前显示
 */

/* 默认隐藏需要管理员权限的按钮 */
.banner-edit-btn,
.btn-admin-only,
[data-admin-only="true"] {
    display: none !important;
}

/* 当权限加载完成且是管理员时，通过添加.show-admin类来显示 */
body.permissions-loaded .banner-edit-btn.show-admin,
body.permissions-loaded .btn-admin-only.show-admin,
body.permissions-loaded [data-admin-only="true"].show-admin {
    display: inline-block !important;
}

/* 编辑模式下，仍然隐藏只在查看模式可见的按钮（即便它们需要管理员权限） */
body.permissions-loaded .edit-mode [data-admin-only="true"].view-only.show-admin {
    display: none !important;
}

/* 查看模式下，隐藏仅在编辑模式可见的按钮（保障一致行为） */
body.permissions-loaded .view-mode [data-admin-only="true"].edit-only.show-admin {
    display: none !important;
}

/* 默认隐藏需要作者权限的操作按钮 */
.post-actions,
.article-actions {
    opacity: 0;
}

/* 权限加载完成后显示 */
body.permissions-loaded .post-actions,
body.permissions-loaded .article-actions {
    opacity: 1;
}

/* 加载指示器（可选） */
.permissions-loading-indicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid var(--border-color);
    border-top-color: var(--primary-color);
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

body.permissions-loaded .permissions-loading-indicator {
    display: none;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}