/* Buttons — extracted from CapeMart.SharedUI/wwwroot/css/sale.css (the base .cm-btn* classes
   live there, oddly, rather than in common.css — copied here rather than pulling in the whole
   ~48KB POS-terminal-specific stylesheet just for these). */
.cm-btn {
    padding: 12px 20px;
    border: none;
    border-radius: var(--cm-radius);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--cm-transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.cm-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.cm-btn-primary {
    background: var(--cm-success);
    color: var(--cm-white);
}

.cm-btn-primary:hover:not(:disabled) {
    background: var(--cm-success-dark);
    color: var(--cm-white);
}

.cm-btn-secondary {
    background: var(--cm-secondary);
    color: var(--cm-white);
}

.cm-btn-secondary:hover:not(:disabled) {
    background: var(--cm-secondary-dark);
    color: var(--cm-white);
}

.cm-btn-danger {
    background: var(--cm-danger);
    color: var(--cm-white);
}

.cm-btn-danger:hover:not(:disabled) {
    background: var(--cm-danger-dark);
    color: var(--cm-white);
}

.cm-btn-info {
    background: var(--cm-primary);
    color: var(--cm-white);
}

.cm-btn-info:hover:not(:disabled) {
    background: var(--cm-primary-dark);
    color: var(--cm-white);
}

.cm-btn-sm {
    padding: 6px 12px;
    font-size: 12px;
}