/**
 * CRM — unified row action buttons (edit, delete, view, PDF, convert)
 */
.crm-action-group,
.inv-action-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.crm-act,
.inv-act {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.1s, box-shadow 0.15s;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 40, 80, 0.08);
    vertical-align: middle;
}

.crm-act:hover,
.inv-act:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(15, 40, 80, 0.12);
}

.crm-act--edit,
.inv-act--edit {
    color: #428bca;
    border-color: #b8d4ee;
    background: #e8f4fc !important;
}

.crm-act--edit:hover,
.inv-act--edit:hover {
    background: #d9ecf8 !important;
    color: #357ebd;
}

.crm-act--view {
    color: #6d28d9;
    border-color: #ddd6fe;
    background: #f5f3ff !important;
}

.crm-act--view:hover {
    background: #ede9fe !important;
    color: #5b21b6;
}

.crm-act--pdf,
.inv-act--print,
.crm-act--print {
    color: #0f766e;
    border-color: #99f6e4;
    background: #f0fdfa !important;
}

.crm-act--pdf:hover,
.inv-act--print:hover,
.crm-act--print:hover {
    background: #ccfbf1 !important;
    color: #115e59;
}

.crm-act--convert {
    color: #c2410c;
    border-color: #fed7aa;
    background: #fff7ed !important;
}

.crm-act--convert:hover {
    background: #ffedd5 !important;
    color: #9a3412;
}

.crm-act--delete,
.inv-act--delete {
    color: #b91c1c;
    border-color: #fecaca;
    background: #fef2f2 !important;
}

.crm-act--delete:hover,
.inv-act--delete:hover {
    background: #fee2e2 !important;
    color: #991b1b;
}

.crm-act--proforma,
.inv-act--proforma {
    color: #7c3aed;
    border-color: #ddd6fe;
    background: #f5f3ff !important;
}

.crm-act--proforma:hover,
.inv-act--proforma:hover {
    background: #ede9fe !important;
    color: #5b21b6;
}

.crm-act--delivery,
.inv-act--delivery {
    color: #c2410c;
    border-color: #fed7aa;
    background: #fff7ed !important;
}

.crm-act--delivery:hover,
.inv-act--delivery:hover {
    background: #ffedd5 !important;
    color: #9a3412;
}

.crm-act--payment,
.inv-act--payment {
    color: #15803d;
    border-color: #bbf7d0;
    background: #f0fdf4 !important;
}

.crm-act--payment:hover,
.inv-act--payment:hover {
    background: #dcfce7 !important;
    color: #166534;
}

.crm-act--stock {
    color: #0369a1;
    border-color: #bae6fd;
    background: #f0f9ff !important;
}

.crm-act--stock:hover {
    background: #e0f2fe !important;
    color: #075985;
}

.crm-act--history {
    color: #4b5563;
    border-color: #d1d5db;
    background: #f9fafb !important;
}

.crm-act--history:hover {
    background: #f3f4f6 !important;
    color: #1f2937;
}

.q-status-readonly {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #475569;
}

/* Legacy action-btn — align with crm-act when used in tables */
.leads-table .action-btn-group .action-btn,
.leads-table .action-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 2px rgba(15, 40, 80, 0.06);
}

.leads-table .view-btn {
    color: #6d28d9 !important;
    border-color: #ddd6fe !important;
    background: #f5f3ff !important;
}

.leads-table .delete-btn {
    color: #b91c1c !important;
    border-color: #fecaca !important;
    background: #fef2f2 !important;
}

.leads-table .print-btn,
.leads-table .convert-btn {
    color: #0f766e !important;
    border-color: #99f6e4 !important;
    background: #f0fdfa !important;
}

.leads-table .convert-btn {
    color: #c2410c !important;
    border-color: #fed7aa !important;
    background: #fff7ed !important;
}

.leads-table .icon-btn.edit {
    color: #428bca !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}

.leads-table .icon-btn.delete {
    color: #b91c1c !important;
    border-color: #fecaca !important;
    background: #fef2f2 !important;
}

/* Inline row remove (quotation line items) */
.qcr-delete-row {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fef2f2;
    color: #b91c1c;
    cursor: pointer;
}

.qcr-delete-row:hover {
    background: #fee2e2;
    color: #991b1b;
}