/* Common Admin UI Components */

.admin-actions, .user-actions {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.admin-button, .action-button {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text-sub);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
    font-family: var(--font);
}

.admin-button svg, .action-button svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.admin-button:hover, .action-button:hover {
    color: var(--text);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.15);
}

.admin-button.delete-button:hover, .action-button.delete-button:hover {
    color: var(--red-bright);
    background: var(--red-dim);
    border-color: var(--border-red);
}

.admin-button.save-button:hover, .action-button.save-button:hover {
    color: #50fa7b;
    background: rgba(80, 250, 123, 0.08);
    border-color: rgba(80, 250, 123, 0.25);
}

.admin-button.warn-button:hover, .action-button.warn-button:hover {
    color: #ffb86c;
    background: rgba(255, 184, 108, 0.08);
    border-color: rgba(255, 184, 108, 0.25);
}

/* Toast Notifications */
.toast {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    z-index: 9999;
    opacity: 0;
    animation: toastIn 0.3s ease forwards;
    pointer-events: none;
}

.toast.success {
    background: rgba(80, 250, 123, 0.12);
    color: #50fa7b;
    border: 1px solid rgba(80, 250, 123, 0.25);
    backdrop-filter: blur(12px);
}

.toast.deleted, .toast.error {
    background: var(--red-dim);
    color: var(--red-bright);
    border: 1px solid var(--border-red);
    backdrop-filter: blur(12px);
}

@keyframes toastIn {
    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* Helper Classes */
.display-inline {
    display: inline;
}

.w-100 {
    width: 100%;
}

.text-center {
    text-align: center;
}