/* Icon and Button Styles for ASHOKA Retail System */

/* SVG Icon Sizing */
.btn svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
}

/* Larger icons for empty state messages */
.text-muted svg {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
}

/* Button group styling */
.btn-group .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.375rem;
}

/* Ensure buttons have proper spacing */
.btn-group .btn:not(:last-child) {
    margin-right: 2px;
}

/* Icon-only buttons */
.btn svg:only-child {
    margin-right: 0;
}

/* Action buttons in tables */
.table .btn-group .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.table .btn-group .btn svg {
    width: 14px;
    height: 14px;
    margin-right: 2px;
}

/* Ensure proper alignment */
.btn svg,
.btn i {
    display: inline-block;
    vertical-align: middle;
}

/* Fallback for Font Awesome icons */
.btn .fas,
.btn .far,
.btn .fab {
    margin-right: 4px;
    font-size: 14px;
}

/* Larger buttons for primary actions */
.btn.btn-primary,
.btn.btn-success,
.btn.btn-warning,
.btn.btn-danger {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

/* Ensure consistent button heights */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
}

/* Small buttons for table actions */
.btn-sm {
    min-height: 36px;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.btn-sm svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

/* Make all buttons larger by default */
.btn {
    min-height: 42px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.btn svg {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

/* Table action buttons */
.table .btn-group .btn {
    min-height: 38px;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.table .btn-group .btn svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}