/* ========================================
   BUTTON STATES & STYLES
   ======================================== */

/* Basic Button States */
button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ========================================
   FLOATING ACTION BUTTON
   ======================================== */
.fab-add {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 10px 40px -10px rgba(99, 102, 241, 0.7),
        0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    cursor: pointer;
    transition: var(--rundown-transition);
    z-index: 50;
    border: none;
}

.fab-add:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow:
        0 20px 50px -10px rgba(99, 102, 241, 0.8),
        0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}

.fab-add:active {
    transform: translateY(-2px) scale(1);
}

/* ========================================
   TOOLBAR BUTTONS
   ======================================== */
.toolbar-btn {
    padding: 0.5rem;
    border-radius: 0.5rem;
    background: transparent;
    border: none;
    color: var(--rundown-text-muted);
    cursor: pointer;
    transition: var(--rundown-transition);
}

.toolbar-btn:hover {
    background: rgba(99, 102, 241, 0.2);
    color: var(--rundown-text);
}

.toolbar-btn.active {
    background: var(--rundown-accent);
    color: white;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

/* Row Action Buttons */
.row-action-btn {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    color: var(--rundown-text-muted);
    transition: var(--rundown-transition);
    cursor: pointer;
    background: transparent;
    border: none;
}

.row-action-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--rundown-text);
    transform: scale(1.1);
}

.row-action-btn.edit:hover {
    color: var(--rundown-accent-light);
    background: rgba(99, 102, 241, 0.2);
}

.row-action-btn.delete:hover {
    color: var(--rundown-danger);
    background: rgba(239, 68, 68, 0.2);
}

.row-action-btn.drag {
    cursor: grab;
}

.row-action-btn.drag:hover {
    color: var(--rundown-warning);
    background: rgba(245, 158, 11, 0.2);
}

.row-action-btn.drag:active {
    cursor: grabbing;
    transform: scale(0.95);
}