/* Opt-in report configurator; uses the shared WebCommit tokens and Ext controls. */
.wc-report-form { border: 1px solid var(--wc-border) !important; border-radius: var(--wc-radius-lg); box-shadow: var(--wc-shadow-md); overflow: hidden; }
.wc-report-form > .x-window-body, .wc-report-content { background: var(--wc-bg) !important; }
.wc-report-form, .wc-report-form .x-form-item, .wc-report-form .x-form-item-label { font-family: var(--wc-font) !important; color: var(--wc-text); }
.wc-report-header, .wc-report-header > .x-panel-body { background: var(--wc-surface) !important; border: 0 !important; }
.wc-report-header { border-bottom: 1px solid var(--wc-border) !important; }
.wc-report-title { color: var(--wc-text) !important; font: 650 22px/28px var(--wc-font) !important; }
.wc-report-subtitle { color: var(--wc-text-muted) !important; font: 400 13px/24px var(--wc-font) !important; }
.wc-report-card { border: 1px solid var(--wc-border) !important; border-radius: var(--wc-radius-md); background: var(--wc-surface) !important; box-shadow: var(--wc-shadow-sm); overflow: hidden; }
.wc-report-card > .x-panel-body { background: var(--wc-surface) !important; border: 0 !important; }
.wc-report-card .x-panel-body { background: transparent; }
.wc-report-section-title { font: 600 14px/22px var(--wc-font) !important; color: var(--wc-text) !important; text-align: left !important; }
.wc-report-radio { border: 1px solid transparent; border-radius: var(--wc-radius-sm); padding: 4px 10px; transition: background var(--wc-transition-fast), border-color var(--wc-transition-fast); }
.wc-report-radio .x-form-cb-label { font: 400 13px/24px var(--wc-font) !important; color: var(--wc-text) !important; cursor: pointer; white-space: normal; }
.wc-report-radio .x-form-cb-wrap { height: 26px; }
.wc-report-radio .x-form-radio { margin-top: 5px; }
.wc-report-radio:not(.x-item-disabled):hover { background: var(--wc-surface-alt); border-color: var(--wc-border); }
.wc-report-radio.x-form-cb-checked { background: var(--wc-surface-alt); border-color: var(--wc-primary); }
.wc-report-radio.x-form-cb-checked .x-form-cb-label { font-weight: 600 !important; }
.wc-report-radio:focus-within, .wc-report-field:focus-within, .wc-report-button:focus-visible { outline: 2px solid var(--wc-primary); outline-offset: 2px; }
.wc-report-card.x-item-disabled { opacity: .58 !important; filter: saturate(.5); }
.wc-report-card.x-item-disabled .x-item-disabled { opacity: 1 !important; }
.wc-report-card.x-item-disabled, .wc-report-radio.x-item-disabled { cursor: not-allowed; }
.wc-report-field .x-form-item-label { font: 500 12px/20px var(--wc-font) !important; color: var(--wc-text-muted) !important; }
.wc-report-field .x-form-trigger-wrap { border: 1px solid var(--wc-border) !important; border-radius: var(--wc-radius-sm) !important; background: var(--wc-surface) !important; }
.wc-report-field .x-form-text-wrap { box-shadow: none !important; }
.wc-report-field .x-form-text { font: 400 14px var(--wc-font) !important; color: var(--wc-text) !important; background: var(--wc-surface) !important; min-height: 36px; padding: 6px 10px !important; }
.wc-report-field .x-form-trigger { color: var(--wc-text-muted); background-color: var(--wc-surface) !important; }
.wc-report-list { border: 1px solid var(--wc-border) !important; border-radius: var(--wc-radius-sm); background: var(--wc-surface); color: var(--wc-text); font: 14px var(--wc-font); }
.wc-report-list .x-boundlist-item { padding: 8px 12px; white-space: normal; }
.wc-report-list .x-boundlist-selected, .wc-report-list .x-boundlist-item-over { background: var(--wc-surface-alt); color: var(--wc-text); }
.wc-report-actions, .wc-report-actions > .x-panel-body { background: var(--wc-surface) !important; border: 0 !important; }
.wc-report-actions { border-top: 1px solid var(--wc-border) !important; }
.wc-report-button { border-radius: var(--wc-radius-sm) !important; box-shadow: none !important; background-image: none !important; padding: 8px 12px !important; }
.wc-report-button .x-btn-inner { font: 600 13px/20px var(--wc-font) !important; }
.wc-report-button .x-btn-icon-el { font-size: 14px; line-height: 20px; }
.wc-report-primary { background: var(--wc-primary) !important; border: 1px solid var(--wc-primary) !important; }
.wc-report-primary .x-btn-inner, .wc-report-primary .x-btn-icon-el { color: #fff !important; }
.wc-report-primary:not(.x-item-disabled):hover { background: var(--wc-primary-hover) !important; }
.wc-report-secondary { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; }
.wc-report-secondary .x-btn-inner, .wc-report-secondary .x-btn-icon-el { color: var(--wc-text) !important; }
.wc-report-ghost { background: transparent !important; border: 1px solid transparent !important; }
.wc-report-ghost .x-btn-inner, .wc-report-ghost .x-btn-icon-el { color: var(--wc-text-muted) !important; }
.wc-report-secondary:not(.x-item-disabled):hover, .wc-report-ghost:hover { background: var(--wc-surface-alt) !important; }
.wc-report-button.x-item-disabled { opacity: .5 !important; cursor: not-allowed; }
.wc-report-form .x-mask-msg { border: 1px solid var(--wc-border) !important; border-radius: var(--wc-radius-md); background: var(--wc-surface) !important; box-shadow: var(--wc-shadow-md); }
.wc-report-form .x-mask-msg-text { color: var(--wc-text) !important; font-family: var(--wc-font); }
.wc-report-form.x-masked .wc-report-primary { opacity: .65; cursor: progress; }
.wc-report-form.x-masked .wc-report-primary .x-btn-icon-el::before { content: '\f110'; display: inline-block; animation: wc-report-spin 1s linear infinite; }
@keyframes wc-report-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .wc-report-radio { transition: none; } .wc-report-form.x-masked .wc-report-primary .x-btn-icon-el::before { animation: none; } }
@media (max-width: 600px) { .wc-report-title { font-size: 19px !important; } .wc-report-subtitle { font-size: 11px !important; } }

.wc-report-radio { min-height: 36px !important; box-sizing: border-box; }
.wc-report-radio .x-form-cb-wrap { min-height: 26px !important; }

/* Keep native inputs and their labels; reset only the theme's table-cell spacing. */
.wc-report-radio .x-form-cb-wrap-inner { display: flex; align-items: center; gap: 8px; height: 26px; }
.wc-report-radio .x-form-cb-label { padding: 0 !important; margin: 0 !important; }
.wc-report-radio .x-form-radio { position: relative; flex: 0 0 16px; width: 16px; height: 16px; top: auto; margin: 0 !important; border: 2px solid var(--wc-text-muted); border-radius: 50% !important; background: transparent !important; }
.wc-report-radio .x-form-radio::before { content: none !important; }
.wc-report-radio.x-form-cb-checked .x-form-radio { border-color: var(--wc-primary); }
.wc-report-radio.x-form-cb-checked .x-form-radio::after { content: ''; position: absolute; inset: 3px; border-radius: 50%; background: var(--wc-primary); }
.wc-report-subtitle { white-space: normal !important; }
@media (max-width: 600px) {
  .wc-report-subtitle { line-height: 16px !important; }
  .wc-report-radio .x-form-cb-wrap-inner { height: auto; min-height: 26px; }
}