.commerce-manager { max-width: 850px; margin: 2rem auto; padding: 0 1rem; overflow-wrap: anywhere; }
.commerce-manager [hidden] { display: none !important; }
.commerce-manager form { display: grid; gap: 1rem; padding: 1rem 0; }
.commerce-field { display: grid; gap: var(--space-8); min-width: 0; }
.commerce-money { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px .5rem; align-items: center; }
.commerce-currency { font-weight: 600; }
.commerce-money .sr-secondary-error { grid-column: 1 / -1; min-height: 6em; line-height: 1.5; }
.commerce-manager .commerce-money .sr-secondary-error:empty { display: block; }
.commerce-money-help, .commerce-price-review { margin: 0; }
.commerce-money-help { font-size: var(--font-size-16, 16px); line-height: 1.5; }
.commerce-price-review { min-height: 3em; line-height: 1.5; font-weight: 600; }
.commerce-field input, .commerce-field textarea, .commerce-field select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; font: inherit; padding: .6rem; }
.commerce-manager button, .commerce-manager summary { min-height: 44px; cursor: pointer; }
.commerce-manager :focus-visible { outline: 3px solid var(--accent); outline-offset: var(--space-2); }
.commerce-card { border: 1px solid #cbd5e1; border-radius: .75rem; padding: 1rem; margin-block: 1rem; }
.commerce-manager details { margin-block: 1rem; }
.commerce-manager summary { font-weight: 600; padding: .5rem; }
.commerce-manager a { display: inline-block; padding-block: .6rem; }

.commerce-money input { min-height: 44px; padding: var(--space-10) var(--space-12); border: 1px solid #64748b; border-radius: var(--radius-8); background: var(--bg); color: var(--text-primary); font: 400 16px/1.5 var(--font-family-sans); }
.commerce-money input[aria-invalid="true"] { border: 2px solid #dc3545; }

/* Canonical recovery control geometry. */
.commerce-manager .commerce-action { min-height: 44px; min-width: 44px; padding: 10px 18px; border: 1px solid #64748b; border-radius: var(--radius-8); background: var(--bg); color: var(--text-primary); font: 600 16px/1.5 var(--font-family-sans); box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }
.commerce-manager .commerce-action:not(:disabled):hover { background: var(--bg-muted); }
.commerce-manager .commerce-action:focus-visible { outline: 3px solid var(--accent); outline-offset: var(--space-2); }

/* English event cards reuse organizer button dimensions and shared tokens. */
html[lang="en"] .commerce-manager-events .commerce-card .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: var(--space-10) var(--space-14);
    border-radius: var(--radius-8);
    font-family: inherit;
    font-size: var(--font-size-13);
    font-weight: 600;
    line-height: normal;
    border: 1.5px solid var(--border);
    text-decoration: none;
}
html[lang="en"] .commerce-manager-events .commerce-card .btn-primary {
    background: var(--accent);
    color: var(--color-white);
    border-color: var(--accent);
}
html[lang="en"] .commerce-manager-events .commerce-card .btn-secondary {
    background: var(--bg);
    color: var(--text-primary);
}
html[lang="en"] .commerce-manager-events .commerce-card > nav {
    display: grid;
    gap: var(--space-8);
    margin-block: var(--space-16);
}