/* ========================================

   Icon Button

   ======================================== */

.btn-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    padding: 0;

    border: none;

    background: transparent;

    color: #5a6268;

    border-radius: 6px;

    cursor: pointer;

    transition: background-color 0.15s ease, color 0.15s ease;

    text-decoration: none;

    line-height: 1;

}



    .btn-icon:hover,

    .btn-icon:focus {

        background-color: rgba(0, 0, 0, 0.06);

        color: #212529;

        outline: none;

    }



    .btn-icon:active {

        background-color: rgba(0, 0, 0, 0.12);

    }



    .btn-icon:disabled {

        opacity: 0.4;

        cursor: not-allowed;

    }



    .btn-icon i {

        font-size: 0.95rem;

    }



/* Variant: destructive (for remove/delete actions on hover) */

.btn-icon-danger:hover,

.btn-icon-danger:focus {

    background-color: rgba(220, 53, 69, 0.1);

    color: #dc3545;

}



/* Variant: success (for positive actions like send/confirm) */

.btn-icon-success:hover,

.btn-icon-success:focus {

    background-color: rgba(25, 135, 84, 0.1);

    color: #198754;

}



.action-column {

    white-space: nowrap;

}



    .action-column .action-buttons {

        display: inline-flex;

        align-items: center;

        gap: 4px;

    }