/* UAESA Shelf Company Selector
   Depends on uaesa-cipc-ar.css for shared --md-* tokens,
   .md-field-outlined, .md-menu, .m3-stepper, .md-card, .md-btn, etc.

   v2.2.7 — No changes required for the global-logo backend update.
     The JS resolves the bank logo via payload.bank_logo (or falls
     back to window.UAESA_SHELF_GLOBAL_LOGO), and the CSS targets the
     same .uaesa-sale-icon and .uaesa-bank-logo-mini selectors either
     way.

   v2.2.3 — Credential popover glitch fix:
     • Added unscoped .cred-pop / .cred-pop.is-visible / .cred-pop-arrow
       rules so popovers work correctly when PopoverManager portals them
       to <body>.
     • Removed scale() from the cred popover transform.
     • Made .cred-pop-desc unscoped.
     • Tightened transform transitions on .uaesa-shelf-cred and
       .bo-avatar from .22s / .18s to .08s.

   v2.2.4 — Bank logo:
     • .uaesa-sale-icon — interactive 52×52 sale-details icon.
     • .uaesa-bank-logo-mini — fixed 40×40 read-only chip in the
       step-4 card header right side. */

.gfield_type_uaesa_shelf_company_selector{
  --md-primary:#00A5A7; --md-on-primary:#FFFFFF;
  --md-primary-container:#A5EEEE; --md-on-primary-container:#002022;
  --md-secondary:#4A6365; --md-secondary-container:#CCE8E9; --md-on-secondary-container:#051F21;
  --md-error:#BA1A1A; --md-error-container:#FFDAD6; --md-on-error-container:#410002;
  --md-success:#2E7D32; --md-success-container:#DCFCE7; --md-on-success-container:#052E16;
  --md-warning:#8C5000; --md-warning-container:#FFDDB3; --md-on-warning-container:#2E1500;
  --md-surface:#F4FBFB; --md-on-surface:#161D1D;
  --md-surface-variant:#DAE4E4; --md-on-surface-variant:#3F4849;
  --md-surface-container-lowest:#FFFFFF; --md-surface-container-low:#EEF5F5;
  --md-surface-container:#E9EFEF; --md-surface-container-high:#E3E9E9; --md-surface-container-highest:#DDE4E4;
  --md-outline:#6F7979; --md-outline-variant:#BEC8C8;
  --md-inverse-surface:#2B3232; --md-inverse-on-surface:#ECF2F2;
  --md-elev-1:0 1px 2px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);
  --md-elev-2:0 1px 2px rgba(0,0,0,.10),0 2px 6px rgba(0,0,0,.08);
  --md-elev-3:0 4px 8px rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.06);
  --md-shape-xs:4px; --md-shape-sm:8px; --md-shape-md:12px;
  --md-shape-lg:16px; --md-shape-full:9999px;
  position:relative !important;
}
.uaesa-shelf-wizard{position:relative !important;margin-top:8px}

