/* Compact portfolio controls live in the header; narrow screens use a popover. */
.rg-commercial { --rg-commercial-red: #ba1320; position: relative; margin-left: .75rem; }
.rg-commercial[hidden], .rg-commercial-field[hidden] { display: none !important; }
.rg-commercial-controls { display: flex; align-items: center; gap: .4rem; }
.rg-commercial-controls label { margin: 0; }
.rg-commercial-controls select { width: clamp(145px, 13vw, 205px); height: 32px; border: 1px solid #dee2e6; border-radius: .4rem; background-color: #f8f9fa; font-size: .875rem; }
.rg-commercial-controls #contextSeller { width: clamp(170px, 15vw, 235px); }
.rg-commercial-toggle { display: none; border: 0; background: transparent; position: relative; }
.rg-commercial-toggle.has-selection::after, .rg-commercial.has-pending-selection .rg-commercial-toggle::after { content: ''; position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--rg-commercial-red); }
.rg-commercial-error { position: absolute; right: 0; top: calc(100% + .75rem); width: 320px; max-width: calc(100vw - 24px); color: #842029; background: #fff3f3; padding: .75rem; border: 1px solid #f1b0b7; border-radius: .4rem; font-size: .875rem; }
@media (max-width: 1199.98px) {
  .rg-commercial { margin-left: 0; }
  .rg-commercial-toggle { display: flex; align-items: center; justify-content: center; width: 40px; min-height: 40px; }
  .rg-commercial-controls { display: none; position: absolute; right: 0; top: calc(100% + .65rem); width: 320px; max-width: calc(100vw - 24px); padding: 1rem; background: #fff; border: 1px solid #e5e7eb; border-radius: .65rem; box-shadow: 0 8px 24px rgba(0,0,0,.15); color: #343a40; }
  .rg-commercial.is-open .rg-commercial-controls { display: grid; gap: .65rem; }
  .rg-commercial-controls select, .rg-commercial-controls #contextSeller { width: 100%; height: 40px; font-size: 1rem; }
  .rg-commercial-error { position: static; width: auto; max-width: none; }
}
@media (max-width: 991.98px) {
  .rg-commercial-controls { right: -80px; }
}
@media (max-width: 575.98px) {
  .rg-has-commercial .rg-header-brand .brand-text { display: none; }
}
@media print { .rg-commercial { display: none !important; } }

/* Reuse the login loader, even if a background getter finishes during the switch. */
#divMainLoading.rg-context-loading { display: flex !important; }
#divMainLoading.rg-context-loading.rg-context-reauth { z-index: 1040; }

/* AdminLTE Select2 multiple: compact tags, searchable list and visible selected states. */
.rg-commercial-controls #contextCoordinatorLabel { width: clamp(190px, 15vw, 250px); }
.rg-commercial-controls #contextSellerLabel { width: clamp(230px, 20vw, 340px); }
.rg-commercial .select2-container { font-size: .875rem; }
.rg-commercial .select2-selection--multiple { min-height: 32px !important; max-height: 68px; overflow-y: auto; border-radius: .4rem; background: #f8f9fa; }
.rg-commercial .select2-selection--multiple .select2-selection__rendered { display: block; padding: 0 6px 3px; }
.rg-commercial .select2-selection--multiple .select2-selection__choice { margin-top: 3px; max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .8rem; }
.rg-commercial .select2-selection--multiple .select2-search__field { margin-top: 4px; min-height: 22px; }
.rg-commercial .select2-selection:focus-within { outline: 2px solid var(--rg-commercial-red); outline-offset: 1px; }
.rg-commercial .select2-container--bootstrap4.select2-container--focus .select2-selection { border-color: var(--rg-commercial-red); box-shadow: 0 0 0 .2rem rgba(186,19,32,.15); }
.rg-commercial .select2-container--bootstrap4 .select2-dropdown { border-color: #d78a91; }
.rg-commercial .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] { background: #fcebee; color: #8c101a; }
.rg-commercial .select2-container--bootstrap4 .select2-results__option--highlighted,
.rg-commercial .select2-container--bootstrap4 .select2-dropdown .select2-results__option--highlighted[aria-selected] { background: var(--rg-commercial-red); color: #fff; }
.rg-commercial .select2-container--bootstrap4 .select2-selection__choice { background: #fcebee; border-color: #e7adb3; color: #8c101a; }
.rg-commercial .select2-container--bootstrap4 .select2-selection__choice__remove { color: #a3121d; }
.rg-commercial .select2-container--bootstrap4 .select2-selection__clear { background: var(--rg-commercial-red); }
.rg-commercial .select2-search__field { accent-color: var(--rg-commercial-red); caret-color: var(--rg-commercial-red); }
.rg-commercial .select2-search__field:focus-visible { outline: none; }
.rg-commercial button:focus-visible { outline: 2px solid var(--rg-commercial-red); outline-offset: 2px; }
.rg-commercial .select2-search__field::selection { background: #f2bfc5; color: #671019; }
.rg-commercial .select2-results__option[aria-selected]::before { content: ''; display: inline-block; box-sizing: border-box; width: 1.1em; height: 1.1em; margin-right: .55rem; border: 1px solid currentColor; border-radius: 2px; vertical-align: -.1em; font: 700 .8em/1 Arial, sans-serif; text-align: center; }
.rg-commercial .select2-results__option[aria-selected=true]::before { content: '✓'; }
.rg-commercial .select2-dropdown { font-size: .875rem; }
@media (max-width: 1199.98px) {
  .rg-commercial-controls #contextCoordinatorLabel, .rg-commercial-controls #contextSellerLabel { width: 100%; }
  .rg-commercial .select2-selection--multiple { min-height: 40px !important; max-height: 110px; }
}

.rg-commercial-field { min-width: 0; }
.rg-commercial .select2-container { min-width: 0; max-width: 100%; }
.rg-commercial .select2-search--inline, .rg-commercial .select2-search__field { max-width: 100%; }
.rg-commercial .select2-results__option { color: #343a40; overflow-wrap: anywhere; }
.rg-commercial .select2-results__option--highlighted { color: #fff; }

/* On narrow screens the checkmark commits the whole selection in one step. */
.rg-commercial-actions, .rg-commercial-hint { display: none; }
.rg-commercial-confirm { display: inline-flex; gap: .45rem; align-items: center; justify-content: center; min-height: 44px; padding: .5rem .85rem; border: 1px solid var(--rg-commercial-red); border-radius: .5rem; background: var(--rg-commercial-red); color: #fff; font-size: .9rem; font-weight: 600; }
.rg-commercial-confirm:hover { background: #99101a; border-color: #99101a; }
.rg-commercial-confirm:focus-visible { outline: 2px solid var(--rg-commercial-red); outline-offset: 3px; }
.rg-commercial-confirm:disabled { opacity: .55; cursor: wait; }
@media (max-width: 1199.98px) {
  .rg-commercial-actions { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
  .rg-commercial-actions strong { font-size: .95rem; }
  .rg-commercial-hint { display: block; margin: 0; color: #6c757d; font-size: .8rem; }
  .rg-commercial.has-pending-selection .rg-commercial-hint { color: #8c101a; }
  .rg-commercial-controls { border-top: 3px solid var(--rg-commercial-red); }
  .rg-commercial .select2-results__option { min-height: 44px; }
  .rg-commercial .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline { width: 100%; }
  .rg-commercial .select2-search__field { width: 100% !important; min-height: 32px; font-size: 16px; }
}