[data-ui-button="true"],
[data-ui-button="true"]:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    min-height: 34px !important;
    padding: 0.5rem 0.85rem !important;
    border: 1px solid var(--border, #dbe3ef) !important;
    border-radius: 9px !important;
    font-family: inherit !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

[data-ui-button="true"]:focus-visible {
    outline: 2px solid var(--primary-light, #60a5fa) !important;
    outline-offset: 2px !important;
}

[data-ui-button="true"]:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}

[data-ui-button="true"][data-ui-button-variant="primary"] {
    background: var(--primary, #2563eb) !important;
    color: #fff !important;
    border-color: var(--primary, #2563eb) !important;
}

[data-ui-button="true"][data-ui-button-variant="primary"]:hover {
    background: var(--primary-dark, #1e40af) !important;
    border-color: var(--primary-dark, #1e40af) !important;
}

[data-ui-button="true"][data-ui-button-variant="secondary"] {
    background: #fff !important;
    color: var(--text, #0f172a) !important;
    border-color: var(--border, #dbe3ef) !important;
}

[data-ui-button="true"][data-ui-button-variant="secondary"]:hover,
[data-ui-button="true"].active[data-ui-button-variant="secondary"],
[data-ui-button="true"][aria-pressed="true"][data-ui-button-variant="secondary"] {
    background: var(--bg-light, #f1f5f9) !important;
    color: var(--primary, #2563eb) !important;
    border-color: var(--primary-light, #60a5fa) !important;
}

[data-ui-button="true"][data-ui-button-variant="danger"] {
    background: #fff5f5 !important;
    color: var(--danger, #ef4444) !important;
    border-color: #fecaca !important;
}

[data-ui-button="true"][data-ui-button-variant="danger"]:hover {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    border-color: #fca5a5 !important;
}

[data-action-button="true"].btn-action {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 9px !important;
}