/* Teal overrides — neutralise any cyan/blue from shared uaesa-cipc-ar.css */
.uaesa-shelf-wizard .bo-avatar{background:#A5EEEE}
.uaesa-shelf-wizard .md-card-icon:not(.ok){background:#E3F5F5}

/* Dropdown scope pills */
.gfield_type_uaesa_shelf_company_selector .md-menu li .mi-scope{
  margin-left:auto;font-size:9.5px;font-weight:700;padding:3px 9px;
  border-radius:999px;text-transform:uppercase;letter-spacing:.4px;
  white-space:nowrap;flex-shrink:0;
}
.gfield_type_uaesa_shelf_company_selector .md-menu li .mi-scope.public{background:#DCFCE7;color:#052E16}
.gfield_type_uaesa_shelf_company_selector .md-menu li .mi-scope.private{background:#FFF3E0;color:#7A3E00}
.gfield_type_uaesa_shelf_company_selector .md-menu li .mi-scope.unlisted{background:#E3F5F5;color:#00454A}
.gfield_type_uaesa_shelf_company_selector .md-menu li .mi-scope.preview{background:#E3F5F5;color:#00454A}
.gfield_type_uaesa_shelf_company_selector .md-menu li .mi-scope.own{background:#E3F5F5;color:#00454A}
.gfield_type_uaesa_shelf_company_selector .md-menu li.menu-group{
  cursor:default !important;background:#FAFCFC !important;color:#6F7979 !important;
  font-size:10px !important;font-weight:700 !important;letter-spacing:.6px !important;
  text-transform:uppercase !important;padding:8px 16px 4px !important;
  min-height:auto !important;display:block !important;
}
.gfield_type_uaesa_shelf_company_selector .md-menu li.menu-group:hover,
.gfield_type_uaesa_shelf_company_selector .md-menu li.menu-group:focus{background:#FAFCFC !important}
.gfield_type_uaesa_shelf_company_selector .md-menu li.is-selected{
  background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-weight:500;
}

/* Sale grid */
.uaesa-shelf-wizard .uaesa-shelf-sale-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.uaesa-shelf-wizard .uaesa-shelf-sale-grid .md-field{grid-column:auto}
.uaesa-shelf-wizard .uaesa-shelf-sale-grid .md-field.full{grid-column:1/-1}
@media (max-width:600px){.uaesa-shelf-wizard .uaesa-shelf-sale-grid{grid-template-columns:1fr}}

/* ---------- Card hover (scoped to this wizard) ---------- */
.uaesa-shelf-wizard .md-card--outlined{
  transition:box-shadow .25s ease,border-color .25s ease;
}
.uaesa-shelf-wizard .md-card--outlined:hover{
  border-color:#9DD6D8;
  box-shadow:0 6px 20px rgba(0,165,167,.10),0 2px 6px rgba(0,0,0,.04);
}

/* ---------- Stepper hover ---------- */
.m3-step-indicator{
  transition:background .2s,color .2s,transform .2s,box-shadow .2s;
}
.m3-step:hover .m3-step-indicator{transform:translateY(-1px) scale(1.05)}
.m3-step-label{transition:color .2s}
.m3-step:hover .m3-step-label{color:#002022}

/* Document row */
.uaesa-shelf-wizard .uaesa-shelf-doc{
  display:flex;gap:12px;align-items:flex-start;padding:12px 14px;
  border:1px solid var(--md-outline-variant);border-radius:10px;margin-bottom:8px;background:#fff;
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
.uaesa-shelf-wizard .uaesa-shelf-doc:hover{
  border-color:#9DD6D8;
  box-shadow:0 4px 12px rgba(0,165,167,.10),0 1px 3px rgba(0,0,0,.03);
  transform:translateY(-1px);
}
.uaesa-shelf-wizard .uaesa-shelf-doc:last-child{margin-bottom:0}
.uaesa-shelf-wizard .uaesa-shelf-doc__icon{
  width:36px;height:36px;flex-shrink:0;border-radius:8px;
  background:#E3F5F5;color:#00A5A7;display:flex;align-items:center;justify-content:center;
}
.uaesa-shelf-wizard .uaesa-shelf-doc__icon svg{width:20px;height:20px;fill:currentColor}
.uaesa-shelf-wizard .uaesa-shelf-doc__meta{flex:1;min-width:0}
.uaesa-shelf-wizard .uaesa-shelf-doc__name{font-size:13px;font-weight:600;color:#002022;line-height:1.3;word-break:break-word}
.uaesa-shelf-wizard .uaesa-shelf-doc__sub{font-size:11px;color:#6F7979;margin-top:2px;line-height:1.4}
.uaesa-shelf-wizard .uaesa-shelf-doc__actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}
.uaesa-shelf-wizard .uaesa-shelf-doc__badge{
  display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;
}
.uaesa-shelf-wizard .uaesa-shelf-doc__badge.ok{background:#DCFCE7;color:#052E16}
.uaesa-shelf-wizard .uaesa-shelf-doc__badge.pending{background:#FFF3E0;color:#7A3E00}

/* Empty state */
.uaesa-shelf-wizard .uaesa-shelf-empty{
  padding:20px;text-align:center;color:#6F7979;font-size:12.5px;
  background:#FAFCFC;border:1px dashed var(--md-outline-variant);
  border-radius:10px;line-height:1.55;
}

/* CTA row */
.uaesa-shelf-wizard .uaesa-shelf-cta-row{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px;
}

/* Inquiry row */
.uaesa-shelf-wizard .uaesa-shelf-inq{
  padding:12px 14px;border:1px solid var(--md-outline-variant);
  border-radius:10px;margin-bottom:8px;background:#fff;
}
.uaesa-shelf-wizard .uaesa-shelf-inq__head{
  display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;
  justify-content:space-between;margin-bottom:6px;
}
.uaesa-shelf-wizard .uaesa-shelf-inq__name{font-size:13px;font-weight:700;color:#002022}
.uaesa-shelf-wizard .uaesa-shelf-inq__email{font-size:11.5px;color:#6F7979}
.uaesa-shelf-wizard .uaesa-shelf-inq__msg{font-size:12.5px;color:#002022;line-height:1.5;margin:6px 0}
.uaesa-shelf-wizard .uaesa-shelf-inq__actions{display:flex;flex-wrap:wrap;gap:6px}
.uaesa-shelf-wizard .uaesa-shelf-inq__status{
  padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.4px;
}
.uaesa-shelf-wizard .uaesa-shelf-inq__status.new{background:#E3F5F5;color:#00454A}
.uaesa-shelf-wizard .uaesa-shelf-inq__status.contacted{background:#FFF3E0;color:#7A3E00}
.uaesa-shelf-wizard .uaesa-shelf-inq__status.negotiating{background:#FEF3C7;color:#78350F}
.uaesa-shelf-wizard .uaesa-shelf-inq__status.closed{background:#DCFCE7;color:#052E16}
.uaesa-shelf-wizard .uaesa-shelf-inq__status.rejected{background:#FFDAD6;color:#410002}

/* Director row */
.uaesa-shelf-wizard .uaesa-shelf-director{
  display:flex;gap:12px;padding:12px;border:1px solid var(--md-outline-variant);
  border-radius:10px;margin-bottom:8px;background:#fff;
}
.uaesa-shelf-wizard .uaesa-shelf-director__avatar{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  background:#A5EEEE;color:#002022;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:15px;text-transform:uppercase;overflow:hidden;
}
.uaesa-shelf-wizard .uaesa-shelf-director__avatar img{width:100%;height:100%;object-fit:cover}
.uaesa-shelf-wizard .uaesa-shelf-director__name{font-size:13.5px;font-weight:700;color:#002022;margin-bottom:2px}
.uaesa-shelf-wizard .uaesa-shelf-director__role{font-size:11.5px;color:#3F4849}

/* ---------- Credentials grid ---------- */
.uaesa-shelf-wizard .uaesa-shelf-creds{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:8px;
}
.uaesa-shelf-wizard .uaesa-shelf-cred{
  padding:10px 12px;border:1px solid var(--md-outline-variant);
  border-radius:10px;background:#FAFCFC;
  /* transform transition shortened from .22s → .08s so the hover-lift
     settles within PopoverManager's 80ms open delay. */
  transition:box-shadow .22s ease,border-color .22s ease,transform .08s ease,background-color .22s ease;
  position:relative;z-index:1;cursor:help;
}
.uaesa-shelf-wizard .uaesa-shelf-cred:hover,
.uaesa-shelf-wizard .uaesa-shelf-cred:focus-within,
.uaesa-shelf-wizard .uaesa-shelf-cred.is-open{z-index:20}
.uaesa-shelf-wizard .uaesa-shelf-cred:hover{
  border-color:#9DD6D8;background:#FBFDFD;
  box-shadow:0 4px 12px rgba(0,165,167,.10),0 2px 4px rgba(0,0,0,.03);
  transform:translateY(-2px);
}
.uaesa-shelf-wizard .uaesa-shelf-cred.is-ok{border-color:#A5D6A7;background:#F1F8E9}
.uaesa-shelf-wizard .uaesa-shelf-cred.is-ok:hover{border-color:#7BC77F;box-shadow:0 4px 12px rgba(46,125,50,.12)}
.uaesa-shelf-wizard .uaesa-shelf-cred.is-missing{opacity:.72}
.uaesa-shelf-wizard .uaesa-shelf-cred.is-missing:hover{opacity:.88;border-color:#F5B768}

.uaesa-shelf-wizard .uaesa-shelf-cred__head{
  display:flex;align-items:center;gap:8px;margin-bottom:6px;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__icon{
  width:26px;height:26px;flex-shrink:0;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  background:#E3F5F5;color:#00A5A7;
  transition:background-color .2s,color .2s;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__icon svg{width:15px;height:15px}
.uaesa-shelf-wizard .uaesa-shelf-cred.is-ok .uaesa-shelf-cred__icon{background:#DCFCE7;color:#2E7D32}
.uaesa-shelf-wizard .uaesa-shelf-cred.is-missing .uaesa-shelf-cred__icon{background:#EEF5F5;color:#6F7979}

.uaesa-shelf-wizard .uaesa-shelf-cred__label{
  font-size:12px;font-weight:700;color:#002022;
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.uaesa-shelf-wizard .uaesa-shelf-cred__badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 9px 3px 8px;border-radius:999px;
  font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;
  white-space:nowrap;flex-shrink:0;border:1px solid transparent;line-height:1.2;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__badge::before{
  content:'';width:5px;height:5px;border-radius:50%;background:currentColor;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__badge.ok{background:#DCFCE7;color:#052E16;border-color:#A5D6A7}
.uaesa-shelf-wizard .uaesa-shelf-cred__badge.missing{background:#FFF3E0;color:#7A3E00;border-color:#FFCC80}

/* Pulse on status dot */
.uaesa-shelf-wizard .uaesa-shelf-cred__badge::before{
  transform-origin:center;will-change:transform,box-shadow;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__badge.ok::before{
  animation:uaesaCredPulseOk 1.8s ease-out infinite;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__badge.missing::before{
  animation:uaesaCredPulseMissing 1.8s ease-out infinite;
}
@keyframes uaesaCredPulseOk{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(46,125,50,.55)}
  60%{transform:scale(1.15);box-shadow:0 0 0 4px rgba(46,125,50,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(46,125,50,0)}
}
@keyframes uaesaCredPulseMissing{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(245,124,0,.55)}
  60%{transform:scale(1.15);box-shadow:0 0 0 4px rgba(245,124,0,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(245,124,0,0)}
}

.uaesa-shelf-wizard .uaesa-shelf-cred__body{
  padding-left:34px;font-size:11.5px;line-height:1.45;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__value{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11px;color:#002022;margin-top:2px;
  word-break:break-all;flex:0 1 auto;min-width:0;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;padding:0;margin-top:2px;
  border:1px solid transparent;border-radius:6px;
  background:transparent;color:#6F7979;cursor:pointer;
  flex-shrink:0;line-height:1;
  transition:background .15s,color .15s,border-color .15s,transform .1s;
  -webkit-tap-highlight-color:transparent;
  -webkit-appearance:none;
  appearance:none;
  outline:none;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy:hover{
  background:#FFF3E0;color:#8C5000;border-color:#FFCC80;
}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy:focus,
.uaesa-shelf-wizard .uaesa-shelf-cred__copy:active{outline:none}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy:focus-visible{outline:2px solid #F57C00;outline-offset:1px}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy:active{transform:scale(.92)}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy svg{width:13px;height:13px}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy .icon-check{display:none}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy.is-copied{
  color:#2E7D32;background:rgba(46,125,50,.10);border-color:rgba(46,125,50,.30);
}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy.is-copied .icon-copy{display:none}
.uaesa-shelf-wizard .uaesa-shelf-cred__copy.is-copied .icon-check{display:block}
.uaesa-shelf-wizard .uaesa-shelf-cred__empty{
  color:#6F7979;font-style:italic;font-size:11px;
}

/* Readiness strip */
.uaesa-shelf-wizard .uaesa-shelf-readiness{
  display:flex;align-items:center;gap:18px;padding:16px 18px;
  border-radius:12px;background:#FAFCFC;border:1px solid var(--md-outline-variant);
  margin-bottom:16px;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.uaesa-shelf-wizard .uaesa-shelf-readiness:hover{
  border-color:#00A5A7;background:#F6FCFC;
  box-shadow:0 4px 16px rgba(0,165,167,.15),0 0 0 3px rgba(0,165,167,.08);
}
.uaesa-shelf-wizard .uaesa-shelf-readiness__gauge{
  width:78px;height:78px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;color:#002022;position:relative;
}
.uaesa-shelf-wizard .uaesa-shelf-readiness__gauge::before{
  content:'';position:absolute;inset:8px;border-radius:50%;background:#fff;
}
.uaesa-shelf-wizard .uaesa-shelf-readiness__gauge span{position:relative;z-index:1}
.uaesa-shelf-wizard .uaesa-shelf-readiness__meta{flex:1;min-width:0}
.uaesa-shelf-wizard .uaesa-shelf-readiness__title{
  font-size:13.5px;font-weight:700;color:#002022;margin-bottom:4px;
}
.uaesa-shelf-wizard .uaesa-shelf-readiness__sub{font-size:12px;color:#3F4849;line-height:1.5}
.uaesa-shelf-wizard .uaesa-shelf-readiness__missing{
  margin-top:8px;font-size:11.5px;color:#7A3E00;line-height:1.55;
}
.uaesa-shelf-wizard .uaesa-shelf-readiness__missing strong{color:#5C3400}

/* Consent label */
.uaesa-shelf-wizard .uaesa-shelf-consent{
  display:flex;align-items:flex-start;gap:10px;padding:12px 14px;
  background:#E3F5F5;border:1px solid #7DD3D3;border-radius:8px;
  font-size:12.5px;color:#00454A;line-height:1.5;margin-top:16px;
}
.uaesa-shelf-wizard .uaesa-shelf-consent input[type=checkbox]{
  width:18px;height:18px;margin-top:2px;accent-color:#00A5A7;flex-shrink:0;
}

/* Summary list (customization recap) */
.uaesa-shelf-wizard .md-summary-list{
  margin-top:16px;padding:14px 16px;
  background:#F1F8E9;border:1px solid #A5D6A7;border-radius:10px;
}
.uaesa-shelf-wizard .md-summary-title{
  font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;
  color:#2E7D32;margin-bottom:8px;
}
.uaesa-shelf-wizard .md-summary-row{
  display:flex;justify-content:space-between;padding:4px 0;font-size:12.5px;color:#052E16;
}

/* Customize dialog director rows */
#dialog-shelf-customize .cust-director-row{
  padding:12px;border:1px solid var(--md-outline-variant);
  border-radius:10px;margin-bottom:8px;background:#FAFCFC;
}
#dialog-shelf-customize .cust-director-row .md-field{margin-bottom:10px}
#dialog-shelf-customize .cust-director-row .md-field:last-of-type{margin-bottom:0}
#dialog-shelf-customize .cust-director-row .md-field label{
  display:block;font-size:11px;font-weight:600;letter-spacing:.4px;
  text-transform:uppercase;color:#3F4849;margin-bottom:5px;
}
#dialog-shelf-customize .cust-director-row .md-field input,
#dialog-shelf-customize .cust-director-row .md-field select{
  width:100%;height:40px;padding:0 12px;
  border:1px solid var(--md-outline-variant);border-radius:8px;
  font-family:inherit;font-size:13px;color:#161D1D;background:#FFF;
}
#dialog-shelf-customize .cust-director-row .md-field input:focus,
#dialog-shelf-customize .cust-director-row .md-field select:focus{
  outline:none;border-color:var(--md-primary);
  box-shadow:0 0 0 3px rgba(0,165,167,.18);
}

@media (max-width:720px){
  .uaesa-shelf-wizard .uaesa-shelf-readiness{flex-direction:column;text-align:center}
  .uaesa-shelf-wizard .uaesa-shelf-readiness__missing{text-align:left}
}

/* ------------------------------------------------------------
   Directors & Compliance card — avatar group in header
   ------------------------------------------------------------ */
.uaesa-shelf-wizard .md-card-header > .bo-avatars{
  flex-shrink:0;margin:0;display:flex;align-items:center;position:relative;
}
.uaesa-shelf-wizard .md-card-header > .bo-avatars .bo-avatar,
.uaesa-shelf-wizard .md-card-header > .bo-avatars .bo-avatar-more{
  width:44px;height:44px;border-radius:50%;position:relative;
}
.uaesa-shelf-wizard .md-card-header > .bo-avatars .bo-avatar-fallback{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;border-radius:50%;
}
.uaesa-shelf-wizard .md-card:has(.md-card-header > .bo-avatars){overflow:visible}

@media (max-width:600px){
  .uaesa-shelf-wizard .md-card-header > .bo-avatars .bo-avatar,
  .uaesa-shelf-wizard .md-card-header > .bo-avatars .bo-avatar-more{
    width:36px;height:36px;
  }
  .uaesa-shelf-wizard .md-card-header > .bo-avatars .bo-avatar-fallback{font-size:12px}
}

/* Avatar hover polish — tightened transform transition */
.uaesa-shelf-wizard .bo-avatar{
  transition:transform .08s ease,z-index .18s,box-shadow .18s ease;
}
.uaesa-shelf-wizard .bo-avatar:hover,
.uaesa-shelf-wizard .bo-avatar:focus-visible{
  transform:translateY(-3px);z-index:6;
  box-shadow:0 6px 14px rgba(0,165,167,.25);
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .uaesa-shelf-wizard .uaesa-shelf-cred__badge.ok::before,
  .uaesa-shelf-wizard .uaesa-shelf-cred__badge.missing::before{animation:none}
  .uaesa-shelf-wizard *,
  .uaesa-shelf-wizard *::before,
  .uaesa-shelf-wizard *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}

/* ============================================================
   CREDENTIAL POPOVER — SELF-CONTAINED POSITIONING
   ------------------------------------------------------------
   Unscoped on purpose — PopoverManager portals .cred-pop to
   <body>, so any rule scoped to .uaesa-shelf-wizard stops matching
   after the portal. Only translateY is used (no scale) to keep the
   arrow anchored during the reveal.
   ============================================================ */
.cred-pop{
  position:fixed;
  top:0;
  left:0;
  width:340px;
  max-width:calc(100vw - 32px);
  background:#FFFFFF;
  border:1px solid rgba(0,32,34,.08);
  border-radius:16px;
  padding:16px;
  text-align:left;
  cursor:default;
  box-shadow:
    0 24px 48px -14px rgba(0,32,34,.26),
    0 10px 20px -10px rgba(0,32,34,.16),
    0 0 0 1px rgba(255,255,255,.6) inset;
  z-index:2147483600;
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:
    opacity .18s cubic-bezier(.4,0,.2,1),
    transform .22s cubic-bezier(.34,1.4,.64,1),
    visibility 0s linear .18s;
}
.cred-pop[data-placement="bottom"]{
  transform:translateY(-6px);
}
.cred-pop.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s, 0s, 0s;
}

.cred-pop-arrow{
  position:absolute;
  width:14px;
  height:14px;
  background:#FFFFFF;
  transform:rotate(45deg);
  border-radius:2px;
  pointer-events:none;
  z-index:10000000;
}
.cred-pop[data-placement="top"] > .cred-pop-arrow{
  bottom:-7px;
  border-right:1px solid rgba(0,32,34,.08);
  border-bottom:1px solid rgba(0,32,34,.08);
}
.cred-pop[data-placement="bottom"] > .cred-pop-arrow{
  top:-7px;
  border-left:1px solid rgba(0,32,34,.08);
  border-top:1px solid rgba(0,32,34,.08);
}

.cred-pop-desc{
  font-size:11.5px;
  color:#3F4849;
  line-height:1.55;
  margin:0 0 12px;
}

/* ============================================================
   BANK LOGO — Step 3 interactive icon
   The icon at the top-left of the Sale-details card. Click or
   drag to upload. Global logo — one option shared across every
   listing — so the CSS is identical whether the URL comes from
   the payload or the global fallback.
   ============================================================ */
.uaesa-shelf-wizard .uaesa-sale-icon{
  position:relative;
  width:52px;
  height:52px;
  flex-shrink:0;
  border-radius:10px;
  background:var(--md-primary-container);
  color:var(--md-on-primary-container);
  cursor:pointer;
  transition:transform .12s ease, box-shadow .18s ease, background .18s ease;
  border:none;
  padding:0;
  font:inherit;
}
.uaesa-shelf-wizard .uaesa-sale-icon:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,165,167,.28), 0 0 0 3px rgba(0,165,167,.10);
}
.uaesa-shelf-wizard .uaesa-sale-icon:focus-visible{
  outline:2px solid var(--md-primary);
  outline-offset:2px;
}
.uaesa-shelf-wizard .uaesa-sale-icon__inner{
  position:absolute;
  inset:0;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo .uaesa-sale-icon__inner{
  background:#FFFFFF;
  border:1px solid var(--md-outline-variant);
}
.uaesa-shelf-wizard .uaesa-sale-icon__default{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.uaesa-shelf-wizard .uaesa-sale-icon__logo{
  display:none;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
}
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo .uaesa-sale-icon__logo{display:block}
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo .uaesa-sale-icon__default{display:none}

.uaesa-shelf-wizard .uaesa-sale-icon__overlay{
  position:absolute;
  inset:0;
  border-radius:10px;
  background:rgba(0,32,34,.62);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}
.uaesa-shelf-wizard .uaesa-sale-icon__overlay svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.uaesa-shelf-wizard .uaesa-sale-icon:hover .uaesa-sale-icon__overlay,
.uaesa-shelf-wizard .uaesa-sale-icon:focus-visible .uaesa-sale-icon__overlay{opacity:1}

.uaesa-shelf-wizard .uaesa-sale-icon__badge{
  position:absolute;
  right:-6px;
  bottom:-6px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--md-primary);
  color:#fff;
  border:2px solid #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 6px rgba(0,165,167,.35);
  z-index:2;
}
.uaesa-shelf-wizard .uaesa-sale-icon__badge svg{
  width:11px;
  height:11px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo .uaesa-sale-icon__badge{
  background:#2E7D32;
  box-shadow:0 2px 6px rgba(46,125,50,.35);
}
.uaesa-shelf-wizard .uaesa-sale-icon__badge--edit{display:none}
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo .uaesa-sale-icon__badge--upload{display:none}
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo .uaesa-sale-icon__badge--edit{display:block}

.uaesa-shelf-wizard .uaesa-sale-icon__remove{
  position:absolute;
  right:-6px;
  top:-6px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#BA1A1A;
  color:#fff;
  border:2px solid #fff;
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  font:inherit;
  box-shadow:0 2px 6px rgba(186,26,26,.35);
  z-index:3;
}
.uaesa-shelf-wizard .uaesa-sale-icon__remove svg{
  width:9px;
  height:9px;
  stroke:currentColor;
  fill:none;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo:hover .uaesa-sale-icon__remove,
.uaesa-shelf-wizard .uaesa-sale-icon.has-logo:focus-within .uaesa-sale-icon__remove{display:flex}

.uaesa-shelf-wizard .uaesa-sale-icon.is-uploading{pointer-events:none}
.uaesa-shelf-wizard .uaesa-sale-icon.is-uploading .uaesa-sale-icon__overlay{
  opacity:1;
  background:rgba(0,32,34,.72);
}
.uaesa-shelf-wizard .uaesa-sale-icon__spinner{
  display:none;
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:22px;
  margin:-11px 0 0 -11px;
  border:2.5px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  animation:uaesaSpin .7s linear infinite;
  z-index:4;
}
.uaesa-shelf-wizard .uaesa-sale-icon.is-uploading .uaesa-sale-icon__spinner{display:block}
.uaesa-shelf-wizard .uaesa-sale-icon.is-uploading .uaesa-sale-icon__overlay svg,
.uaesa-shelf-wizard .uaesa-sale-icon.is-uploading .uaesa-sale-icon__overlay-text{display:none}
@keyframes uaesaSpin{to{transform:rotate(360deg)}}

.uaesa-shelf-wizard .uaesa-sale-icon.is-error{
  animation:uaesaShake .35s ease;
  background:#FFDAD6;
  color:#410002;
}
@keyframes uaesaShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-4px)}
  75%{transform:translateX(4px)}
}

.uaesa-shelf-wizard .uaesa-sale-hint{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11.5px;
  color:#6F7979;
  margin-top:4px;
}
.uaesa-shelf-wizard .uaesa-sale-hint svg{
  width:13px;
  height:13px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ============================================================
   BANK LOGO — Step 4 fixed 40×40 mini chip
   Right side of the step-4 card header. Same height as the
   .md-card-icon on the left so the two chips line up.
   ============================================================ */
.uaesa-shelf-wizard .uaesa-bank-logo-mini{
  width:40px;
  height:40px;
  flex-shrink:0;
  border-radius:8px;
  background:#FFFFFF;
  border:1px solid var(--md-outline-variant);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px;
  margin-left:auto;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  position:relative;
}
.uaesa-shelf-wizard .uaesa-bank-logo-mini img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
.uaesa-shelf-wizard .uaesa-bank-logo-mini.is-empty{
  background:#FAFCFC;
  border-style:dashed;
  color:var(--md-outline);
}
.uaesa-shelf-wizard .uaesa-bank-logo-mini.is-empty svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.6;
}
.uaesa-shelf-wizard .uaesa-bank-logo-mini__label{
  position:absolute;
  bottom:-15px;
  left:50%;
  transform:translateX(-50%);
  font-size:8.5px;
  font-weight:600;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#6F7979;
  white-space:nowrap;
}

/* Mobile — keep the chip 40×40 but let it wrap below the title */
@media (max-width:480px){
  .uaesa-shelf-wizard .uaesa-bank-logo-mini{
    width:40px;
    height:40px;
    margin-left:0;
    order:3;
    align-self:flex-start;
  }
}