:root {
    --btn-mobile-min-height: 44px;
    --btn-mobile-min-width: 44px;
    --btn-mobile-padding-y: 0.55rem;
    --btn-mobile-padding-x: 0.88rem;
    --btn-mobile-icon-size: 1.32rem;
    --btn-mobile-text-size: 0.935rem;
}

body {
}

.rz-button.rz-variant-outlined.rz-primary {
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active),
    .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active {
        background-color: rgba(0,150,220,0.25);
        color: #0096dc;
        background-image: none;
    }

.rz-button.rz-variant-outlined.rz-secondary {
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover:not(:active),
    .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):active {
        background-color: rgba(160,200,50,0.25);
        color: #a0c832;
        background-image: none;
    }

.iosImageBehaviour {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .iosImageBehaviour img {
        -webkit-user-drag: none;
        user-drag: none;
        -webkit-touch-callout: none;
    }

/* Consistent button sizing on mobile for better touch targets */
@media (max-width: 768px) {
    .rz-button {
        padding: var(--btn-mobile-padding-y) var(--btn-mobile-padding-x);
        min-height: var(--btn-mobile-min-height);
    }

    .rz-button .rz-button-icon {
        font-size: var(--btn-mobile-icon-size);
    }

    .rz-button .rz-button-text {
        font-size: var(--btn-mobile-text-size);
    }
}

/* Icon-only buttons should be square - use .icon-only class */
.rz-button.icon-only {
    min-width: var(--btn-mobile-min-width);
    min-height: var(--btn-mobile-min-height);
    padding: 0;
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rz-button.icon-only .rz-button-icon {
    margin: 0;
}

/* Contenteditable placeholder styling */
[contenteditable="true"]:empty:before {
    content: attr(data-placeholder);
    color: #999;
    pointer-events: none;
    white-space: nowrap;
    display: inline;
}

[contenteditable="true"]:focus {
    outline: none;
}