/* Radar — controles Ordenar / Intervalo (#view-radar). */

#view-radar,
#view-cdi,
#view-summary{
  --radar-select-bg:color-mix(in srgb, var(--surface2, #f5f3ef) 18%, var(--surface, #faf9f6));
  --radar-select-border:color-mix(in srgb, var(--border2, #d8cfc0) 42%, var(--border, #e8e4dc));
  --radar-select-radius:8px;
  --radar-select-pad-y:0;
  --radar-select-pad-x:12px;
  --radar-select-font:0.65625rem;
}

#view-radar{
  --radar-block-gap:22px;
  --radar-block-pad:20px 22px;
  --radar-body-gap:26px;
}

/* Só com .active — senão `display:flex` anula `.view { display:none }` e o Radar aparece sob o Patrimônio */
#view-radar.view.active{
  display:flex;
  flex-direction:column;
  gap:var(--radar-block-gap);
  box-sizing:border-box;
}

#view-radar .radar-block{
  box-sizing:border-box;
  min-width:0;
}

#view-radar .radar-block--actions{
  display:block;
  padding:var(--radar-block-pad);
  border:1px solid color-mix(in srgb, var(--radar-select-border) 92%, transparent);
  border-radius:calc(var(--radar-select-radius) + 4px);
  background:var(--surface, #faf9f6);
  box-shadow:0 2px 8px rgba(18, 24, 33, 0.05);
}

#view-radar .radar-block--actions .radar-form{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible;
}

#view-radar .radar-block--actions .radar-form::before{
  display:none !important;
  content:none !important;
}

#view-radar .radar-block--actions .radar-form__body{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--radar-body-gap);
  padding:2px 0 0;
}

#view-radar .radar-block--actions .radar-form:has(#radarAcList.open){
  overflow:visible !important;
}

#view-radar .radar-block--actions .radar-form:has(#radarAcList.open) .radar-grid--prices{
  position:relative;
  z-index:2;
}

#view-radar .radar-card-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px 20px;
  margin:0;
  padding:0 0 4px;
}

#view-radar .radar-card-head__copy{
  flex:1 1 16rem;
  min-width:min(12rem, 100%);
}

#view-radar .radar-block--actions .radar-form__title{
  margin:0;
  padding:0;
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:0.02em;
  line-height:1.25;
  color:var(--text);
  text-transform:none;
}

#view-radar .radar-card-head__subtitle{
  margin:6px 0 0;
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  color:var(--text-mid);
}

#view-radar .radar-card-head__pill{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:7px 10px;
  flex:0 1 auto;
  max-width:100%;
  min-width:min(14rem, 100%);
  padding:8px 14px;
  border:1px solid color-mix(in srgb, var(--radar-select-border) 90%, transparent);
  border-radius:999px;
  background:color-mix(in srgb, var(--surface2) 55%, var(--surface));
  box-sizing:border-box;
}

#view-radar .radar-card-head__sync-wrap{
  display:inline-flex;
  align-items:center;
  min-width:0;
}

#view-radar .radar-card-head__sep--sync{
  display:none;
}

#view-radar .radar-card-head__pill:has(#mesaPatrimonioRadarSyncWrap:not([hidden])) .radar-card-head__sep--sync{
  display:inline;
}

#view-radar .radar-card-head__sync{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  cursor:pointer;
  min-width:0;
}

#view-radar .radar-card-head__sync input{
  flex:0 0 auto;
  width:14px;
  height:14px;
  margin:0;
}

#view-radar .radar-card-head__pill .radar-card-head__sync-label{
  font-family:'Inter',sans-serif;
  font-size:11.5px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:0.01em;
  color:var(--text-mid);
  text-transform:none;
}

#view-radar .radar-card-head__sep{
  color:var(--text-dim);
  font-size:12px;
  line-height:1;
  user-select:none;
}

#view-radar .radar-card-head__meta{
  font-family:'Inter',sans-serif;
  font-size:11.5px;
  font-weight:500;
  line-height:1.3;
  color:color-mix(in srgb, var(--text-mid) 82%, var(--text-dim) 18%);
  white-space:nowrap;
}

#view-radar .radar-block--actions .radar-grid--prices{
  display:grid;
  grid-template-columns:minmax(0, 1.28fr) minmax(0, 0.78fr) minmax(0, 0.72fr) minmax(0, 0.72fr) minmax(0, 0.72fr);
  gap:10px 12px;
  align-items:end;
  width:100%;
  min-width:0;
}

#view-radar .radar-form__note-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:14px 16px;
  align-items:end;
  width:100%;
  min-width:0;
}

#view-radar .radar-block--actions .field{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-self:end;
  min-width:0;
  gap:6px !important;
}

#view-radar .radar-block--actions .field label{
  font-family:'Inter',sans-serif;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:0.06em !important;
  text-transform:uppercase;
  color:var(--text-dim) !important;
  line-height:1.2;
}

#view-radar .radar-block--actions .field input{
  min-height:var(--field-h) !important;
  height:var(--field-h) !important;
  max-height:var(--field-h) !important;
  padding:0 14px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  border:1px solid var(--input-border, var(--border)) !important;
  border-radius:var(--radar-select-radius) !important;
  background:var(--input-bg, var(--surface)) !important;
  color:var(--text) !important;
  box-sizing:border-box;
}

#view-radar .radar-block--actions .field input::placeholder{
  color:color-mix(in srgb, var(--text-dim) 78%, var(--text-mid) 22%);
  opacity:1;
}

#view-radar .radar-block--actions #rCurrentPrice{
  background:color-mix(in srgb, var(--surface2) 42%, var(--input-bg, var(--surface))) !important;
  border-color:color-mix(in srgb, var(--input-border, var(--border)) 88%, transparent) !important;
  color:var(--text-mid) !important;
  cursor:default;
}

#view-radar .radar-block--actions .radar-form__submit.btn-add{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:end;
  width:auto !important;
  min-width:10.5rem !important;
  max-width:12.5rem !important;
  height:var(--field-h) !important;
  min-height:var(--field-h) !important;
  max-height:var(--field-h) !important;
  margin:0 !important;
  padding:0 18px !important;
  border:none !important;
  border-radius:8px !important;
  font-family:'Inter',sans-serif !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  letter-spacing:0.04em !important;
  text-transform:none !important;
  color:#fff !important;
  background:color-mix(in srgb, var(--navy, #1f2c3a) 92%, #121820) !important;
  box-shadow:0 1px 4px rgba(18, 24, 33, 0.14) !important;
  white-space:nowrap;
}

#view-radar .radar-block--actions .radar-form__submit.btn-add:hover:not(:disabled){
  filter:brightness(1.06) !important;
  box-shadow:0 2px 8px rgba(18, 24, 33, 0.16) !important;
}

#view-radar .radar-block--actions .radar-hint{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  width:100%;
  max-width:none;
  margin:0;
  padding:12px 16px;
  font-family:'Inter',sans-serif;
  font-size:12px;
  line-height:1.5;
  color:var(--text-mid);
  background:color-mix(in srgb, var(--surface2) 44%, var(--surface));
  border:1px solid color-mix(in srgb, var(--radar-select-border) 62%, transparent);
  border-radius:var(--radar-select-radius);
  box-sizing:border-box;
}

#view-radar .radar-block--actions .radar-hint::before{
  content:'i';
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-family:'Inter',sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1;
  color:var(--text-mid);
  background:color-mix(in srgb, var(--surface2) 58%, var(--surface));
  border:1px solid color-mix(in srgb, var(--radar-select-border) 78%, transparent);
  box-sizing:border-box;
  pointer-events:none;
}

#view-radar .radar-hint__label{
  flex:0 0 auto;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--text-dim);
  white-space:nowrap;
}

#view-radar .radar-block--actions .radar-hint strong{
  font-weight:600;
  color:var(--text);
}

#view-radar .radar-block--list{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0;
  padding:0;
  min-width:0;
}

#view-radar .radar-cards-toolbar{
  display:grid;
  grid-template-columns:minmax(0, max-content) minmax(0, 1fr);
  grid-template-rows:auto auto;
  align-items:end;
  column-gap:20px;
  row-gap:12px;
  width:100%;
  min-width:0;
  margin:2px 0 0;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}

#view-radar .radar-help-accordion--toolbar{
  grid-column:1;
  grid-row:1;
  align-self:center;
}

#view-radar .radar-cards-toolbar__actions{
  grid-column:2;
  grid-row:1;
  justify-self:end;
}

#view-radar .radar-cards-toolbar__actions{
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-end;
  justify-content:flex-end;
  gap:10px 12px;
  flex:0 0 auto;
  min-width:0;
  margin:0;
}

#view-radar .radar-cards-toolbar .radar-select-group,
#view-radar .radar-cards-toolbar__control{
  flex:0 0 auto !important;
  min-width:0;
  width:auto !important;
  max-width:none !important;
  gap:4px;
}

#view-radar .radar-cards-toolbar__control{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
}

#view-radar .radar-cards-toolbar__label,
#view-radar .radar-cards-toolbar .radar-select-label{
  margin:0;
  padding:0;
  font-family:'Inter',sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--text-dim);
  line-height:1.2;
}

#view-radar .radar-cards-toolbar .radar-select-trigger{
  height:var(--field-h);
  min-height:var(--field-h);
  max-height:var(--field-h);
}

#view-radar .radar-cards-toolbar__refresh.btn-add{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  flex:0 0 auto !important;
  align-self:flex-end;
  height:var(--field-h) !important;
  min-height:var(--field-h) !important;
  max-height:var(--field-h) !important;
  margin:0 !important;
  padding:0 14px !important;
  border:none !important;
  border-radius:8px !important;
  font-family:'Inter',sans-serif !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  letter-spacing:0.04em !important;
  text-transform:none !important;
  color:#fff !important;
  background:color-mix(in srgb, var(--navy, #1f2c3a) 92%, #121820) !important;
  box-shadow:0 1px 4px rgba(18, 24, 33, 0.14) !important;
  white-space:nowrap;
}

#view-radar .radar-cards-toolbar__refresh.btn-add:hover:not(:disabled){
  filter:brightness(1.06) !important;
  box-shadow:0 2px 8px rgba(18, 24, 33, 0.16) !important;
}

@media (min-width:769px){
  #view-radar{
    --radar-block-gap:24px;
    --radar-block-pad:24px 26px;
    --radar-body-gap:28px;
  }

  #view-radar .radar-block--actions .radar-form__title{
    font-size:15px;
  }

  #view-radar .radar-block--actions .radar-grid--prices{
    grid-template-columns:minmax(0, 1.32fr) minmax(0, 0.8fr) minmax(0, 0.74fr) minmax(0, 0.74fr) minmax(0, 0.74fr);
    gap:10px 14px;
  }

  #view-radar .radar-form__note-row{
    gap:16px 18px;
  }

  #view-radar .radar-cards-toolbar__control,
  #view-radar .radar-cards-toolbar .radar-select-group{
    flex-direction:row;
    align-items:center;
    gap:8px;
  }

  #view-radar .radar-cards-toolbar .radar-select{
    width:10.25rem;
    min-width:8.5rem;
    max-width:10.25rem;
  }

  #view-radar .radar-cards-toolbar__control--range .radar-select{
    width:8.5rem;
    min-width:7rem;
    max-width:8.5rem;
  }
}

@media (max-width:768px){
  #mesaAppShell #view-radar .radar-block--actions .radar-form--m-collapsible{
    margin:0 !important;
    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  #mesaAppShell #view-radar .radar-block--actions .radar-form__body{
    padding:0;
  }

  #view-radar .radar-card-head{
    flex-direction:column;
    align-items:stretch;
  }

  #view-radar .radar-card-head__pill{
    justify-content:flex-start;
    border-radius:var(--radar-select-radius);
    flex:1 1 auto;
    width:100%;
  }

  #view-radar .radar-card-head__meta{
    white-space:normal;
  }

  #view-radar .radar-block--actions .radar-grid--prices{
    grid-template-columns:1fr 1fr;
  }

  #view-radar .radar-form__note-row{
    grid-template-columns:1fr;
  }

  #view-radar .radar-block--actions .radar-form__submit.btn-add{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  #view-radar .radar-cards-toolbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  #view-radar .radar-help-accordion--toolbar,
  #view-radar .radar-cards-toolbar__actions{
    grid-column:auto;
    grid-row:auto;
    justify-self:stretch;
  }

  #view-radar .radar-cards-toolbar__actions{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:flex-start;
    width:100%;
    margin:0;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar__control,
  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select-group{
    flex:1 1 calc(50% - 5px) !important;
    width:auto !important;
    max-width:none !important;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select{
    width:100% !important;
    max-width:100% !important;
  }

  #view-radar .radar-cards-toolbar__refresh.btn-add{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
    margin-left:auto;
  }
}

@media (max-width:640px){
  #view-radar .radar-block--actions .radar-grid--prices{
    grid-template-columns:1fr;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar__control,
  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select-group{
    flex:1 1 100% !important;
  }
}

#view-radar .radar-select-group,
#view-cdi .radar-select-group{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  min-width:0;
  flex:1 1 9.5rem;
}

#view-radar .radar-select-label,
#view-cdi .radar-select-label,
#view-cdi .cdi-charts__menu-label{
  margin:0;
  padding:0 2px;
  font-family:'Inter',sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--text-dim);
  line-height:1.2;
}

#view-radar .radar-select,
#view-cdi .radar-select{
  position:relative;
  width:100%;
  min-width:0;
}

#view-radar .radar-select-native,
#view-cdi .radar-select-native{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
  opacity:0;
  pointer-events:none;
}

#view-radar .radar-select-trigger,
#view-cdi .radar-select-trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  height:var(--field-h);
  min-height:var(--field-h);
  max-height:var(--field-h);
  padding:0 var(--radar-select-pad-x);
  box-sizing:border-box;
  border:1px solid var(--radar-select-border);
  border-radius:var(--radar-select-radius);
  background:var(--radar-select-bg);
  color:var(--text-mid, #4a5568);
  font-family:'Inter',sans-serif;
  font-size:var(--radar-select-font);
  font-weight:600;
  line-height:1.2;
  letter-spacing:0.04em;
  cursor:pointer;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
  transition:border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

#view-radar .radar-select-trigger:hover:not(:disabled),
#view-cdi .radar-select-trigger:hover:not(:disabled){
  border-color:color-mix(in srgb, var(--border2) 58%, var(--border));
  background:color-mix(in srgb, var(--surface2) 24%, var(--surface));
}

#view-radar .radar-select-trigger:focus-visible,
#view-cdi .radar-select-trigger:focus-visible{
  outline:2px solid color-mix(in srgb, var(--border2) 65%, var(--border));
  outline-offset:2px;
}

#view-radar .radar-select-trigger--open,
#view-cdi .radar-select-trigger--open{
  border-color:color-mix(in srgb, var(--border2) 55%, var(--border));
}

#view-radar .radar-select-trigger:disabled,
#view-cdi .radar-select-trigger:disabled{
  opacity:0.55;
  cursor:not-allowed;
}

#view-radar .radar-select-value,
#view-cdi .radar-select-value{
  flex:1 1 auto;
  min-width:0;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#view-radar .radar-select-chevron,
#view-cdi .radar-select-chevron{
  flex-shrink:0;
  width:7px;
  height:7px;
  margin-right:2px;
  border-right:1.5px solid color-mix(in srgb, var(--text-dim) 75%, transparent);
  border-bottom:1.5px solid color-mix(in srgb, var(--text-dim) 75%, transparent);
  transform:translateY(-1px) rotate(45deg);
  opacity:0.72;
}

#view-radar .radar-select-dropdown,
#view-cdi .radar-select-dropdown{
  position:absolute;
  z-index:40;
  top:calc(100% + 6px);
  left:0;
  right:0;
  min-width:100%;
  max-height:min(280px, 52vh);
  overflow:auto;
  padding:6px;
  border:1px solid var(--radar-select-border);
  border-radius:var(--radar-select-radius);
  background:var(--surface, #faf9f6);
  box-shadow:0 10px 28px rgba(18, 24, 33, 0.08);
}

#view-radar .radar-select-options,
#view-cdi .radar-select-options{
  display:flex;
  flex-direction:column;
  gap:4px;
}

#view-radar .radar-choice-option,
#view-cdi .radar-choice-option,
#mesaAppShell .radar-choice-option{
  display:grid;
  grid-template-columns:1rem minmax(0, 1fr);
  align-items:center;
  column-gap:8px;
  width:100%;
  min-height:32px;
  padding:6px 10px;
  border:1px solid transparent;
  border-radius:calc(var(--radar-select-radius) - 2px);
  background:transparent;
  color:var(--text-mid);
  font-family:'Inter',sans-serif;
  font-size:var(--radar-select-font);
  font-weight:500;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  transition:background 0.12s ease, border-color 0.12s ease;
}

#view-radar .radar-choice-option:hover,
#view-cdi .radar-choice-option:hover,
#mesaAppShell .radar-choice-option:hover{
  background:color-mix(in srgb, var(--surface2) 22%, var(--surface));
}

#view-radar .radar-choice-option.is-selected,
#view-radar .radar-choice-option[aria-selected='true'],
#view-cdi .radar-choice-option.is-selected,
#view-cdi .radar-choice-option[aria-selected='true'],
#mesaAppShell .radar-choice-option.is-selected,
#mesaAppShell .radar-choice-option[aria-selected='true']{
  border-color:var(--radar-select-border);
  background:color-mix(in srgb, var(--surface2) 16%, var(--surface));
  font-weight:600;
}

#view-radar .radar-choice-option__check,
#view-cdi .radar-choice-option__check,
#mesaAppShell .radar-choice-option__check{
  grid-column:1;
  justify-self:center;
  font-size:0.75rem;
  line-height:1;
  color:var(--text-dim);
  opacity:0;
  transition:opacity 0.12s ease;
}

#view-radar .radar-choice-option__text,
#view-cdi .radar-choice-option__text,
#mesaAppShell .radar-choice-option__text{
  grid-column:2;
  min-width:0;
}

#view-radar .radar-choice-option.is-selected .radar-choice-option__check,
#view-radar .radar-choice-option[aria-selected='true'] .radar-choice-option__check,
#view-cdi .radar-choice-option.is-selected .radar-choice-option__check,
#view-cdi .radar-choice-option[aria-selected='true'] .radar-choice-option__check,
#mesaAppShell .radar-choice-option.is-selected .radar-choice-option__check,
#mesaAppShell .radar-choice-option[aria-selected='true'] .radar-choice-option__check{
  opacity:0.85;
}

/* Sheet mobile (shell — Radar + CDI) */
#mesaAppShell .radar-choice-sheet{
  position:fixed;
  inset:0;
  z-index:1200;
  display:none;
  pointer-events:none;
}

#mesaAppShell .radar-choice-sheet.open{
  display:block;
  pointer-events:auto;
}

#mesaAppShell .radar-choice-sheet__backdrop{
  position:absolute;
  inset:0;
  background:rgba(18, 24, 33, 0.38);
  backdrop-filter:blur(2px);
}

#mesaAppShell .radar-choice-sheet__panel{
  position:absolute;
  left:16px;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  max-height:min(82vh, 480px);
  display:flex;
  flex-direction:column;
  border:1px solid var(--radar-select-border);
  border-radius:16px;
  background:var(--surface, #faf9f6);
  box-shadow:0 20px 48px rgba(18, 24, 33, 0.12);
  overflow:hidden;
}

#mesaAppShell .radar-choice-sheet__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 16px 10px;
  border-bottom:1px solid color-mix(in srgb, var(--radar-select-border) 70%, transparent);
}

#mesaAppShell .radar-choice-sheet__title{
  margin:0;
  font-family:'Inter',sans-serif;
  font-size:1rem;
  font-weight:600;
  letter-spacing:0.01em;
  color:var(--text-mid);
  line-height:1.25;
}

#mesaAppShell .radar-choice-sheet__close{
  flex-shrink:0;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid var(--radar-select-border);
  border-radius:999px;
  background:var(--radar-select-bg);
  color:var(--text-dim);
  font-size:1.1rem;
  line-height:1;
  cursor:pointer;
}

#mesaAppShell .radar-choice-sheet__options{
  padding:8px 12px 14px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:6px;
}

@media (max-width:768px){
  #view-cdi .radar-select-dropdown{
    display:none !important;
  }
}

@media (min-width:769px){
  #mesaAppShell .radar-choice-sheet{
    display:none !important;
  }
}

/* Accordion de ajuda — card auxiliar discreto */
#view-radar .radar-help-accordion{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  box-sizing:border-box;
  border:1px solid color-mix(in srgb, var(--radar-select-border) 72%, transparent);
  border-radius:var(--radar-select-radius);
  background:color-mix(in srgb, var(--surface2) 22%, var(--surface));
  box-shadow:0 1px 2px rgba(18, 24, 33, 0.03);
  overflow:hidden;
}

#view-radar .radar-help-accordion__trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:34px;
  padding:8px 12px;
  box-sizing:border-box;
  cursor:pointer;
  list-style:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}

#view-radar .radar-help-accordion__trigger::-webkit-details-marker{
  display:none;
}

#view-radar .radar-help-accordion__trigger::marker{
  content:'';
}

#view-radar .radar-help-accordion__title-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1 1 auto;
}

#view-radar .radar-help-accordion__icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-family:'Inter',sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1;
  color:var(--text-mid);
  background:color-mix(in srgb, var(--surface2) 50%, var(--surface));
  border:1px solid color-mix(in srgb, var(--radar-select-border) 80%, transparent);
}

#view-radar .radar-help-accordion__title{
  flex:1 1 auto;
  min-width:0;
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:0.01em;
  color:var(--text-mid);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#view-radar .radar-help-accordion__chevron{
  flex-shrink:0;
  width:7px;
  height:7px;
  margin-right:2px;
  border-right:1.5px solid color-mix(in srgb, var(--text-dim) 78%, transparent);
  border-bottom:1.5px solid color-mix(in srgb, var(--text-dim) 78%, transparent);
  transform:translateY(-1px) rotate(45deg);
  opacity:0.7;
  transition:transform 0.2s ease, opacity 0.15s ease;
}

#view-radar .radar-help-accordion[open] .radar-help-accordion__chevron,
#view-radar .radar-help-accordion.is-open .radar-help-accordion__chevron{
  transform:translateY(1px) rotate(-135deg);
  opacity:0.85;
}

#view-radar .radar-help-accordion__trigger:hover{
  background:color-mix(in srgb, var(--surface2) 18%, var(--surface));
}

#view-radar .radar-help-accordion__trigger:hover .radar-help-accordion__chevron{
  opacity:0.9;
}

#view-radar .radar-help-accordion__trigger:focus-visible{
  outline:2px solid color-mix(in srgb, var(--border2) 65%, var(--border));
  outline-offset:-2px;
}

#view-radar .radar-help-accordion__content{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows 0.22s ease;
  border-top:1px solid transparent;
}

#view-radar .radar-help-accordion[open] .radar-help-accordion__content,
#view-radar .radar-help-accordion.is-open .radar-help-accordion__content{
  grid-template-rows:1fr;
  border-top-color:color-mix(in srgb, var(--radar-select-border) 55%, transparent);
}

#view-radar .radar-help-accordion__inner{
  overflow:hidden;
  padding:0 12px;
}

#view-radar .radar-help-accordion[open] .radar-help-accordion__inner,
#view-radar .radar-help-accordion.is-open .radar-help-accordion__inner{
  padding:10px 12px 12px;
}

#view-radar .radar-help-accordion__lead{
  margin:0 0 8px;
  font-family:'Inter',sans-serif;
  font-size:0.75rem;
  font-weight:400;
  line-height:1.45;
  color:var(--text-dim);
}

#view-radar .radar-help-accordion__lead strong{
  font-weight:600;
  color:var(--text-mid);
}

#view-radar .radar-help-accordion__list{
  margin:0;
  padding:0;
  list-style:none;
  font-family:'Inter',sans-serif;
  font-size:0.75rem;
  line-height:1.45;
  color:var(--text-dim);
}

#view-radar .radar-help-accordion__list li{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:5px;
}

#view-radar .radar-help-accordion__list li:last-child{
  margin-bottom:0;
}

#view-radar .radar-help-accordion__list strong{
  font-weight:600;
  color:var(--text-mid);
}

#view-radar .radar-help-accordion__sample{
  flex-shrink:0;
}

#view-radar .radar-help-accordion__sample--dot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:color-mix(in srgb, var(--surface2) 30%, #f3efe4);
  border:1.5px solid color-mix(in srgb, var(--text-mid) 55%, transparent);
  box-sizing:border-box;
}

#view-radar .radar-help-accordion__sample--diamond{
  width:7px;
  height:7px;
  background:color-mix(in srgb, var(--gold-soft, #c9b27a) 75%, var(--text-dim));
  transform:rotate(45deg);
  border:1px solid color-mix(in srgb, var(--text-mid) 45%, transparent);
  border-radius:1px;
  box-sizing:border-box;
}

/* ── Toolbar: ajuda inline (sobrescreve card auxiliar do accordion base) ── */
#view-radar .radar-cards-toolbar .radar-help-accordion.radar-help-accordion--toolbar,
#view-radar .radar-help-accordion.radar-help-accordion--toolbar{
  display:block;
  width:auto !important;
  max-width:100%;
  min-width:0;
  margin:0;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger{
  width:auto;
  min-height:var(--field-h);
  padding:0 10px 0 4px;
  border:none;
  background:transparent;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger:hover{
  background:color-mix(in srgb, var(--surface2) 14%, transparent);
  border-radius:var(--radar-select-radius);
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__title-wrap{
  flex:0 1 auto;
  gap:8px;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
  font-size:11px;
  color:var(--text-mid);
  background:color-mix(in srgb, var(--surface2) 52%, var(--surface));
  border-color:color-mix(in srgb, var(--radar-select-border) 82%, transparent);
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__title{
  flex:0 1 auto;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:0.01em;
  color:var(--text-mid);
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__chevron{
  opacity:0.8;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__content{
  width:100%;
  min-width:0;
}

#view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
  grid-template-rows:1fr;
  border-top:1px solid color-mix(in srgb, var(--radar-select-border) 55%, transparent);
}

#view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
  padding:12px 14px 14px;
  background:color-mix(in srgb, var(--surface2) 28%, var(--surface));
  border:1px solid color-mix(in srgb, var(--radar-select-border) 58%, transparent);
  border-radius:var(--radar-select-radius);
}

@media (min-width:769px){
  #view-radar .radar-help-accordion--toolbar[open]{
    display:contents;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__trigger{
    grid-column:1;
    grid-row:1;
    align-self:center;
    justify-self:start;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
    grid-column:1 / -1;
    grid-row:2;
    position:static;
    top:auto;
    left:auto;
    z-index:auto;
    min-width:0;
    max-width:none;
    margin:4px 0 0;
    border-top:1px solid color-mix(in srgb, var(--radar-select-border) 55%, transparent);
    box-shadow:none;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
    padding:12px 16px 14px;
  }
}

@media (max-width:768px){
  #view-radar .radar-help-accordion--toolbar[open]{
    width:100% !important;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
    position:static;
    margin-top:8px;
  }
}

/* Overlay de sincronização — topo da lista de cartões */
#view-radar .radar-block--list{
  position:relative;
  min-height:88px;
}

#view-radar .radar-list--syncing #radarContent{
  pointer-events:none;
  user-select:none;
  opacity:0.42;
}

#view-radar .radar-sync-overlay{
  position:absolute;
  inset:0;
  z-index:12;
  display:flex;
  align-items:flex-start;
  justify-content:stretch;
  padding:10px 12px 0;
  box-sizing:border-box;
  background:color-mix(in srgb, var(--surface, #faf9f6) 55%, transparent);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  pointer-events:none;
}

#view-radar .radar-sync-overlay[hidden]{
  display:none !important;
}

#view-radar .radar-sync-overlay__card{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  width:100%;
  max-width:none;
  padding:12px 14px;
  border-radius:calc(var(--radar-select-radius, 10px) + 2px);
  border:1px solid color-mix(in srgb, var(--radar-select-border) 70%, transparent);
  background:color-mix(in srgb, var(--surface) 98%, var(--surface2) 2%);
  box-shadow:0 4px 18px rgba(18, 24, 33, 0.06);
  text-align:left;
  pointer-events:auto;
}

#view-radar .radar-sync-overlay__copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  flex:1;
}

#view-radar .radar-sync-overlay__ring{
  flex-shrink:0;
  width:28px;
  height:28px;
  border-radius:999px;
  border:2px solid color-mix(in srgb, var(--border2, #d8cfc0) 55%, transparent);
  border-top-color:color-mix(in srgb, var(--gold-soft, #c9b27a) 85%, var(--text-mid));
  animation:radar-sync-spin 0.85s linear infinite;
}

@keyframes radar-sync-spin{
  to{ transform:rotate(360deg); }
}

#view-radar .radar-sync-overlay__title{
  margin:0;
  font-size:0.9rem;
  font-weight:600;
  letter-spacing:0.02em;
  color:var(--text-mid);
  line-height:1.25;
}

#view-radar .radar-sync-overlay__meta{
  margin:0;
  font-size:0.78rem;
  color:var(--text-dim);
  letter-spacing:0.01em;
  line-height:1.3;
}





/* ==========================================================================
   RADAR DO SÓCIO — override final validado em revisão visual
   Escopo fechado em #view-radar. Não altera paleta global nem JS.
   ========================================================================== */

#view-radar{
  --radar-block-gap: 20px;
  --radar-block-pad: 26px 30px 28px;
  --radar-body-gap: 20px;
}

/* Card principal */
#view-radar .radar-block--actions{
  padding: var(--radar-block-pad) !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb, var(--radar-select-border) 92%, transparent) !important;
  background: var(--surface, #faf9f6) !important;
  box-shadow:
    0 18px 42px rgba(18, 24, 33, 0.075),
    0 2px 6px rgba(18, 24, 33, 0.04) !important;
}

/* O details continua sendo estrutural; não pode virar segundo card */
#view-radar .radar-block--actions .radar-form{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#view-radar .radar-block--actions .radar-form::before{
  display: none !important;
  content: none !important;
}

#view-radar .radar-block--actions .radar-form__body{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--radar-body-gap) !important;
  padding: 0 !important;
}

/* Header do card */
#view-radar .radar-card-head{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#view-radar .radar-card-head__copy{
  min-width: 0 !important;
}

#view-radar .radar-block--actions .radar-form__title{
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
  text-transform: none !important;
}

#view-radar .radar-card-head__subtitle{
  margin: 7px 0 0 !important;
  max-width: 54rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  color: var(--text-mid) !important;
}

/* Pill superior */
#view-radar .radar-card-head__pill{
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  max-width: min(100%, 48rem) !important;
  min-width: 0 !important;
  height: 32px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--radar-select-border) 90%, transparent) !important;
  background: color-mix(in srgb, var(--surface2) 48%, var(--surface)) !important;
  box-shadow: 0 1px 4px rgba(18, 24, 33, 0.045) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#view-radar .radar-card-head__sync-wrap,
#view-radar .radar-card-head__sync{
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#view-radar .radar-card-head__sync{
  gap: 6px !important;
  cursor: pointer !important;
}

#view-radar .radar-card-head__sync input{
  flex: 0 0 auto !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

#view-radar .radar-card-head__sync-label,
#view-radar .radar-card-head__meta{
  font-family: 'Inter', sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  color: var(--text-mid) !important;
  white-space: nowrap !important;
}

#view-radar .radar-card-head__meta{
  color: color-mix(in srgb, var(--text-mid) 82%, var(--text-dim) 18%) !important;
}

#view-radar .radar-card-head__sep{
  color: var(--text-dim) !important;
  opacity: 0.82 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

/* Grid de preços — 5 campos */
#view-radar .radar-block--actions .radar-grid--prices{
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.28fr)
    minmax(0, 0.78fr)
    minmax(0, 0.78fr)
    minmax(0, 0.78fr)
    minmax(0, 0.78fr) !important;
  column-gap: 16px !important;
  row-gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Campos */
#view-radar .radar-block--actions .field{
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-self: end !important;
  min-width: 0 !important;
  gap: 6px !important;
}

#view-radar .radar-block--actions .field label{
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--text-dim) !important;
}

#view-radar .radar-block--actions .field input{
  width: 100% !important;
  min-height: var(--field-h) !important;
  height: var(--field-h) !important;
  max-height: var(--field-h) !important;
  padding: 0 14px !important;
  border: 1px solid color-mix(in srgb, var(--input-border, var(--border)) 92%, transparent) !important;
  border-radius: 10px !important;
  background: var(--input-bg, var(--surface)) !important;
  color: var(--text) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: var(--field-h) !important;
  font-weight: 650 !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(18, 24, 33, 0.035) !important;
}

#view-radar .radar-block--actions .field input::placeholder{
  color: color-mix(in srgb, var(--text-dim) 76%, var(--text-mid) 24%) !important;
  opacity: 1 !important;
}

#view-radar .radar-block--actions #rCurrentPrice{
  background: color-mix(in srgb, var(--surface2) 34%, var(--input-bg, var(--surface))) !important;
  color: var(--text-mid) !important;
}

/* Nota + adicionar */
#view-radar .radar-form__note-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(10.75rem, 12.5rem) !important;
  gap: 16px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
}

#view-radar .radar-form__note-field{
  min-width: 0 !important;
}

#view-radar .radar-block--actions .radar-form__submit.btn-add{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--field-h) !important;
  min-height: var(--field-h) !important;
  max-height: var(--field-h) !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: #fff !important;
  background: color-mix(in srgb, var(--navy, #1f2c3a) 92%, #121820) !important;
  box-shadow: 0 8px 18px rgba(18, 24, 33, 0.14) !important;
  white-space: nowrap !important;
}

/* Faixa informativa */
#view-radar .radar-block--actions .radar-hint{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in srgb, var(--radar-select-border) 62%, transparent) !important;
  background: color-mix(in srgb, var(--surface2) 36%, var(--surface)) !important;
  box-shadow: 0 1px 2px rgba(18, 24, 33, 0.035) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: var(--text-mid) !important;
  box-sizing: border-box !important;
}

#view-radar .radar-block--actions .radar-hint::before{
  content: 'i' !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--radar-select-border) 78%, transparent) !important;
  background: color-mix(in srgb, var(--surface2) 50%, var(--surface)) !important;
  color: var(--text-mid) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

#view-radar .radar-hint__label{
  flex: 0 0 auto !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--text-dim) !important;
  white-space: nowrap !important;
}

#view-radar .radar-block--actions .radar-hint strong{
  color: var(--text) !important;
  font-weight: 800 !important;
}

/* Toolbar dos cards */
#view-radar .radar-block--list{
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

#view-radar .radar-cards-toolbar{
  display: grid !important;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: end !important;
  column-gap: 18px !important;
  row-gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#view-radar .radar-help-accordion--toolbar{
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger{
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-height: var(--field-h) !important;
  padding: 0 8px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__title-wrap{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__icon{
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--radar-select-border) 82%, transparent) !important;
  background: color-mix(in srgb, var(--surface2) 48%, var(--surface)) !important;
  color: var(--text-mid) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__title{
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
  color: var(--text-mid) !important;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__chevron{
  margin-left: 4px !important;
  opacity: 0.65 !important;
}

/* Conteúdo aberto da ajuda: inline, nunca popover */
#view-radar .radar-help-accordion--toolbar[open]{
  display: contents !important;
}

#view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__trigger{
  grid-column: 1 !important;
  grid-row: 1 !important;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__content,
#view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  width: 100% !important;
  padding: 11px 14px !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in srgb, var(--radar-select-border) 58%, transparent) !important;
  background: color-mix(in srgb, var(--surface2) 32%, var(--surface)) !important;
  box-shadow: none !important;
}

#view-radar .radar-help-accordion__lead,
#view-radar .radar-help-accordion__list,
#view-radar .radar-help-accordion__list li{
  margin: 0 !important;
}

#view-radar .radar-help-accordion__lead{
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--text-mid) !important;
}

#view-radar .radar-help-accordion__list{
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 16px !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#view-radar .radar-help-accordion__list li{
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

/* Ações da toolbar */
#view-radar .radar-cards-toolbar__actions{
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#view-radar .radar-cards-toolbar__control{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

#view-radar .radar-cards-toolbar__label,
#view-radar .radar-cards-toolbar .radar-select-label{
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--text-dim) !important;
}

#view-radar .radar-cards-toolbar .radar-select{
  width: 10rem !important;
  min-width: 8.5rem !important;
  max-width: 10rem !important;
}

#view-radar .radar-cards-toolbar__control--range .radar-select{
  width: 8.25rem !important;
  min-width: 7rem !important;
  max-width: 8.25rem !important;
}

#view-radar .radar-cards-toolbar .radar-select-trigger{
  height: var(--field-h) !important;
  min-height: var(--field-h) !important;
  max-height: var(--field-h) !important;
  border-radius: 10px !important;
}

#view-radar .radar-cards-toolbar__refresh.btn-add{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  align-self: flex-end !important;
  width: auto !important;
  min-width: 10.5rem !important;
  max-width: 12.5rem !important;
  height: var(--field-h) !important;
  min-height: var(--field-h) !important;
  max-height: var(--field-h) !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: #fff !important;
  background: color-mix(in srgb, var(--navy, #1f2c3a) 92%, #121820) !important;
  box-shadow: 0 8px 18px rgba(18, 24, 33, 0.14) !important;
  white-space: nowrap !important;
}

/* Desktop largo: mantém o card respirando sem inflar controles */
@media (min-width: 769px){
  #view-radar .radar-block--actions{
    padding: 28px 30px 30px !important;
  }

  #view-radar .radar-block--actions .radar-grid--prices{
    column-gap: 18px !important;
  }

  #view-radar .radar-form__note-row{
    gap: 18px !important;
  }
}

/* Tablet / mobile */
@media (max-width: 768px){
  #view-radar{
    --radar-block-pad: 18px 16px 20px;
    --radar-body-gap: 16px;
  }

  #view-radar .radar-card-head{
    grid-template-columns: 1fr !important;
  }

  #view-radar .radar-card-head__pill{
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 32px !important;
    white-space: normal !important;
    overflow: visible !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
  }

  #view-radar .radar-block--actions .radar-grid--prices{
    grid-template-columns: 1fr 1fr !important;
  }

  #view-radar .radar-form__note-row{
    grid-template-columns: 1fr !important;
  }

  #view-radar .radar-block--actions .radar-form__submit.btn-add{
    width: 100% !important;
    max-width: none !important;
  }

  #view-radar .radar-cards-toolbar{
    grid-template-columns: 1fr !important;
  }

  #view-radar .radar-help-accordion--toolbar,
  #view-radar .radar-cards-toolbar__actions{
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: stretch !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  #view-radar .radar-cards-toolbar__control{
    flex: 1 1 calc(50% - 6px) !important;
  }

  #view-radar .radar-cards-toolbar .radar-select{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  #view-radar .radar-cards-toolbar__refresh.btn-add{
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 640px){
  #view-radar .radar-block--actions .radar-grid--prices{
    grid-template-columns: 1fr !important;
  }

  #view-radar .radar-cards-toolbar__control,
  #view-radar .radar-cards-toolbar__refresh.btn-add{
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ==========================================================================
   RADAR — ajuda da toolbar abrindo para o lado (desktop) e para baixo (menor)
   ========================================================================== */

/* Ícone do gatilho: troca o "?" por um símbolo de faixa/trilha mais coerente. */
#view-radar .radar-help-accordion--toolbar .radar-help-accordion__icon{
  font-size: 0 !important;
  color: transparent !important;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__icon::before{
  content: '↔';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-mid) !important;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

/* Remove o chevron antigo. Ele estava parecendo uma peça solta do layout. */
#view-radar .radar-help-accordion--toolbar .radar-help-accordion__chevron{
  display: none !important;
}

/* Seta discreta integrada ao próprio gatilho. */
#view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger::after{
  content: '→';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  color: var(--text-dim);
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.72;
  transition: opacity 0.16s ease, transform 0.18s ease;
}

#view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__trigger::after{
  content: '×';
  font-size: 13px;
  transform: translateY(-0.5px);
  opacity: 0.8;
}

#view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger:hover::after{
  opacity: 0.95;
}

/* Desktop largo: a explicação "escorrega" para o lado do gatilho. */
@media (min-width: 769px){
  #view-radar .radar-cards-toolbar{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: end !important;
    column-gap: 22px !important;
    row-gap: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar{
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: stretch !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  #view-radar .radar-help-accordion--toolbar[open]{
    display: grid !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger{
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: var(--field-h) !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__title{
    white-space: nowrap !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__content{
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transform: translateX(-8px) !important;
    pointer-events: none !important;
    transition: opacity 0.16s ease, transform 0.18s ease !important;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
    opacity: 1 !important;
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__inner,
  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px 14px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 52%, transparent) !important;
    background: color-mix(in srgb, var(--surface2) 26%, var(--surface)) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-help-accordion__lead{
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: min(42vw, 42rem) !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-help-accordion__list{
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-help-accordion__list li{
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: end !important;
  }
}

/* Larguras menores: volta para baixo para não quebrar a linha. */
@media (max-width: 768px){
  #view-radar .radar-cards-toolbar{
    grid-template-rows: auto auto !important;
  }

  #view-radar .radar-help-accordion--toolbar[open]{
    display: contents !important;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__trigger{
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
    border-radius: 10px !important;
    white-space: normal !important;
  }
}

/* ==========================================================================
   RADAR — ajuste final: ajuda lateral com forma de controle 40px e sem ellipsis
   ========================================================================== */

@media (min-width: 769px){
  #view-radar .radar-cards-toolbar{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: end !important;
    column-gap: 18px !important;
    row-gap: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger{
    min-height: var(--field-h) !important;
    height: var(--field-h) !important;
    padding: 0 10px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 58%, transparent) !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--surface2) 28%, var(--surface)) !important;
    box-shadow: 0 1px 2px rgba(18, 24, 33, 0.035) !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger:hover{
    background: color-mix(in srgb, var(--surface2) 38%, var(--surface)) !important;
    border-radius: 10px !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__icon{
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger::after{
    margin-left: 4px !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__content,
  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__inner,
  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
    min-height: var(--field-h) !important;
    height: var(--field-h) !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 58%, transparent) !important;
    background: color-mix(in srgb, var(--surface2) 30%, var(--surface)) !important;
    box-shadow: 0 1px 2px rgba(18, 24, 33, 0.035) !important;
    overflow: visible !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  #view-radar .radar-help-accordion__lead,
  #view-radar .radar-help-accordion__list,
  #view-radar .radar-help-accordion__list li{
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    max-width: none !important;
  }

  #view-radar .radar-help-accordion__lead{
    flex: 0 0 auto !important;
  }

  #view-radar .radar-help-accordion__list{
    flex: 0 0 auto !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    flex-shrink: 0 !important;
  }
}

@media (max-width: 768px){
  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger{
    min-height: var(--field-h) !important;
    height: var(--field-h) !important;
    padding: 0 10px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 58%, transparent) !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--surface2) 28%, var(--surface)) !important;
    box-sizing: border-box !important;
  }

  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
    border-radius: 10px !important;
    min-height: var(--field-h) !important;
    padding: 10px 12px !important;
  }
}


/* ==========================================================================
   RADAR DO SÓCIO — leitura da barra como painel fixo de 40px
   Substitui o accordion lateral por um componente informativo alinhado aos filtros.
   ========================================================================== */

#view-radar .radar-cards-toolbar{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  grid-template-rows:auto !important;
  align-items:end !important;
  column-gap:24px !important;
  row-gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 2px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#view-radar .radar-readbar{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:end !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:5px !important;
  min-width:0 !important;
  width:100% !important;
}

#view-radar .radar-readbar__label{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-family:'Inter', sans-serif !important;
  font-size:9.5px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:0.12em !important;
  text-transform:uppercase !important;
  color:var(--text-dim) !important;
  white-space:nowrap !important;
}

#view-radar .radar-readbar__label-icon{
  flex:0 0 17px !important;
  width:17px !important;
  height:17px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid color-mix(in srgb, var(--radar-select-border) 82%, transparent) !important;
  background:color-mix(in srgb, var(--surface2) 48%, var(--surface)) !important;
  color:var(--text-mid) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

#view-radar .radar-readbar__panel{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:var(--field-h) !important;
  height:var(--field-h) !important;
  padding:0 14px !important;
  border:1px solid color-mix(in srgb, var(--radar-select-border) 68%, transparent) !important;
  border-radius:10px !important;
  background:color-mix(in srgb, var(--surface2) 30%, var(--surface)) !important;
  box-shadow:0 1px 2px rgba(18, 24, 33, 0.035) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  white-space:nowrap !important;
}

#view-radar .radar-readbar__text,
#view-radar .radar-readbar__legend{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font-family:'Inter', sans-serif !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  color:var(--text-mid) !important;
  white-space:nowrap !important;
}

#view-radar .radar-readbar__text{
  color:color-mix(in srgb, var(--text-mid) 92%, var(--text) 8%) !important;
}

#view-radar .radar-readbar__legend{
  font-weight:650 !important;
  color:var(--text-mid) !important;
}

#view-radar .radar-readbar__sample{
  flex:0 0 auto !important;
  display:inline-block !important;
  box-sizing:border-box !important;
}

#view-radar .radar-readbar__sample--dot{
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  background:color-mix(in srgb, var(--surface2) 30%, #f3efe4) !important;
  border:1.5px solid color-mix(in srgb, var(--text-mid) 55%, transparent) !important;
}

#view-radar .radar-readbar__sample--diamond{
  width:8px !important;
  height:8px !important;
  border-radius:1px !important;
  background:color-mix(in srgb, var(--gold-soft, #c9b27a) 75%, var(--text-dim)) !important;
  border:1px solid color-mix(in srgb, var(--text-mid) 45%, transparent) !important;
  transform:rotate(45deg) !important;
}

#view-radar .radar-cards-toolbar__actions{
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:end !important;
  align-self:end !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  min-width:max-content !important;
  margin:0 !important;
}

@media (max-width:1380px){
  #view-radar .radar-cards-toolbar{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    row-gap:12px !important;
  }

  #view-radar .radar-readbar,
  #view-radar .radar-cards-toolbar__actions{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    justify-self:end !important;
  }

  #view-radar .radar-readbar__panel{
    height:auto !important;
    min-height:var(--field-h) !important;
    flex-wrap:wrap !important;
    align-content:center !important;
    row-gap:6px !important;
    padding:9px 14px !important;
    white-space:normal !important;
  }

  #view-radar .radar-readbar__text,
  #view-radar .radar-readbar__legend{
    white-space:normal !important;
  }
}

@media (max-width:768px){
  #view-radar .radar-cards-toolbar{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
  }

  #view-radar .radar-readbar__label{
    white-space:normal !important;
  }

  #view-radar .radar-readbar__panel{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:7px !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    justify-self:stretch !important;
    flex-wrap:wrap !important;
    width:100% !important;
    min-width:0 !important;
  }
}

/* ===========================================================================
   RADAR DO SÓCIO — ajuste fino de leitura da barra e dropdowns
   Mantém o painel de leitura em 40px no desktop e corrige menu/select.
   ========================================================================== */

#view-radar{
  --radar-select-font: 12px;
}

/* Painel "Como ler" mais compacto para caber na linha sem esconder texto */
#view-radar .radar-readbar__panel{
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  height: var(--field-h) !important;
  min-height: var(--field-h) !important;
  max-height: var(--field-h) !important;
  overflow: visible !important;
}

#view-radar .radar-readbar__text,
#view-radar .radar-readbar__legend{
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

#view-radar .radar-readbar__text{
  flex: 1 1 auto !important;
  min-width: max-content !important;
}

#view-radar .radar-readbar__legend{
  flex: 0 0 auto !important;
  gap: 6px !important;
}

#view-radar .radar-readbar__sample--dot{
  width: 8px !important;
  height: 8px !important;
}

#view-radar .radar-readbar__sample--diamond{
  width: 7px !important;
  height: 7px !important;
}

/* Selects da toolbar: texto legível, sem parecer gigante */
#view-radar .radar-cards-toolbar .radar-select-trigger{
  height: var(--field-h) !important;
  min-height: var(--field-h) !important;
  max-height: var(--field-h) !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

#view-radar .radar-cards-toolbar .radar-select-value{
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
}

#view-radar .radar-cards-toolbar .radar-select-chevron{
  width: 7px !important;
  height: 7px !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
  opacity: 0.58 !important;
}

/* Dropdowns: mais largos, mais baixos, texto sem quebra feia */
#view-radar .radar-cards-toolbar .radar-select-dropdown{
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 90 !important;
  width: max(100%, 12.5rem) !important;
  min-width: max(100%, 12.5rem) !important;
  max-width: min(18rem, calc(100vw - 32px)) !important;
  max-height: min(18rem, 54vh) !important;
  padding: 6px !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 30px rgba(18, 24, 33, 0.10) !important;
}

#view-radar #radarSortWrap .radar-select-dropdown{
  width: 14.75rem !important;
  min-width: 14.75rem !important;
}

#view-radar #radarRangeWrap .radar-select-dropdown{
  width: 9.75rem !important;
  min-width: 9.75rem !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option{
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option__text,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option__text{
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option__check,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option__check{
  font-size: 12px !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* Em larguras menores, a leitura da barra pode quebrar; o dropdown continua usável */
@media (max-width: 1380px){
  #view-radar .radar-readbar__panel{
    height: auto !important;
    max-height: none !important;
    min-height: var(--field-h) !important;
    padding: 9px 12px !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  #view-radar .radar-readbar__text,
  #view-radar .radar-readbar__legend{
    white-space: normal !important;
  }

  #view-radar .radar-readbar__text{
    min-width: 0 !important;
  }
}


/* ==========================================================================
   RADAR DO SÓCIO — ajuste fino dos dropdowns Ordenar/Intervalo
   Mantém o painel de leitura da barra e corrige alinhamento do check/texto.
   ========================================================================== */

#view-radar #radarSortWrap .radar-select-dropdown{
  width: 232px !important;
  min-width: 232px !important;
  max-width: 232px !important;
  padding: 8px !important;
}

#view-radar #radarRangeWrap .radar-select-dropdown{
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
  padding: 8px !important;
}

#view-radar .radar-choice-option,
#mesaAppShell #view-radar .radar-choice-option{
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 8px !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#view-radar .radar-choice-option__check,
#mesaAppShell #view-radar .radar-choice-option__check{
  grid-column: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

#view-radar .radar-choice-option__text,
#mesaAppShell #view-radar .radar-choice-option__text{
  grid-column: 2 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

#view-radar #radarSortWrap .radar-choice-option__text{
  white-space: normal !important;
  line-height: 1.25 !important;
}

#view-radar #radarRangeWrap .radar-choice-option__text{
  text-align: left !important;
}


/* ==========================================================================
   RADAR DO SÓCIO — correção final dos dropdowns da toolbar
   Objetivo: alinhar check + texto, reduzir altura visual e remover deslocamentos.
   ========================================================================== */

#view-radar .radar-cards-toolbar .radar-select-dropdown{
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 140 !important;
  padding: 8px !important;
  border-radius: 12px !important;
  background: var(--surface, #faf9f6) !important;
  border: 1px solid var(--radar-select-border) !important;
  box-shadow: 0 16px 34px rgba(18, 24, 33, 0.11) !important;
  overflow: hidden !important;
}

#view-radar #radarSortWrap .radar-select-dropdown{
  width: 236px !important;
  min-width: 236px !important;
  max-width: 236px !important;
}

#view-radar #radarRangeWrap .radar-select-dropdown{
  width: 164px !important;
  min-width: 164px !important;
  max-width: 164px !important;
}

#view-radar .radar-cards-toolbar .radar-select-options{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option{
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  column-gap: 0 !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option__check,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option__check{
  display: inline-flex !important;
  grid-column: auto !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: auto !important;
  align-self: center !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1 !important;
  transform: none !important;
  color: var(--text-dim) !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option__text,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option__text{
  display: block !important;
  grid-column: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#view-radar #radarSortWrap .radar-choice-option__text{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.2 !important;
}

#view-radar #radarRangeWrap .radar-choice-option__text{
  white-space: nowrap !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option.is-selected,
#view-radar .radar-cards-toolbar .radar-choice-option[aria-selected='true'],
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option.is-selected,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option[aria-selected='true']{
  border-color: var(--radar-select-border) !important;
  background: color-mix(in srgb, var(--surface2) 14%, var(--surface)) !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option:hover,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option:hover{
  background: color-mix(in srgb, var(--surface2) 22%, var(--surface)) !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option.is-selected .radar-choice-option__check,
#view-radar .radar-cards-toolbar .radar-choice-option[aria-selected='true'] .radar-choice-option__check,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option.is-selected .radar-choice-option__check,
#mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option[aria-selected='true'] .radar-choice-option__check{
  opacity: 0.9 !important;
}


/* ==========================================================================
   MOBILE FIX — Radar
   Corrige pill superior embolada e mantém a leitura da barra legível.
   ========================================================================== */

@media (max-width: 767px) {
  #view-radar .radar-block--actions {
    overflow: visible !important;
  }

  #view-radar .radar-card-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  #view-radar .radar-card-head__copy {
    min-width: 0 !important;
    width: 100% !important;
  }

  #view-radar .radar-card-head__pill {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  #view-radar .radar-card-head__sync-wrap {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-radar .radar-card-head__sync {
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-radar .radar-card-head__sync input {
    width: 14px !important;
    height: 14px !important;
  }

  #view-radar .radar-card-head__sync-label {
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }

  #view-radar .radar-card-head__sep {
    display: none !important;
  }

  #view-radar .radar-card-head__meta {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  #view-radar .radar-grid--prices,
  #view-radar .radar-block--actions .radar-grid--prices {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #view-radar .radar-form__note-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #view-radar .radar-form__submit.btn-add {
    width: 100% !important;
    max-width: none !important;
  }

  #view-radar .radar-readbar {
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-radar .radar-readbar__label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-radar .radar-readbar__panel {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 12px 14px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 9px !important;
    white-space: normal !important;
  }

  #view-radar .radar-readbar__text,
  #view-radar .radar-readbar__legend {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  #view-radar .radar-readbar__legend {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  #view-radar .radar-cards-toolbar__actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}


/* ========================================================================== 
   RADAR — mobile: "Como ler a barra nos cards" retrátil
   Desktop mantém painel fixo; mobile usa details/summary fechado por padrão.
   ========================================================================== */

#view-radar .radar-readbar-mobile{
  display:none;
}

@media (min-width:769px){
  #view-radar .radar-readbar--desktop{
    display:flex !important;
  }
}

@media (max-width:768px){
  #view-radar .radar-readbar--desktop{
    display:none !important;
  }

  #view-radar .radar-readbar-mobile{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  #view-radar .radar-readbar-mobile__summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    width:100% !important;
    min-height:34px !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  #view-radar .radar-readbar-mobile__summary::-webkit-details-marker{
    display:none !important;
  }

  #view-radar .radar-readbar-mobile__summary::marker{
    content:'' !important;
    display:none !important;
  }

  #view-radar .radar-readbar-mobile__title-wrap{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  #view-radar .radar-readbar-mobile__icon{
    flex:0 0 18px !important;
    width:18px !important;
    height:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    border:1px solid color-mix(in srgb, var(--radar-select-border) 82%, transparent) !important;
    background:color-mix(in srgb, var(--surface2) 48%, var(--surface)) !important;
    color:var(--text-mid) !important;
    font-family:'Inter', sans-serif !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }

  #view-radar .radar-readbar-mobile__title{
    min-width:0 !important;
    font-family:'Inter', sans-serif !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:0.12em !important;
    text-transform:uppercase !important;
    color:var(--text-dim) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #view-radar .radar-readbar-mobile__chevron{
    flex:0 0 auto !important;
    width:8px !important;
    height:8px !important;
    margin-right:3px !important;
    border-right:1.5px solid color-mix(in srgb, var(--text-dim) 78%, transparent) !important;
    border-bottom:1.5px solid color-mix(in srgb, var(--text-dim) 78%, transparent) !important;
    transform:translateY(-2px) rotate(45deg) !important;
    opacity:0.75 !important;
    transition:transform 0.18s ease, opacity 0.15s ease !important;
  }

  #view-radar .radar-readbar-mobile[open] .radar-readbar-mobile__chevron{
    transform:translateY(2px) rotate(-135deg) !important;
    opacity:0.9 !important;
  }

  #view-radar .radar-readbar-mobile__panel{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    margin:8px 0 0 !important;
    padding:14px 16px !important;
    border:1px solid color-mix(in srgb, var(--radar-select-border) 68%, transparent) !important;
    border-radius:12px !important;
    background:color-mix(in srgb, var(--surface2) 30%, var(--surface)) !important;
    box-shadow:0 1px 3px rgba(18, 24, 33, 0.04) !important;
    box-sizing:border-box !important;
  }

  #view-radar .radar-readbar-mobile__text{
    margin:0 !important;
    width:100% !important;
    min-width:0 !important;
    font-family:'Inter', sans-serif !important;
    font-size:12px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    color:color-mix(in srgb, var(--text-mid) 92%, var(--text) 8%) !important;
    white-space:normal !important;
  }

  #view-radar .radar-readbar-mobile__legend-list{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:9px !important;
    width:100% !important;
    min-width:0 !important;
  }

  #view-radar .radar-readbar-mobile__legend{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    min-width:0 !important;
    font-family:'Inter', sans-serif !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:650 !important;
    color:var(--text-mid) !important;
    white-space:nowrap !important;
  }
}


/* ==========================================================================
   Dropdown standard — Radar (v36)
   Mantém o mesmo padrão visual usado nos controles do Patrimônio:
   label externo, trigger 40px, fonte única, opções 40px e check em coluna fixa.
   ========================================================================== */

#view-radar{
  --mesa-dropdown-control-h:40px;
  --mesa-dropdown-radius:10px;
  --mesa-dropdown-label-size:9.5px;
  --mesa-dropdown-trigger-size:12.5px;
  --mesa-dropdown-option-size:12.5px;
  --mesa-dropdown-check-col:24px;
  --mesa-dropdown-option-h:40px;
  --mesa-dropdown-sort-w:220px;
  --mesa-dropdown-range-w:136px;
}

#view-radar .radar-cards-toolbar__label,
#view-radar .radar-cards-toolbar .radar-select-label{
  font-family:'Inter', sans-serif !important;
  font-size:var(--mesa-dropdown-label-size) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:0.12em !important;
  text-transform:uppercase !important;
  color:var(--text-dim) !important;
}

#view-radar .radar-cards-toolbar .radar-select{
  width:var(--mesa-dropdown-sort-w) !important;
  min-width:var(--mesa-dropdown-sort-w) !important;
  max-width:var(--mesa-dropdown-sort-w) !important;
}

#view-radar .radar-cards-toolbar__control--range .radar-select{
  width:var(--mesa-dropdown-range-w) !important;
  min-width:var(--mesa-dropdown-range-w) !important;
  max-width:var(--mesa-dropdown-range-w) !important;
}

#view-radar .radar-select-trigger{
  height:var(--mesa-dropdown-control-h) !important;
  min-height:var(--mesa-dropdown-control-h) !important;
  max-height:var(--mesa-dropdown-control-h) !important;
  padding:0 13px !important;
  border-radius:var(--mesa-dropdown-radius) !important;
  font-family:'Inter', sans-serif !important;
  font-size:var(--mesa-dropdown-trigger-size) !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  color:var(--text-mid) !important;
}

#view-radar .radar-select-value{
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#view-radar .radar-select-dropdown{
  left:0 !important;
  right:auto !important;
  width:100% !important;
  min-width:100% !important;
  max-width:min(22rem, calc(100vw - 24px)) !important;
  padding:6px !important;
  border-radius:var(--mesa-dropdown-radius) !important;
  background:var(--surface, #faf9f6) !important;
  border:1px solid var(--radar-select-border) !important;
  box-shadow:0 12px 28px rgba(18, 24, 33, 0.10) !important;
}

#view-radar #radarSortDropdown{
  width:var(--mesa-dropdown-sort-w) !important;
  min-width:var(--mesa-dropdown-sort-w) !important;
}

#view-radar #radarRangeDropdown{
  width:var(--mesa-dropdown-range-w) !important;
  min-width:var(--mesa-dropdown-range-w) !important;
}

#view-radar .radar-select-options{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}

#view-radar .radar-choice-option{
  display:grid !important;
  grid-template-columns:var(--mesa-dropdown-check-col) minmax(0, 1fr) !important;
  align-items:center !important;
  column-gap:8px !important;
  width:100% !important;
  min-height:var(--mesa-dropdown-option-h) !important;
  height:var(--mesa-dropdown-option-h) !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:var(--text-mid) !important;
  font-family:'Inter', sans-serif !important;
  font-size:var(--mesa-dropdown-option-size) !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-align:left !important;
}

#view-radar .radar-choice-option:hover,
#view-radar .radar-choice-option:focus-visible{
  background:color-mix(in srgb, var(--surface2) 34%, transparent) !important;
  outline:none !important;
}

#view-radar .radar-choice-option.is-selected,
#view-radar .radar-choice-option[aria-selected='true']{
  background:color-mix(in srgb, var(--surface2) 44%, var(--surface)) !important;
  border:0 !important;
  font-weight:600 !important;
}

#view-radar .radar-choice-option__check{
  grid-column:1 !important;
  justify-self:center !important;
  width:var(--mesa-dropdown-check-col) !important;
  min-width:var(--mesa-dropdown-check-col) !important;
  color:var(--text-dim) !important;
  font-size:13px !important;
  font-weight:700 !important;
  opacity:0 !important;
}

#view-radar .radar-choice-option.is-selected .radar-choice-option__check,
#view-radar .radar-choice-option[aria-selected='true'] .radar-choice-option__check{
  opacity:0.9 !important;
}

#view-radar .radar-choice-option__text{
  grid-column:2 !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media (max-width:640px){
  #view-radar .radar-cards-toolbar .radar-select,
  #view-radar .radar-cards-toolbar__control--range .radar-select,
  #view-radar #radarSortDropdown,
  #view-radar #radarRangeDropdown{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
}


/* ==========================================================================
   FIX — Radar help/readbar: desktop side-by-side, mobile collapsible/down only
   ========================================================================== */
@media (min-width: 769px){
  #view-radar .radar-cards-toolbar{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    grid-template-rows:auto !important;
    align-items:end !important;
    column-gap:22px !important;
    row-gap:0 !important;
  }

  #view-radar .radar-help-accordion--toolbar,
  #view-radar .radar-help-accordion--toolbar[open]{
    grid-column:1 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) !important;
    align-items:center !important;
    column-gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-self:stretch !important;
    align-self:end !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger,
  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__trigger{
    grid-column:1 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    white-space:nowrap !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__content,
  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
    grid-column:2 !important;
    grid-row:1 !important;
    position:static !important;
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__inner,
  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__inner{
    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }

  #view-radar .radar-help-accordion__lead{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #view-radar .radar-help-accordion__list{
    flex:0 0 auto !important;
    display:inline-flex !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    justify-self:end !important;
  }
}

/* ==========================================================================
   RADAR — ajuda compacta no desktop: só gatilho visível; mensagem em hover
   ========================================================================== */
@media (min-width: 769px){
  #view-radar .radar-cards-toolbar{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: end !important;
    column-gap: 22px !important;
    row-gap: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar,
  #view-radar .radar-help-accordion--toolbar[open]{
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    display: inline-block !important;
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: help !important;
    position: relative !important;
    overflow: visible !important;
    white-space: nowrap !important;
    list-style: none !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger::-webkit-details-marker{
    display: none !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger::marker{
    content: '' !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__title-wrap{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__icon{
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 82%, transparent) !important;
    background: color-mix(in srgb, var(--surface2) 48%, var(--surface)) !important;
    color: var(--text-mid) !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__icon::before{
    content: '?' !important;
    color: var(--text-mid) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__title{
    font-family: 'Inter', sans-serif !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--text-dim) !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__chevron,
  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger::before{
    display: none !important;
    content: none !important;
  }

  /* Tooltip do desktop — não ocupa linha, não empurra os controles. */
  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger::after{
    content: 'A barra mostra a cotação atual e o preço alvo dentro da faixa mínima e máxima definida no card.  ○ Cotação atual   ◆ Preço alvo' !important;
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 10px) !important;
    z-index: 80 !important;
    width: max-content !important;
    max-width: min(680px, calc(100vw - 72px)) !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 14px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 62%, transparent) !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--surface2) 30%, var(--surface)) !important;
    color: var(--text-mid) !important;
    box-shadow: 0 10px 26px rgba(18, 24, 33, 0.12) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 550 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(4px) !important;
    transition: opacity 0.14s ease, transform 0.16s ease, visibility 0.16s ease !important;
  }

  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger:hover::after,
  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__trigger:focus-visible::after{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  /* O conteúdo real do details fica só para mobile/acessibilidade; no desktop não entra no layout. */
  #view-radar .radar-help-accordion--toolbar .radar-help-accordion__content,
  #view-radar .radar-help-accordion--toolbar[open] .radar-help-accordion__content{
    display: none !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: end !important;
  }
}


/* ========================================================================== */
/* Radar — ajuda da barra em tooltip no desktop (correção final)               */
/* Mantém apenas o gatilho no fluxo e mostra o painel somente em hover/focus.  */
/* ========================================================================== */
@media (min-width: 769px) {
  #view-radar .radar-cards-toolbar {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: end !important;
    column-gap: 22px !important;
    row-gap: 0 !important;
    position: relative !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    position: relative !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 12 !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: help !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label-icon {
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label span:last-child {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--text-dim) !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__panel {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    z-index: 80 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 9px !important;
    width: min(33rem, calc(100vw - 56px)) !important;
    min-width: 18rem !important;
    max-width: min(33rem, calc(100vw - 56px)) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 68%, transparent) !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--surface2) 30%, var(--surface)) !important;
    box-shadow: 0 10px 26px rgba(18, 24, 33, 0.12), 0 2px 6px rgba(18, 24, 33, 0.06) !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-4px) !important;
    transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop:hover .radar-readbar__panel,
  #view-radar .radar-readbar.radar-readbar--desktop:focus-within .radar-readbar__panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__text {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: color-mix(in srgb, var(--text-mid) 92%, var(--text) 8%) !important;
    white-space: normal !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__legend {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
    color: var(--text-mid) !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__legend + .radar-readbar__legend {
    margin-left: 0 !important;
  }

  #view-radar .radar-cards-toolbar__actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: end !important;
  }
}


/* ========================================================================== 
   RADAR DO SÓCIO — correção dropdown Ordenar sem corte
   O menu de Ordenar tem 7 opções; não pode herdar max-height apertado/overflow hidden.
   ========================================================================== */

#view-radar #radarSortWrap .radar-select-dropdown{
  width: 252px !important;
  min-width: 252px !important;
  max-width: 252px !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  padding: 8px !important;
}

#view-radar #radarSortWrap .radar-select-options{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

#view-radar #radarSortWrap .radar-choice-option,
#mesaAppShell #view-radar #radarSortWrap .radar-choice-option{
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  flex-shrink: 0 !important;
}

#view-radar #radarSortWrap .radar-choice-option__text,
#mesaAppShell #view-radar #radarSortWrap .radar-choice-option__text{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

#view-radar #radarRangeWrap .radar-select-dropdown{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

/* ========================================================================== 
   Radar — Como ler a barra nos cards
   Desktop: somente o gatilho fica no fluxo; a explicação é tooltip real,
   pode sobrepor os controles e nunca corta texto.
   Mobile: mantém painel retrátil abaixo do gatilho.
   ========================================================================== */
@media (min-width:769px){
  #view-radar .radar-cards-toolbar{
    display:grid !important;
    grid-template-columns:max-content minmax(0, 1fr) auto !important;
    grid-template-rows:auto !important;
    align-items:end !important;
    column-gap:24px !important;
    row-gap:0 !important;
    overflow:visible !important;
    position:relative !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop{
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    align-self:end !important;
    width:max-content !important;
    max-width:none !important;
    min-width:0 !important;
    height:var(--field-h) !important;
    min-height:var(--field-h) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:200 !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:max-content !important;
    max-width:none !important;
    height:var(--field-h) !important;
    min-height:var(--field-h) !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    cursor:help !important;
    user-select:none !important;
    overflow:visible !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label-icon{
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    border:1px solid color-mix(in srgb, var(--radar-select-border) 82%, transparent) !important;
    background:color-mix(in srgb, var(--surface2) 52%, var(--surface)) !important;
    color:var(--text-mid) !important;
    font-family:'Inter',sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label-text{
    display:inline-block !important;
    flex:0 0 auto !important;
    max-width:none !important;
    font-family:'Inter',sans-serif !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:0.16em !important;
    text-transform:uppercase !important;
    color:var(--text-dim) !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__panel{
    position:absolute !important;
    left:calc(100% + 12px) !important;
    top:50% !important;
    transform:translateY(-50%) translateX(-4px) !important;
    z-index:1000 !important;

    display:inline-flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;

    width:max-content !important;
    max-width:none !important;
    min-width:0 !important;
    height:var(--field-h) !important;
    min-height:var(--field-h) !important;
    margin:0 !important;
    padding:0 14px !important;
    box-sizing:border-box !important;

    border:1px solid color-mix(in srgb, var(--radar-select-border) 72%, transparent) !important;
    border-radius:10px !important;
    background:color-mix(in srgb, var(--surface) 96%, var(--surface2)) !important;
    box-shadow:0 10px 26px rgba(18, 24, 33, 0.12), 0 1px 2px rgba(18, 24, 33, 0.06) !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
    transition:opacity 0.14s ease, visibility 0.14s ease, transform 0.14s ease !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop:hover .radar-readbar__panel,
  #view-radar .radar-readbar.radar-readbar--desktop:focus-within .radar-readbar__panel{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(-50%) translateX(0) !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__text{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    font-family:'Inter',sans-serif !important;
    font-size:12.5px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    color:var(--text-mid) !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__legend{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    gap:6px !important;
    min-width:0 !important;
    max-width:none !important;
    font-family:'Inter',sans-serif !important;
    font-size:12.5px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    color:var(--text-mid) !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:end !important;
    position:relative !important;
    z-index:20 !important;
  }

  #view-radar .radar-readbar-mobile{
    display:none !important;
  }
}

@media (max-width:768px){
  #view-radar .radar-readbar.radar-readbar--desktop{
    display:none !important;
  }

  #view-radar .radar-readbar-mobile{
    display:block !important;
  }
}

/* ========================================================================== 
   RADAR — ajuste definitivo do readbar e loading
   - Desktop: "Como ler" fica só como gatilho no fluxo.
   - Tooltip: bolha única, conteúdo inteiro dentro dela, sem cortar texto.
   - Loading: cartão compacto, separado da toolbar, sem grudar nos botões.
   - Mobile: mantém o readbar retrátil.
   ========================================================================== */
@media (min-width: 769px){
  #view-radar .radar-block--list{
    position: relative !important;
    overflow: visible !important;
  }

  #view-radar .radar-cards-toolbar{
    position: relative !important;
    z-index: 80 !important;
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: end !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop{
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 120 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: end !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    height: var(--field-h) !important;
    min-height: var(--field-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: max-content !important;
    max-width: none !important;
    height: var(--field-h) !important;
    min-height: var(--field-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: help !important;
    user-select: none !important;
    overflow: visible !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label-icon{
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 82%, transparent) !important;
    background: color-mix(in srgb, var(--surface2) 52%, var(--surface)) !important;
    color: var(--text-mid) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-sizing: border-box !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label-text,
  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__label > span:not(.radar-readbar__label-icon){
    display: inline-block !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--text-dim) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__panel{
    position: absolute !important;
    left: calc(100% + 12px) !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) translateX(-4px) !important;
    z-index: 5000 !important;

    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;

    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    height: var(--field-h) !important;
    min-height: var(--field-h) !important;
    margin: 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;

    border: 1px solid color-mix(in srgb, var(--radar-select-border) 72%, transparent) !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--surface) 96%, var(--surface2)) !important;
    box-shadow: 0 10px 26px rgba(18, 24, 33, 0.12), 0 1px 2px rgba(18, 24, 33, 0.06) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    transition: opacity 0.14s ease, visibility 0.14s ease, transform 0.14s ease !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop:hover .radar-readbar__panel,
  #view-radar .radar-readbar.radar-readbar--desktop:focus-within .radar-readbar__panel{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-50%) translateX(0) !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__text,
  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__legend{
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    color: var(--text-mid) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__text{
    font-weight: 500 !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__legend{
    gap: 6px !important;
    font-weight: 700 !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: end !important;
    position: relative !important;
    z-index: 90 !important;
  }

  #view-radar .radar-readbar-mobile{
    display: none !important;
  }

  #view-radar .radar-sync-overlay{
    top: calc(var(--field-h) + 42px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: calc(var(--field-h) + 42px) 0 0 0 !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 0 !important;
    background: color-mix(in srgb, var(--surface, #faf9f6) 48%, transparent) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    pointer-events: none !important;
  }

  #view-radar .radar-sync-overlay[hidden]{
    display: none !important;
  }

  #view-radar .radar-sync-overlay__card{
    width: 286px !important;
    min-width: 286px !important;
    max-width: min(286px, calc(100% - 48px)) !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    gap: 12px !important;
    pointer-events: auto !important;
  }

  #view-radar .radar-sync-overlay__ring{
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  #view-radar .radar-sync-overlay__title{
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  #view-radar .radar-sync-overlay__meta{
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 768px){
  #view-radar .radar-readbar.radar-readbar--desktop{
    display: none !important;
  }

  #view-radar .radar-readbar-mobile{
    display: block !important;
  }
}


/* ==========================================================================
   Radar — sync loading final: sem painel de fundo e com largura dos cards
   ========================================================================== */
@media (min-width: 769px){
  #view-radar .radar-block--list{
    position: relative !important;
  }

  #view-radar .radar-list--syncing #radarContent{
    pointer-events: none !important;
    user-select: none !important;
    opacity: 0.52 !important;
    filter: blur(3px) !important;
  }

  #view-radar .radar-sync-overlay{
    position: absolute !important;
    inset: calc(var(--field-h) + 42px) 0 0 0 !important;
    z-index: 60 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
  }

  #view-radar .radar-sync-overlay[hidden]{
    display: none !important;
  }

  #view-radar .radar-sync-overlay__card{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 70%, transparent) !important;
    background: color-mix(in srgb, var(--surface) 96%, var(--surface2) 4%) !important;
    box-shadow: 0 4px 14px rgba(18, 24, 33, 0.06) !important;
    pointer-events: auto !important;
  }

  #view-radar .radar-sync-overlay__ring{
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  #view-radar .radar-sync-overlay__copy{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #view-radar .radar-sync-overlay__title{
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em !important;
  }

  #view-radar .radar-sync-overlay__meta{
    margin: 2px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}


/* ==========================================================================
   Radar — sync loading proporcional aos cards (faixa larga, não full-width)
   ========================================================================== */
@media (min-width: 769px){
  #view-radar .radar-block--list{
    position: relative !important;
  }

  #view-radar .radar-list--syncing #radarContent{
    pointer-events: none !important;
    user-select: none !important;
    opacity: 0.52 !important;
    filter: blur(3px) !important;
  }

  #view-radar .radar-sync-overlay{
    position: absolute !important;
    inset: calc(var(--field-h) + 42px) 0 0 0 !important;
    z-index: 60 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
  }

  #view-radar .radar-sync-overlay[hidden]{
    display: none !important;
  }

  #view-radar .radar-sync-overlay__card{
    width: calc(100% - 160px) !important;
    max-width: 1660px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 10px 18px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    border: 1px solid color-mix(in srgb, var(--radar-select-border) 70%, transparent) !important;
    background: color-mix(in srgb, var(--surface) 96%, var(--surface2) 4%) !important;
    box-shadow: 0 4px 14px rgba(18, 24, 33, 0.06) !important;
    pointer-events: auto !important;
  }

  #view-radar .radar-sync-overlay__ring{
    position: relative !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    height: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      linear-gradient(color-mix(in srgb, var(--text-dim) 78%, var(--border2) 22%), color-mix(in srgb, var(--text-dim) 78%, var(--border2) 22%)) 3px 8px / 4px 10px no-repeat,
      linear-gradient(color-mix(in srgb, var(--text-dim) 90%, var(--border2) 10%), color-mix(in srgb, var(--text-dim) 90%, var(--border2) 10%)) 11px 4px / 4px 14px no-repeat,
      linear-gradient(color-mix(in srgb, var(--text-dim) 70%, var(--border2) 30%), color-mix(in srgb, var(--text-dim) 70%, var(--border2) 30%)) 19px 10px / 4px 8px no-repeat !important;
    opacity: 0.8 !important;
    animation: radar-sync-bars-pulse 1.05s ease-in-out infinite !important;
  }

  #view-radar .radar-sync-overlay__ring::before,
  #view-radar .radar-sync-overlay__ring::after{
    display: none !important;
    content: none !important;
  }

  #view-radar .radar-sync-overlay__copy{
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  #view-radar .radar-sync-overlay__title{
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em !important;
    color: var(--text-mid) !important;
    white-space: nowrap !important;
  }

  #view-radar .radar-sync-overlay__meta{
    margin: 2px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: var(--text-dim) !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 769px) and (max-width: 980px){
  #view-radar .radar-sync-overlay__card{
    width: calc(100% - 48px) !important;
  }
}

@keyframes radar-sync-bars-pulse{
  0%, 100%{
    opacity: 0.48;
    transform: translateY(0);
  }
  50%{
    opacity: 0.9;
    transform: translateY(-1px);
  }
}


/* === Radar sync overlay — shimmer final (desktop + mobile) === */
#view-radar .radar-sync-overlay{
  position:absolute !important;
  inset:calc(var(--field-h) + 42px) 0 0 0 !important;
  z-index:60 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:none !important;
}

#view-radar .radar-sync-overlay[hidden]{
  display:none !important;
}

#view-radar .radar-sync-overlay__card{
  width:calc(100% - 120px) !important;
  max-width:1700px !important;
  min-width:0 !important;
  min-height:54px !important;
  margin:0 auto !important;
  padding:12px 18px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
  border:1px solid color-mix(in srgb, var(--radar-select-border) 70%, transparent) !important;
  background:rgba(251, 250, 247, 0.82) !important;
  box-shadow:0 12px 30px rgba(18, 24, 33, 0.08) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  pointer-events:auto !important;
}

#view-radar .radar-sync-overlay__ring{
  display:none !important;
}

#view-radar .radar-sync-overlay__track{
  display:block !important;
  width:100% !important;
  height:3px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:rgba(185, 176, 162, 0.24) !important;
}

#view-radar .radar-sync-overlay__shimmer{
  display:block !important;
  width:38% !important;
  height:100% !important;
  border-radius:inherit !important;
  background:linear-gradient(90deg, transparent, rgba(24, 28, 24, 0.5), transparent) !important;
  animation:radarLoadingShimmer 1.28s ease-in-out infinite !important;
}

#view-radar .radar-sync-overlay__copy{
  display:inline-flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:220px !important;
  padding:0 10px !important;
  white-space:nowrap !important;
  color:var(--text-mid) !important;
}

#view-radar .radar-sync-overlay__title{
  margin:0 !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.25 !important;
  letter-spacing:0.04em !important;
  color:var(--text-mid) !important;
  white-space:nowrap !important;
}

#view-radar .radar-sync-overlay__meta{
  margin:0 !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
  color:var(--text-dim) !important;
  white-space:nowrap !important;
}

@media (min-width:769px) and (max-width:980px){
  #view-radar .radar-sync-overlay__card{
    width:calc(100% - 40px) !important;
  }
}

@media (max-width:768px){
  #view-radar .radar-sync-overlay{
    inset:12px 0 0 0 !important;
  }

  #view-radar .radar-sync-overlay__card{
    width:calc(100% - 24px) !important;
    min-height:54px !important;
    padding:10px 14px !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #view-radar .radar-sync-overlay__track{
    display:none !important;
  }

  #view-radar .radar-sync-overlay__copy{
    flex-direction:column !important;
    align-items:center !important;
    gap:2px !important;
    min-width:0 !important;
    width:100% !important;
    padding:0 !important;
  }
}

@keyframes radarLoadingShimmer{
  0%{ transform:translateX(-120%); }
  100%{ transform:translateX(320%); }
}


/* === Radar sync overlay — alinhamento final do texto === */
#view-radar .radar-sync-overlay__card{
  align-items:center !important;
}

#view-radar .radar-sync-overlay__copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:220px !important;
  padding:0 10px !important;
  text-align:center !important;
  white-space:nowrap !important;
  align-self:center !important;
}

#view-radar .radar-sync-overlay__title,
#view-radar .radar-sync-overlay__meta{
  display:block !important;
  margin:0 !important;
  text-align:center !important;
}

#view-radar .radar-sync-overlay__title{
  line-height:1.15 !important;
}

#view-radar .radar-sync-overlay__meta{
  line-height:1.15 !important;
}

/* ======================================================================
   Radar — typography system adoption (micropasso 4)
   ----------------------------------------------------------------------
   Aplica tokens/classes de mesa-typography.css apenas na toolbar dos cards
   do Radar. Não altera comportamento, tooltip, loading ou cards.
   ====================================================================== */
#view-radar .radar-cards-toolbar__label,
#view-radar .radar-cards-toolbar .radar-select-label{
  font-family:var(--mesa-type-font-ui) !important;
  font-size:var(--mesa-type-size-overline) !important;
  font-weight:var(--mesa-type-weight-bold) !important;
  letter-spacing:var(--mesa-type-tracking-overline) !important;
  line-height:var(--mesa-type-line-compact) !important;
}

#view-radar .radar-cards-toolbar .radar-select-trigger{
  font-family:var(--mesa-type-font-ui) !important;
  font-size:var(--mesa-type-size-control) !important;
  font-weight:var(--mesa-type-weight-semibold) !important;
  letter-spacing:var(--mesa-type-tracking-tight) !important;
  line-height:var(--mesa-type-line-compact) !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option,
#mesaAppShell .radar-choice-sheet__options .radar-choice-option{
  font-family:var(--mesa-type-font-ui) !important;
  font-size:var(--mesa-type-size-control) !important;
  font-weight:var(--mesa-type-weight-medium) !important;
  letter-spacing:var(--mesa-type-tracking-none) !important;
  line-height:var(--mesa-type-line-compact) !important;
}

#view-radar .radar-cards-toolbar .radar-choice-option.is-selected,
#view-radar .radar-cards-toolbar .radar-choice-option[aria-selected='true'],
#mesaAppShell .radar-choice-sheet__options .radar-choice-option.is-selected,
#mesaAppShell .radar-choice-sheet__options .radar-choice-option[aria-selected='true']{
  font-weight:var(--mesa-type-weight-semibold) !important;
}

#view-radar .radar-cards-toolbar__refresh.btn-add{
  font-family:var(--mesa-type-font-ui) !important;
  font-size:var(--mesa-type-size-button) !important;
  font-weight:var(--mesa-type-weight-bold) !important;
  letter-spacing:var(--mesa-type-tracking-tight) !important;
  line-height:var(--mesa-type-line-reset) !important;
}

@media (max-width:768px){
  #view-radar .radar-cards-toolbar .radar-select-trigger,
  #view-radar .radar-cards-toolbar .radar-choice-option,
  #mesaAppShell .radar-choice-sheet__options .radar-choice-option{
    font-size:var(--mesa-type-size-control) !important;
  }
}


/* ======================================================================
   Radar — mobile visual cleanup: form card + toolbar compacta (micropasso 5)
   ----------------------------------------------------------------------
   Ajusta apenas o Radar no mobile:
   - "Adicionar ao Radar" mantém comportamento de details/summary.
   - O formulário aberto fica mais compacto e menos pesado.
   - Toolbar dos cards passa a ter filtros lado a lado e botão abaixo.
   - Não altera cards, loading, tooltip desktop ou regras de negócio.
   ====================================================================== */
@media (max-width:768px){
  #view-radar{
    --radar-block-gap:16px;
    --radar-block-pad:0;
    --radar-body-gap:18px;
  }

  #view-radar .radar-block--actions{
    padding:0 !important;
    border-radius:18px !important;
    border-color:color-mix(in srgb, var(--border2, var(--border)) 44%, var(--surface)) !important;
    background:var(--surface) !important;
    box-shadow:
      0 1px 2px rgba(18, 24, 33, 0.04),
      0 12px 28px rgba(18, 24, 33, 0.08) !important;
    overflow:hidden !important;
  }

  #view-radar .radar-block--actions .radar-form{
    overflow:hidden !important;
  }

  #view-radar .radar-form__m-summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    min-height:72px !important;
    padding:18px 22px !important;
    margin:0 !important;
    list-style:none !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  #view-radar .radar-form__m-summary::-webkit-details-marker{
    display:none !important;
  }

  #view-radar .radar-form__m-summary::marker{
    content:'' !important;
    display:none !important;
  }

  #view-radar .radar-form[open] .radar-form__m-summary{
    min-height:64px !important;
    padding:16px 22px 12px !important;
    border-bottom:1px solid color-mix(in srgb, var(--border) 72%, transparent) !important;
  }

  #view-radar .radar-form__m-summary-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:3px !important;
    min-width:0 !important;
  }

  #view-radar .radar-form__m-title{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    letter-spacing:0.13em !important;
    line-height:1.16 !important;
    text-transform:uppercase !important;
    color:var(--text) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #view-radar .radar-form__m-subtitle{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12.5px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    line-height:1.25 !important;
    color:var(--text-mid) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #view-radar .radar-form__m-caret{
    flex:0 0 auto !important;
    width:8px !important;
    height:8px !important;
    margin-right:2px !important;
    border-right:1.6px solid color-mix(in srgb, var(--text-mid) 84%, transparent) !important;
    border-bottom:1.6px solid color-mix(in srgb, var(--text-mid) 84%, transparent) !important;
    transform:translateY(-2px) rotate(45deg) !important;
    opacity:0.82 !important;
    transition:transform 0.18s ease, opacity 0.15s ease !important;
  }

  #view-radar .radar-form[open] .radar-form__m-caret{
    transform:translateY(2px) rotate(-135deg) !important;
    opacity:0.92 !important;
  }

  #view-radar .radar-block--actions .radar-form__body{
    padding:0 22px 22px !important;
    gap:18px !important;
  }

  #view-radar .radar-card-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:0 !important;
    margin:0 !important;
  }

  #view-radar .radar-card-head__copy{
    min-width:0 !important;
    width:100% !important;
  }

  #view-radar .radar-block--actions .radar-form__title{
    margin:0 !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:18px !important;
    font-weight:800 !important;
    letter-spacing:-0.02em !important;
    line-height:1.16 !important;
    color:var(--text) !important;
  }

  #view-radar .radar-card-head__subtitle{
    margin:6px 0 0 !important;
    max-width:28rem !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:13px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    line-height:1.45 !important;
    color:var(--text-mid) !important;
  }

  #view-radar .radar-card-head__pill{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:8px 12px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:12px 14px !important;
    border-radius:12px !important;
    border:1px solid color-mix(in srgb, var(--border2, var(--border)) 44%, var(--border)) !important;
    background:color-mix(in srgb, var(--surface2, var(--surface)) 34%, var(--surface)) !important;
    box-shadow:none !important;
  }

  #view-radar .radar-card-head__sync-wrap{
    flex:1 1 100% !important;
    width:100% !important;
    min-width:0 !important;
  }

  #view-radar .radar-card-head__sync{
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) !important;
    align-items:start !important;
    gap:8px !important;
    width:100% !important;
  }

  #view-radar .radar-card-head__sync input{
    width:16px !important;
    height:16px !important;
    margin:1px 0 0 !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__sync-label{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    line-height:1.32 !important;
    color:var(--text-mid) !important;
  }

  #view-radar .radar-card-head__sep{
    display:none !important;
  }

  #view-radar .radar-card-head__meta{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    line-height:1.25 !important;
    color:var(--text-mid) !important;
    white-space:nowrap !important;
  }

  #view-radar .radar-card-head__meta + .radar-card-head__meta{
    margin-left:2px !important;
  }

  #view-radar .radar-block--actions .field label,
  #view-radar .radar-hint__label{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:0.12em !important;
    line-height:1.2 !important;
  }

  #view-radar .radar-block--actions .field input{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:13px !important;
    font-weight:600 !important;
  }

  #view-radar .radar-block--actions .radar-hint{
    padding:12px 14px !important;
    border-radius:12px !important;
    font-size:12px !important;
    line-height:1.48 !important;
  }

  #view-radar .radar-block--list{
    gap:12px !important;
  }

  #view-radar .radar-cards-toolbar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    margin:0 !important;
  }

  #view-radar .radar-readbar-mobile__summary{
    min-height:30px !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items:end !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar__control,
  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select-group{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  #view-radar .radar-cards-toolbar__label,
  #view-radar .radar-cards-toolbar .radar-select-label{
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:0.12em !important;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  #view-radar .radar-cards-toolbar .radar-select-trigger{
    height:var(--ui-control-height-default, 40px) !important;
    min-height:var(--ui-control-height-default, 40px) !important;
    max-height:var(--ui-control-height-default, 40px) !important;
    padding:0 11px !important;
    border-radius:9px !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    letter-spacing:0.01em !important;
  }

  #view-radar .radar-cards-toolbar__refresh.btn-add{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:var(--ui-control-height-default, 40px) !important;
    min-height:var(--ui-control-height-default, 40px) !important;
    max-height:var(--ui-control-height-default, 40px) !important;
    margin:0 !important;
    border-radius:9px !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    letter-spacing:0.01em !important;
    box-shadow:0 8px 20px rgba(18, 24, 33, 0.12) !important;
  }
}


/* ======================================================================
   Radar — mobile paid-app layout recovery (micropasso 6)
   ----------------------------------------------------------------------
   Corrige a diagramação mobile do formulário e da toolbar do Radar.
   Mantém o comportamento existente: details/summary, dropdowns, loading e JS.
   Aplica o padrão do Design System sem criar um novo componente global.
   ====================================================================== */
@media (max-width:768px){
  #view-radar{
    --radar-block-gap:16px !important;
    --radar-body-gap:14px !important;
  }

  #view-radar .radar-block--actions{
    padding:0 !important;
    border-radius:18px !important;
    border:1px solid color-mix(in srgb, var(--border2, var(--border)) 42%, var(--surface)) !important;
    background:var(--surface) !important;
    box-shadow:
      0 1px 2px rgba(18, 24, 33, 0.04),
      0 10px 24px rgba(18, 24, 33, 0.065) !important;
    overflow:hidden !important;
  }

  #view-radar .radar-block--actions .radar-form{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  #view-radar .radar-form__m-summary{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    align-items:center !important;
    gap:14px !important;
    min-height:68px !important;
    padding:17px 20px !important;
    margin:0 !important;
    list-style:none !important;
    cursor:pointer !important;
    border:0 !important;
    background:transparent !important;
  }

  #view-radar .radar-form[open] .radar-form__m-summary{
    min-height:62px !important;
    padding:16px 20px 14px !important;
    border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent) !important;
  }

  #view-radar .radar-form__m-summary::-webkit-details-marker,
  #view-radar .radar-form__m-summary::marker{
    display:none !important;
    content:'' !important;
  }

  #view-radar .radar-form__m-summary-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    min-width:0 !important;
  }

  #view-radar .radar-form__m-title{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    letter-spacing:0.13em !important;
    line-height:1.12 !important;
    text-transform:uppercase !important;
    color:var(--text) !important;
  }

  #view-radar .radar-form__m-subtitle{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12.5px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    line-height:1.22 !important;
    color:var(--text-mid) !important;
  }

  #view-radar .radar-form__m-caret{
    justify-self:end !important;
    width:8px !important;
    height:8px !important;
    margin:0 3px 2px 0 !important;
    border-right:1.6px solid color-mix(in srgb, var(--text-mid) 86%, transparent) !important;
    border-bottom:1.6px solid color-mix(in srgb, var(--text-mid) 86%, transparent) !important;
    transform:rotate(45deg) !important;
    opacity:0.78 !important;
    transition:transform 0.18s ease, opacity 0.15s ease !important;
  }

  #view-radar .radar-form[open] .radar-form__m-caret{
    transform:rotate(-135deg) translate(-1px, -1px) !important;
    opacity:0.9 !important;
  }

  #view-radar .radar-block--actions .radar-form__body{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:16px !important;
    padding:0 20px 20px !important;
    min-height:0 !important;
  }

  #view-radar .radar-card-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
  }

  /* Essencial: remove o flex-basis desktop de 16rem que criava o vazio gigante no mobile. */
  #view-radar .radar-card-head__copy{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
  }

  #view-radar .radar-block--actions .radar-form__title{
    margin:0 !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:17px !important;
    font-weight:800 !important;
    letter-spacing:-0.025em !important;
    line-height:1.16 !important;
    color:var(--text) !important;
  }

  #view-radar .radar-card-head__subtitle{
    margin:6px 0 0 !important;
    max-width:100% !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:13px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    line-height:1.42 !important;
    color:var(--text-mid) !important;
  }

  #view-radar .radar-card-head__pill{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    justify-content:stretch !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:12px 14px !important;
    border:1px solid color-mix(in srgb, var(--border2, var(--border)) 42%, var(--border)) !important;
    border-radius:13px !important;
    background:linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface2, var(--surface)) 36%, var(--surface)),
      color-mix(in srgb, var(--surface2, var(--surface)) 22%, var(--surface))
    ) !important;
    box-shadow:none !important;
  }

  #view-radar .radar-card-head__sync-wrap{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  #view-radar .radar-card-head__sync{
    display:grid !important;
    grid-template-columns:16px minmax(0, 1fr) !important;
    align-items:start !important;
    gap:9px !important;
    width:100% !important;
    min-width:0 !important;
  }

  #view-radar .radar-card-head__sync input{
    width:15px !important;
    height:15px !important;
    margin:2px 0 0 !important;
    accent-color:var(--accent, #1f2c3a) !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__sync-label{
    min-width:0 !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    line-height:1.32 !important;
    color:var(--text-mid) !important;
    white-space:normal !important;
  }

  #view-radar .radar-card-head__sep{
    display:none !important;
  }

  #view-radar .radar-card-head__meta{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:11.5px !important;
    font-weight:650 !important;
    letter-spacing:0 !important;
    line-height:1.25 !important;
    color:var(--text-mid) !important;
    white-space:normal !important;
  }

  #view-radar .radar-block--actions .radar-grid--prices{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  #view-radar .radar-form__note-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #view-radar .radar-block--actions .field{
    gap:6px !important;
  }

  #view-radar .radar-block--actions .field label,
  #view-radar .radar-hint__label{
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:9.5px !important;
    font-weight:800 !important;
    letter-spacing:0.12em !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    color:var(--text-dim) !important;
  }

  #view-radar .radar-block--actions .field input{
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding:0 13px !important;
    border-radius:10px !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:13px !important;
    font-weight:600 !important;
  }

  #view-radar .radar-block--actions .radar-form__submit.btn-add{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    border-radius:10px !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12.5px !important;
    font-weight:750 !important;
    letter-spacing:0.01em !important;
    box-shadow:0 6px 16px rgba(18, 24, 33, 0.12) !important;
  }

  #view-radar .radar-block--actions .radar-hint{
    display:block !important;
    padding:12px 14px !important;
    border-radius:13px !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }

  #view-radar .radar-block--list{
    gap:12px !important;
  }

  #view-radar .radar-cards-toolbar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #view-radar .radar-readbar-mobile__summary{
    min-height:30px !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items:end !important;
    gap:9px !important;
    width:100% !important;
    margin:0 !important;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar__control,
  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select-group{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  #view-radar .radar-cards-toolbar__label,
  #view-radar .radar-cards-toolbar .radar-select-label{
    margin:0 0 4px !important;
    padding:0 !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:0.12em !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
  }

  #view-radar .radar-cards-toolbar .radar-select-trigger{
    height:var(--ui-control-height-default, 40px) !important;
    min-height:var(--ui-control-height-default, 40px) !important;
    max-height:var(--ui-control-height-default, 40px) !important;
    padding:0 11px !important;
    border-radius:10px !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12.5px !important;
    font-weight:650 !important;
    letter-spacing:0.01em !important;
    background:color-mix(in srgb, var(--surface2, var(--surface)) 28%, var(--surface)) !important;
  }

  #view-radar .radar-cards-toolbar__refresh.btn-add{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    border-radius:10px !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    letter-spacing:0.01em !important;
    box-shadow:0 7px 18px rgba(18, 24, 33, 0.13) !important;
  }
}

/* ======================================================================
   Radar — mobile form polish / paid layout correction (v56)
   ----------------------------------------------------------------------
   Corrige a diagramação do accordion "Adicionar ao Radar" no mobile:
   - sem divisor cortando o título interno;
   - caret discreto e consistente;
   - bloco de sincronização mais leve;
   - respiro e hierarquia compatíveis com app pago.
   ====================================================================== */
@media (max-width:768px){
  #view-radar .radar-block--actions{
    border-radius:18px !important;
    overflow:hidden !important;
  }

  #view-radar .radar-form__m-summary{
    min-height:64px !important;
    padding:16px 20px 14px !important;
    border-bottom:0 !important;
  }

  #view-radar .radar-form[open] .radar-form__m-summary{
    min-height:64px !important;
    padding:16px 20px 12px !important;
    border-bottom:0 !important;
  }

  #view-radar .radar-form__m-summary-copy{
    gap:4px !important;
  }

  #view-radar .radar-form__m-title{
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:0.14em !important;
    line-height:1.12 !important;
  }

  #view-radar .radar-form__m-subtitle{
    font-size:12.5px !important;
    font-weight:500 !important;
    line-height:1.22 !important;
    color:var(--text-mid) !important;
  }

  #view-radar .radar-form__m-caret{
    width:32px !important;
    height:32px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    color:var(--text-dim) !important;
    opacity:1 !important;
    transform:none !important;
  }

  #view-radar .radar-form__m-caret::before{
    content:'▾' !important;
    display:block !important;
    font-family:var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:color-mix(in srgb, var(--text-mid) 72%, var(--text-dim)) !important;
  }

  #view-radar .radar-form[open] .radar-form__m-caret{
    transform:none !important;
  }

  #view-radar .radar-form[open] .radar-form__m-caret::before{
    content:'▴' !important;
  }

  #view-radar .radar-block--actions .radar-form__body{
    padding:6px 20px 20px !important;
    gap:14px !important;
  }

  #view-radar .radar-card-head{
    gap:10px !important;
  }

  #view-radar .radar-card-head__copy{
    flex:0 0 auto !important;
  }

  #view-radar .radar-block--actions .radar-form__title{
    margin:0 !important;
    font-size:18px !important;
    font-weight:800 !important;
    letter-spacing:-0.02em !important;
    line-height:1.12 !important;
    color:var(--text) !important;
  }

  #view-radar .radar-card-head__subtitle{
    margin:6px 0 0 !important;
    max-width:20rem !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.38 !important;
    color:var(--text-mid) !important;
  }

  #view-radar .radar-card-head__pill{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      'sync sync'
      'count quote' !important;
    gap:8px 10px !important;
    margin:2px 0 0 !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    border:1px solid color-mix(in srgb, var(--border2, var(--border)) 32%, var(--border)) !important;
    background:color-mix(in srgb, var(--surface2, var(--surface)) 24%, var(--surface)) !important;
    box-shadow:none !important;
  }

  #view-radar .radar-card-head__sync-wrap{
    grid-area:sync !important;
    display:block !important;
    width:100% !important;
  }

  #view-radar .radar-card-head__sync{
    display:grid !important;
    grid-template-columns:15px minmax(0, 1fr) !important;
    align-items:start !important;
    gap:8px !important;
    width:100% !important;
  }

  #view-radar .radar-card-head__sync input{
    width:14px !important;
    height:14px !important;
    margin:1px 0 0 !important;
    border-radius:4px !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__sync-label{
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    line-height:1.28 !important;
    color:var(--text-mid) !important;
  }

  #view-radar .radar-card-head__sep{
    display:none !important;
  }

  #view-radar .radar-card-head__meta{
    width:auto !important;
    min-width:0 !important;
    font-size:10.75px !important;
    font-weight:650 !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
    color:color-mix(in srgb, var(--text-mid) 84%, var(--text-dim)) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #view-radar .radar-card-head__meta:nth-of-type(1){
    grid-area:count !important;
  }

  #view-radar .radar-card-head__meta:nth-of-type(2){
    grid-area:quote !important;
    justify-self:end !important;
    text-align:right !important;
  }

  #view-radar .radar-block--actions .field{
    gap:6px !important;
  }

  #view-radar .radar-block--actions .field label{
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:0.12em !important;
  }

  #view-radar .radar-block--actions .field input{
    height:var(--ui-control-height-default, 40px) !important;
    min-height:var(--ui-control-height-default, 40px) !important;
    max-height:var(--ui-control-height-default, 40px) !important;
    border-radius:10px !important;
    font-size:13px !important;
    font-weight:600 !important;
  }

  #view-radar .radar-block--actions .radar-grid--prices,
  #view-radar .radar-form__note-row{
    gap:11px !important;
  }
}

/* ==========================================================================
   RADAR — mobile-only correction (CSS-only)
   --------------------------------------------------------------------------
   Escopo: apenas mobile/tablet do Radar.
   Não altera desktop, JS, textos dinâmicos ou estrutura HTML.
   Mantém a tela dentro do Design System: menos ruído, hierarquia clara,
   controles compactos, dropdown real e card de formulário com composição.
   ========================================================================== */
@media (max-width: 768px){
  #view-radar{
    --radar-mobile-card-radius: 18px;
    --radar-mobile-card-pad-x: 18px;
    --radar-mobile-card-pad-y: 18px;
    --radar-mobile-section-gap: 14px;
    --radar-mobile-control-h: 42px;
    --radar-mobile-label-size: var(--mesa-type-size-overline, 9.5px);
    --radar-mobile-control-size: var(--mesa-type-size-control, 12.5px);
    --radar-mobile-helper-size: var(--mesa-type-size-helper, 12px);
  }

  /* Card externo do formulário: uma superfície só, sem cara de bloco empilhado. */
  #view-radar .radar-block--actions{
    padding: 0 !important;
    border-radius: var(--radar-mobile-card-radius) !important;
    overflow: hidden !important;
    background: var(--surface, #faf9f6) !important;
    border: 1px solid color-mix(in srgb, var(--border2, var(--border)) 44%, var(--border)) !important;
    box-shadow:
      0 14px 34px rgba(18, 24, 33, 0.075),
      0 1px 2px rgba(18, 24, 33, 0.04) !important;
  }

  #view-radar .radar-block--actions .radar-form,
  #mesaAppShell #view-radar .radar-block--actions .radar-form--m-collapsible{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* Header recolhível: padrão de card, não painel solto. */
  #view-radar .radar-block--actions .mesa-book-module__summary,
  #view-radar .radar-block--actions .radar-form summary,
  #view-radar .radar-block--actions summary{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    align-items: center !important;
    column-gap: 14px !important;
    min-height: 74px !important;
    padding: 17px var(--radar-mobile-card-pad-x) 15px !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--border, #e8e4dc) 72%, transparent) !important;
    background: color-mix(in srgb, var(--surface, #faf9f6) 96%, var(--surface2, #f5f3ef)) !important;
    box-shadow: none !important;
    list-style: none !important;
  }

  #view-radar .radar-block--actions summary::-webkit-details-marker{
    display: none !important;
  }

  #view-radar .radar-block--actions summary::marker{
    content: '' !important;
  }

  #view-radar .radar-block--actions .mesa-book-module__title,
  #view-radar .radar-block--actions .radar-form__summary-title{
    min-width: 0 !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 16px !important;
    line-height: 1.12 !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    color: var(--text) !important;
  }

  #view-radar .radar-block--actions .radar-form__summary-subtitle,
  #view-radar .radar-block--actions .mesa-book-module__summary small,
  #view-radar .radar-block--actions .mesa-book-module__subtitle{
    display: block !important;
    margin-top: 5px !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: var(--mesa-type-weight-medium, 500) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--text-mid) !important;
  }

  /* Ícone do accordion: chevron desenhado, discreto e alinhado. */
  #view-radar .radar-block--actions .summary-card__m-acc-chev,
  #view-radar .radar-block--actions .mesa-book-module__chev,
  #view-radar .radar-block--actions .radar-form__summary-chev{
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  #view-radar .radar-block--actions .summary-card__m-acc-chev::before,
  #view-radar .radar-block--actions .mesa-book-module__chev::before,
  #view-radar .radar-block--actions .radar-form__summary-chev::before{
    content: '' !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid color-mix(in srgb, var(--text-mid) 78%, transparent) !important;
    border-bottom: 2px solid color-mix(in srgb, var(--text-mid) 78%, transparent) !important;
    transform: rotate(-135deg) translate(-1px, -1px) !important;
  }

  #view-radar .radar-block--actions .radar-form:not([open]) .summary-card__m-acc-chev::before,
  #view-radar .radar-block--actions .radar-form:not([open]) .mesa-book-module__chev::before,
  #view-radar .radar-block--actions .radar-form:not([open]) .radar-form__summary-chev::before{
    transform: rotate(45deg) translate(-1px, -1px) !important;
  }

  /* Corpo do formulário: respiro controlado, sem faixa cortando título. */
  #mesaAppShell #view-radar .radar-block--actions .radar-form__body,
  #view-radar .radar-block--actions .radar-form__body{
    display: flex !important;
    flex-direction: column !important;
    gap: var(--radar-mobile-section-gap) !important;
    padding: 18px var(--radar-mobile-card-pad-x) 20px !important;
  }

  #view-radar .radar-card-head{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #view-radar .radar-card-head__copy{
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  #view-radar .radar-block--actions .radar-form__title{
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: -0.015em !important;
    color: var(--text) !important;
    text-transform: none !important;
  }

  #view-radar .radar-card-head__subtitle{
    margin: 7px 0 0 !important;
    max-width: 100% !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
    font-weight: var(--mesa-type-weight-medium, 500) !important;
    letter-spacing: 0 !important;
    color: var(--text-mid) !important;
  }

  /* Bloco de sincronização: informação de apoio, não card dominante. */
  #view-radar .radar-card-head__pill{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "sync sync"
      "count quote" !important;
    align-items: center !important;
    gap: 8px 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    padding: 12px 13px !important;
    border-radius: 13px !important;
    border: 1px solid color-mix(in srgb, var(--border2, var(--border)) 48%, var(--border)) !important;
    background: color-mix(in srgb, var(--surface2, #f5f3ef) 24%, var(--surface, #faf9f6)) !important;
    box-shadow: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  #view-radar .radar-card-head__sync-wrap{
    grid-area: sync !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  #view-radar .radar-card-head__sync{
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #view-radar .radar-card-head__sync input{
    width: 15px !important;
    height: 15px !important;
    margin: 2px 0 0 !important;
    border-radius: 4px !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__sync-label{
    min-width: 0 !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
    font-weight: var(--mesa-type-weight-semibold, 600) !important;
    letter-spacing: 0 !important;
    color: var(--text-mid) !important;
    white-space: normal !important;
  }

  #view-radar .radar-card-head__sep{
    display: none !important;
  }

  #view-radar .radar-card-head__meta{
    width: auto !important;
    min-width: 0 !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: var(--mesa-type-weight-semibold, 600) !important;
    letter-spacing: 0 !important;
    color: color-mix(in srgb, var(--text-mid) 84%, var(--text-dim)) !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__meta:nth-of-type(1){
    grid-area: count !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__meta:nth-of-type(2){
    grid-area: quote !important;
    justify-self: end !important;
    text-align: right !important;
  }

  /* Campos: padrão mobile compacto de formulário premium. */
  #view-radar .radar-block--actions .radar-grid--prices,
  #view-radar .radar-form__note-row{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  #view-radar .radar-block--actions .field{
    gap: 6px !important;
    min-width: 0 !important;
  }

  #view-radar .radar-block--actions .field label{
    margin: 0 !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: var(--radar-mobile-label-size) !important;
    line-height: var(--mesa-type-line-compact, 1.2) !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: var(--mesa-type-tracking-overline, 0.12em) !important;
    text-transform: uppercase !important;
    color: var(--text-dim) !important;
  }

  #view-radar .radar-block--actions .field input{
    height: var(--radar-mobile-control-h) !important;
    min-height: var(--radar-mobile-control-h) !important;
    max-height: var(--radar-mobile-control-h) !important;
    padding: 0 14px !important;
    border-radius: 11px !important;
    border: 1px solid color-mix(in srgb, var(--input-border, var(--border)) 92%, transparent) !important;
    background: var(--input-bg, var(--surface)) !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
    font-weight: var(--mesa-type-weight-semibold, 600) !important;
    color: var(--text) !important;
    box-shadow: 0 1px 2px rgba(18, 24, 33, 0.03) !important;
  }

  #view-radar .radar-block--actions .radar-form__submit.btn-add{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--ui-control-height-default, 40px) !important;
    min-height: var(--ui-control-height-default, 40px) !important;
    max-height: var(--ui-control-height-default, 40px) !important;
    border-radius: 11px !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 7px 16px rgba(18, 24, 33, 0.12) !important;
  }

  /* Critério: card informativo legível, sem texto amontoado. */
  #view-radar .radar-block--actions .radar-hint{
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 3px 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--border2, var(--border)) 44%, var(--border)) !important;
    background: color-mix(in srgb, var(--surface2, #f5f3ef) 22%, var(--surface, #faf9f6)) !important;
    box-shadow: none !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
    font-weight: var(--mesa-type-weight-medium, 500) !important;
    letter-spacing: 0 !important;
    color: var(--text-mid) !important;
  }

  #view-radar .radar-block--actions .radar-hint::before{
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    content: 'i' !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--border2, var(--border)) 54%, transparent) !important;
    background: var(--surface, #faf9f6) !important;
    color: var(--text-mid) !important;
    font-size: 11px !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    line-height: 1 !important;
  }

  #view-radar .radar-hint__label{
    grid-column: 2 !important;
    display: block !important;
    margin: 0 0 2px !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: var(--radar-mobile-label-size) !important;
    line-height: var(--mesa-type-line-compact, 1.2) !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: var(--mesa-type-tracking-overline, 0.12em) !important;
    text-transform: uppercase !important;
    color: var(--text-dim) !important;
    white-space: normal !important;
  }

  #view-radar .radar-block--actions .radar-hint strong{
    color: var(--text) !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
  }

  /* Toolbar da lista: compacta e alinhada ao padrão dos dropdowns. */
  #view-radar .radar-cards-toolbar{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #view-radar .radar-cards-toolbar__control{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    gap: 5px !important;
  }

  #view-radar .radar-cards-toolbar .radar-select{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  #view-radar .radar-cards-toolbar__label,
  #view-radar .radar-cards-toolbar .radar-select-label{
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: var(--radar-mobile-label-size) !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: var(--mesa-type-tracking-overline, 0.12em) !important;
    line-height: var(--mesa-type-line-compact, 1.2) !important;
    text-transform: uppercase !important;
  }

  #view-radar .radar-cards-toolbar .radar-select-trigger{
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border-radius: 10px !important;
    font-size: var(--radar-mobile-control-size) !important;
    font-weight: var(--mesa-type-weight-semibold, 600) !important;
    letter-spacing: var(--mesa-type-tracking-tight, 0.01em) !important;
  }

  #view-radar .radar-cards-toolbar__refresh.btn-add{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--ui-control-height-default, 40px) !important;
    min-height: var(--ui-control-height-default, 40px) !important;
    max-height: var(--ui-control-height-default, 40px) !important;
    margin: 0 !important;
    border-radius: 11px !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: 0.01em !important;
  }
}

@media (max-width: 380px){
  #view-radar .radar-card-head__pill{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "sync"
      "count"
      "quote" !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__meta:nth-of-type(2){
    justify-self: start !important;
    text-align: left !important;
  }
}


/* ==========================================================================
   RADAR — dropdowns sem marcação visual de seleção (desktop + mobile)
   --------------------------------------------------------------------------
   Alinhado ao padrão atual do Mesa: o item selecionado mantém apenas
   destaque de fundo/peso. Não exibimos check/"v" dentro do menu.
   Escopo fechado em #view-radar. Não altera JS nem comportamento.
   ========================================================================== */
#view-radar .radar-select-dropdown .radar-choice-option,
#view-radar .radar-choice-sheet .radar-choice-option{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
}

#view-radar .radar-select-dropdown .radar-choice-option__check,
#view-radar .radar-choice-sheet .radar-choice-option__check,
#view-radar .radar-select-dropdown .radar-choice-option__check::before,
#view-radar .radar-select-dropdown .radar-choice-option__check::after,
#view-radar .radar-choice-sheet .radar-choice-option__check::before,
#view-radar .radar-choice-sheet .radar-choice-option__check::after{
  display:none !important;
  content:none !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  overflow:hidden !important;
}

#view-radar .radar-select-dropdown .radar-choice-option__text,
#view-radar .radar-choice-sheet .radar-choice-option__text{
  display:block !important;
  grid-column:1 !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}


/* ==========================================================================
   RADAR MOBILE — sync/status card alinhado em duas pontas
   --------------------------------------------------------------------------
   Ajuste visual restrito ao Radar mobile. Mantém o desktop intacto e não
   altera regra de negócio: checkbox e textos continuam usando os mesmos IDs.
   ========================================================================== */
@media (max-width: 767px){
  #view-radar .radar-card-head__pill{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
    grid-template-areas:
      "sync sync"
      "count quote" !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    padding: 14px 14px 13px !important;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--border2, var(--border)) 52%, var(--border)) !important;
    background: color-mix(in srgb, var(--surface2, #f5f3ef) 48%, var(--surface, #faf9f6)) !important;
    box-shadow: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  #view-radar .radar-card-head__sync-wrap{
    grid-area: sync !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-radar .radar-card-head__sync{
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #view-radar .radar-card-head__sync input{
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    border-radius: 5px !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__sync-label{
    min-width: 0 !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: -0.01em !important;
    color: var(--text) !important;
    white-space: normal !important;
  }

  #view-radar .radar-card-head__sep{
    display: none !important;
  }

  #view-radar #radarMetaTrackedCount,
  #view-radar #radarMetaQuoteTime{
    width: 100% !important;
    min-width: 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid color-mix(in srgb, var(--border2, var(--border)) 64%, transparent) !important;
    font-family: var(--mesa-type-font-ui, 'Inter', sans-serif) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: -0.01em !important;
    color: color-mix(in srgb, var(--text) 88%, var(--text-mid)) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #view-radar #radarMetaTrackedCount{
    grid-area: count !important;
    justify-self: start !important;
    text-align: left !important;
  }

  #view-radar #radarMetaQuoteTime{
    grid-area: quote !important;
    justify-self: end !important;
    text-align: right !important;
  }
}

@media (max-width: 380px){
  #view-radar .radar-card-head__pill{
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
    grid-template-areas:
      "sync sync"
      "count quote" !important;
    column-gap: 10px !important;
  }

  #view-radar #radarMetaTrackedCount,
  #view-radar #radarMetaQuoteTime{
    font-size: 11px !important;
  }
}

/* Mesa Design System — Chevron / controle de expansão aprovado: opção 4. */
#mesaAppShell #view-radar .radar-form__m-caret,
#mesaAppShell #view-radar .radar-readbar-mobile__chevron,
#mesaAppShell #view-radar .radar-help-accordion__chevron {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  opacity: 0.78 !important;
  transform: none !important;
  transition: background 180ms ease, opacity 180ms ease, transform 180ms ease !important;
}

#mesaAppShell #view-radar .radar-form__m-caret::before,
#mesaAppShell #view-radar .radar-readbar-mobile__chevron::before,
#mesaAppShell #view-radar .radar-help-accordion__chevron::before {
  content: '' !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 1.7px solid color-mix(in srgb, var(--text-dim, #6f665c) 86%, transparent) !important;
  border-bottom: 1.7px solid color-mix(in srgb, var(--text-dim, #6f665c) 86%, transparent) !important;
  transform: rotate(45deg) translate(-1px, -1px) !important;
  transform-origin: center !important;
  transition: transform 180ms ease, border-color 180ms ease !important;
}

#mesaAppShell #view-radar .radar-form__m-summary:hover .radar-form__m-caret,
#mesaAppShell #view-radar .radar-form__m-summary:focus-visible .radar-form__m-caret,
#mesaAppShell #view-radar .radar-readbar-mobile__summary:hover .radar-readbar-mobile__chevron,
#mesaAppShell #view-radar .radar-readbar-mobile__summary:focus-visible .radar-readbar-mobile__chevron,
#mesaAppShell #view-radar .radar-help-accordion__trigger:hover .radar-help-accordion__chevron,
#mesaAppShell #view-radar .radar-help-accordion__trigger:focus-visible .radar-help-accordion__chevron {
  background: color-mix(in srgb, var(--text, #161512) 5%, transparent) !important;
  opacity: 1 !important;
}

#mesaAppShell #view-radar .radar-form[open] .radar-form__m-caret::before,
#mesaAppShell #view-radar .radar-readbar-mobile[open] .radar-readbar-mobile__chevron::before,
#mesaAppShell #view-radar .radar-help-accordion[open] .radar-help-accordion__chevron::before,
#mesaAppShell #view-radar .radar-help-accordion.is-open .radar-help-accordion__chevron::before {
  transform: rotate(225deg) translate(-1px, -1px) !important;
}

/* ===========================================================================
   RADAR — correção final do painel mobile aprovado
   ---------------------------------------------------------------------------
   - Desktop sem rolagem interna no formulário.
   - Sync/status mobile com um único separador, usando o padrão discreto.
   - Chevron do painel com apenas um desenho visual.
   =========================================================================== */
#view-radar .radar-form,
#view-radar .radar-form__body{
  overflow: visible !important;
}

@media (max-width: 767px){
  #view-radar .radar-card-head__pill{
    row-gap: 9px !important;
    padding: 13px 14px 12px !important;
    border-color: color-mix(in srgb, var(--border2, var(--border)) 44%, transparent) !important;
  }

  #view-radar .radar-card-head__sync-wrap{
    padding-bottom: 10px !important;
    border-bottom: 1px solid color-mix(in srgb, var(--border2, var(--border)) 48%, transparent) !important;
  }

  #view-radar #radarMetaTrackedCount,
  #view-radar #radarMetaQuoteTime{
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  #mesaAppShell #view-radar .radar-form__m-caret{
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  #mesaAppShell #view-radar .radar-form__m-caret::after,
  #mesaAppShell #view-radar .radar-readbar-mobile__chevron::after,
  #mesaAppShell #view-radar .radar-help-accordion__chevron::after{
    content: none !important;
    display: none !important;
  }
}


/* ===========================================================================
   RADAR MOBILE — copy e hierarquia final do formulário
   ---------------------------------------------------------------------------
   - Copy do critério fica mais curta e clara no HTML.
   - No mobile, sync/status vira informação auxiliar, não título dominante.
   - Separador único e discreto, usando a divisão já existente no card.
   =========================================================================== */
@media (max-width: 767px){
  #view-radar .radar-card-head__pill{
    row-gap: 8px !important;
    padding: 12px 14px 11px !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--surface2, #f5f3ef) 34%, var(--surface, #faf9f6)) !important;
  }

  #view-radar .radar-card-head__sync-wrap{
    padding-bottom: 9px !important;
    border-bottom: 1px solid color-mix(in srgb, var(--border2, var(--border)) 38%, transparent) !important;
  }

  #view-radar .radar-card-head__sync{
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  #view-radar .radar-card-head__sync input{
    width: 18px !important;
    height: 18px !important;
  }

  #view-radar .radar-card-head__pill .radar-card-head__sync-label{
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    font-weight: var(--mesa-type-weight-semibold, 600) !important;
    letter-spacing: 0 !important;
    color: var(--text-mid) !important;
  }

  #view-radar #radarMetaTrackedCount,
  #view-radar #radarMetaQuoteTime{
    padding-top: 0 !important;
    border-top: 0 !important;
    font-size: 11.25px !important;
    line-height: 1.2 !important;
    font-weight: var(--mesa-type-weight-semibold, 600) !important;
    letter-spacing: 0 !important;
    color: color-mix(in srgb, var(--text-mid) 84%, var(--text-dim)) !important;
  }

  #view-radar .radar-block--actions .radar-hint{
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 3px 10px !important;
    padding: 12px 13px !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--surface2, #f5f3ef) 18%, var(--surface, #faf9f6)) !important;
    border-color: color-mix(in srgb, var(--border2, var(--border)) 38%, transparent) !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
    font-weight: var(--mesa-type-weight-medium, 500) !important;
    color: var(--text-mid) !important;
  }

  #view-radar .radar-block--actions .radar-hint::before{
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    border-color: color-mix(in srgb, var(--border2, var(--border)) 44%, transparent) !important;
    color: color-mix(in srgb, var(--text-mid) 74%, var(--text-dim)) !important;
  }

  #view-radar .radar-hint__label{
    grid-column: 2 !important;
    display: block !important;
    margin: 0 0 2px !important;
    font-size: var(--radar-mobile-label-size, 9.5px) !important;
    line-height: 1.2 !important;
    font-weight: var(--mesa-type-weight-bold, 800) !important;
    letter-spacing: var(--mesa-type-tracking-overline, 0.12em) !important;
    text-transform: uppercase !important;
    color: var(--text-dim) !important;
  }

#view-radar .radar-hint__text{
    grid-column: 2 !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--text-mid) !important;
  }
}

/* Radar — alinhamento final com o Design System de forms.
   Mantem os labels do formulário com o mesmo contrato do Livro/Renda. */
#view-radar .radar-block--actions{
  --radar-mobile-control-h: var(--field-h, 40px);
  --radar-mobile-label-size: var(--ui-field-label-size, 10.5px);
}

#view-radar .radar-block--actions .field{
  gap: var(--ui-label-gap, 6px) !important;
}

#view-radar .radar-block--actions .field label,
#view-radar .radar-block--actions .radar-hint__label{
  margin: 0 !important;
  font-family: 'Inter', 'DM Sans', system-ui, sans-serif !important;
  font-size: var(--ui-field-label-size, 10.5px) !important;
  font-weight: var(--ui-field-label-weight, 600) !important;
  letter-spacing: var(--ui-field-label-tracking, 0.1em) !important;
  line-height: var(--ui-field-label-line-height, 1.1) !important;
  color: var(--ui-field-label-color, var(--label-accent)) !important;
  text-transform: uppercase !important;
}

#view-radar .radar-block--actions .field input{
  height: var(--field-h, 40px) !important;
  min-height: var(--field-h, 40px) !important;
  max-height: var(--field-h, 40px) !important;
}

#view-radar .radar-block--actions .radar-form__submit.btn-add{
  height: var(--ui-button-height, var(--field-h, 40px)) !important;
  min-height: var(--ui-button-height, var(--field-h, 40px)) !important;
  max-height: var(--ui-button-height, var(--field-h, 40px)) !important;
  border-radius: var(--ui-button-radius, 10px) !important;
}

/* ======================================================================
   Radar — loading de sincronização simples e em fluxo (desktop + mobile)
   ----------------------------------------------------------------------
   Substitui o overlay/flutuante antigo por um aviso discreto abaixo da
   toolbar, evitando sobreposição dos filtros no mobile e mantendo o mesmo
   padrão visual no desktop.
   ====================================================================== */
#view-radar .radar-sync-overlay{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  margin:12px 0 14px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:none !important;
}

#view-radar .radar-sync-overlay[hidden]{
  display:none !important;
}

#view-radar .radar-sync-overlay__card{
  width:min(100%, 440px) !important;
  min-width:0 !important;
  min-height:64px !important;
  margin:0 auto !important;
  padding:14px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
  border:1px solid color-mix(in srgb, var(--radar-select-border, #d8cfc0) 64%, transparent) !important;
  background:color-mix(in srgb, var(--surface, #fbfaf7) 92%, white 8%) !important;
  box-shadow:0 10px 24px rgba(18, 24, 33, 0.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:none !important;
}

#view-radar .radar-sync-overlay__track,
#view-radar .radar-sync-overlay__shimmer,
#view-radar .radar-sync-overlay__ring{
  display:none !important;
}

#view-radar .radar-sync-overlay__copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  text-align:center !important;
  white-space:normal !important;
  color:var(--text-mid) !important;
}

#view-radar .radar-sync-overlay__title{
  display:block !important;
  margin:0 !important;
  color:var(--text-mid) !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:0.08em !important;
  text-align:center !important;
}

#view-radar .radar-sync-overlay__meta{
  display:block !important;
  margin:0 !important;
  color:var(--text-dim) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:0.02em !important;
  text-align:center !important;
}

@media (max-width:768px){
  #view-radar .radar-sync-overlay{
    margin:10px 0 12px !important;
    padding:0 !important;
  }

  #view-radar .radar-sync-overlay__card{
    width:min(100%, calc(100vw - 48px)) !important;
    min-height:58px !important;
    padding:12px 16px !important;
    border-radius:13px !important;
  }

  #view-radar .radar-sync-overlay__title{
    font-size:12px !important;
  }

  #view-radar .radar-sync-overlay__meta{
    font-size:11px !important;
  }
}


/* ==========================================================================
   RADAR MOBILE — dropdowns inline reais na toolbar
   --------------------------------------------------------------------------
   Ordenar e Intervalo não usam sheet/modal no mobile. O menu abre preso ao
   próprio trigger, sem backdrop, sem header e sem check interno.
   ========================================================================== */
@media (max-width: 768px){
  #view-radar .radar-cards-toolbar{
    overflow: visible !important;
  }

  #view-radar .radar-cards-toolbar__actions,
  #view-radar .radar-cards-toolbar__control,
  #view-radar .radar-cards-toolbar .radar-select{
    overflow: visible !important;
  }

  #view-radar .radar-cards-toolbar .radar-select-dropdown{
    position: absolute !important;
    display: block;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    z-index: 260 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: calc(100vw - 48px) !important;
    max-height: min(260px, 42vh) !important;
    overflow: auto !important;
    padding: 8px !important;
    border-radius: 12px !important;
    background: var(--surface, #faf9f6) !important;
    border: 1px solid var(--radar-select-border) !important;
    box-shadow: 0 18px 38px rgba(18, 24, 33, 0.14) !important;
  }

  #view-radar .radar-cards-toolbar .radar-select-dropdown[hidden]{
    display: none !important;
  }

  #view-radar #radarSortWrap .radar-select-dropdown,
  #view-radar #radarRangeWrap .radar-select-dropdown{
    width: 100% !important;
    min-width: 100% !important;
    max-width: calc(100vw - 48px) !important;
  }

  #view-radar .radar-cards-toolbar .radar-choice-option{
    display: flex !important;
    grid-template-columns: none !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    gap: 0 !important;
  }

  #view-radar .radar-cards-toolbar .radar-choice-option__check{
    display: none !important;
  }

  #view-radar .radar-cards-toolbar .radar-choice-option__text{
    grid-column: 1 !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #mesaAppShell .radar-choice-sheet[aria-hidden='true'],
  #mesaAppShell .radar-choice-sheet:not(.open){
    display: none !important;
  }
}


/* === Radar mobile — dropdown inline com largura suficiente para texto completo === */
@media (max-width:768px){
  #mesaAppShell #view-radar .radar-cards-toolbar__actions{
    position:relative;
    overflow:visible;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select,
  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select-group,
  #mesaAppShell #view-radar .radar-cards-toolbar__control{
    overflow:visible;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-select-dropdown{
    width:min(21.5rem, calc(100vw - 32px));
    min-width:100%;
    max-width:calc(100vw - 32px);
    z-index:80;
  }

  #mesaAppShell #view-radar #radarSortDropdown{
    left:0;
    right:auto;
  }

  #mesaAppShell #view-radar #radarRangeDropdown{
    left:auto;
    right:0;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option{
    display:flex;
    align-items:center;
    width:100%;
    min-height:40px;
    padding:8px 14px;
    gap:0;
    white-space:normal;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option__check{
    display:none !important;
  }

  #mesaAppShell #view-radar .radar-cards-toolbar .radar-choice-option__text{
    display:block;
    min-width:0;
    max-width:100%;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    line-height:1.25;
  }
}


/* ========================================================================== 
   RADAR — dropdowns mobile sem sheet e sem corte de texto
   Escopo: apenas Ordenar/Intervalo na toolbar do Radar em telas mobile.
   O menu precisa abrir como dropdown real, com largura suficiente para a opção
   mais longa, sem check interno e sem ellipsis.
   ========================================================================== */
@media (max-width:768px){
  #view-radar .radar-cards-toolbar__actions{
    overflow: visible !important;
  }

  #view-radar .radar-cards-toolbar__control,
  #view-radar .radar-cards-toolbar .radar-select-group,
  #view-radar .radar-cards-toolbar .radar-select{
    position: relative !important;
    overflow: visible !important;
  }

  #view-radar #radarSortDropdown,
  #mesaAppShell #view-radar #radarSortDropdown{
    left: 0 !important;
    right: auto !important;
    width: min(320px, calc(100vw - 48px)) !important;
    min-width: min(320px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    padding: 10px !important;
    z-index: 90 !important;
  }

  #view-radar #radarRangeDropdown,
  #mesaAppShell #view-radar #radarRangeDropdown{
    left: auto !important;
    right: 0 !important;
    width: min(220px, calc(100vw - 48px)) !important;
    min-width: min(220px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    padding: 10px !important;
    z-index: 90 !important;
  }

  #view-radar #radarSortDropdown .radar-select-options,
  #view-radar #radarRangeDropdown .radar-select-options{
    gap: 4px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  #view-radar #radarSortDropdown .radar-choice-option,
  #view-radar #radarRangeDropdown .radar-choice-option,
  #mesaAppShell #view-radar #radarSortDropdown .radar-choice-option,
  #mesaAppShell #view-radar #radarRangeDropdown .radar-choice-option{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 0 18px !important;
    border: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  #view-radar #radarSortDropdown .radar-choice-option__check,
  #view-radar #radarRangeDropdown .radar-choice-option__check,
  #mesaAppShell #view-radar #radarSortDropdown .radar-choice-option__check,
  #mesaAppShell #view-radar #radarRangeDropdown .radar-choice-option__check{
    display: none !important;
  }

  #view-radar #radarSortDropdown .radar-choice-option__text,
  #view-radar #radarRangeDropdown .radar-choice-option__text,
  #mesaAppShell #view-radar #radarSortDropdown .radar-choice-option__text,
  #mesaAppShell #view-radar #radarRangeDropdown .radar-choice-option__text{
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.25 !important;
  }

  #view-radar #radarSortDropdown .radar-choice-option.is-selected,
  #view-radar #radarSortDropdown .radar-choice-option[aria-selected='true'],
  #view-radar #radarRangeDropdown .radar-choice-option.is-selected,
  #view-radar #radarRangeDropdown .radar-choice-option[aria-selected='true']{
    border: 0 !important;
    background: color-mix(in srgb, var(--surface2, #f5f3ef) 18%, var(--surface, #faf9f6)) !important;
    font-weight: var(--mesa-type-weight-semibold, 600) !important;
  }
}

/* ==========================================================================
   Radar - informativos migrados para Mesa Help Bubble
   Mantem aliases legados, mas a anatomia visual vem de .mesa-help.
   ========================================================================== */
#view-radar .radar-block--actions .radar-hint.mesa-help{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--mesa-help-padding-y) var(--mesa-help-padding-x) !important;
  border: var(--mesa-help-border) !important;
  border-radius: var(--mesa-help-radius) !important;
  background: var(--mesa-help-bg) !important;
  box-shadow: var(--mesa-help-shadow-sm) !important;
  color: var(--text-mid) !important;
  font-family: 'Inter', 'DM Sans', system-ui, sans-serif !important;
  font-size: var(--mesa-help-text-size) !important;
  font-weight: 450 !important;
  line-height: var(--mesa-help-line-height) !important;
}

#view-radar .radar-block--actions .radar-hint.mesa-help::before{
  content: none !important;
  display: none !important;
}

#view-radar .radar-block--actions .radar-hint.mesa-help .mesa-help__head{
  display: flex !important;
  align-items: center !important;
  gap: var(--mesa-help-gap) !important;
  width: 100% !important;
  margin: 0 !important;
}

#view-radar .radar-block--actions .radar-hint.mesa-help .mesa-help__icon{
  width: var(--mesa-help-icon-size) !important;
  height: var(--mesa-help-icon-size) !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

#view-radar .radar-block--actions .radar-hint.mesa-help .radar-hint__label{
  display: block !important;
  flex: initial !important;
  margin: 0 !important;
  color: var(--text, #1d1c19) !important;
  font-size: var(--mesa-help-label-size) !important;
  font-weight: var(--mesa-help-label-weight) !important;
  letter-spacing: var(--mesa-help-label-tracking) !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

#view-radar .radar-block--actions .radar-hint.mesa-help .radar-hint__text{
  display: block !important;
  min-width: 0 !important;
  margin: 8px 0 0 calc(var(--mesa-help-icon-size) + var(--mesa-help-gap)) !important;
  color: var(--text-mid) !important;
  font-size: var(--mesa-help-text-size) !important;
  font-weight: 450 !important;
  line-height: var(--mesa-help-line-height) !important;
}

#view-radar .radar-block--actions .radar-hint.mesa-help .radar-hint__text p{
  margin: 0 !important;
}

#view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger{
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: end !important;
  display: inline-flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

#view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger .radar-readbar__label.mesa-help__head{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--mesa-help-gap) !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: var(--mesa-help-trigger-icon-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  cursor: pointer !important;
}

#view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger .radar-readbar__label-icon.mesa-help__icon{
  display: inline-flex !important;
  width: var(--mesa-help-trigger-icon-size) !important;
  height: var(--mesa-help-trigger-icon-size) !important;
  min-width: var(--mesa-help-trigger-icon-size) !important;
  border: 1px solid var(--border, #ded9cf) !important;
  border-radius: 50% !important;
  background: var(--mesa-help-bg) !important;
  color: var(--text, #1d1c19) !important;
  box-shadow: var(--mesa-help-shadow-sm) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger .radar-readbar__label-text{
  display: block !important;
  min-width: 0 !important;
  color: var(--label-accent, var(--text-dim)) !important;
  font-size: var(--mesa-help-label-size) !important;
  font-weight: var(--mesa-help-label-weight) !important;
  letter-spacing: var(--mesa-help-label-tracking) !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

#view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger .radar-readbar__panel.mesa-help__popover{
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 12px) !important;
  display: block !important;
  width: min(380px, calc(100vw - 48px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 48px) !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 16px !important;
  border: var(--mesa-help-border) !important;
  border-radius: var(--mesa-help-radius) !important;
  background: var(--mesa-help-bg) !important;
  box-shadow: var(--mesa-help-shadow-lg) !important;
  color: var(--text-mid) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) scale(0.98) !important;
  pointer-events: none !important;
  overflow: visible !important;
  z-index: 90 !important;
}

#view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger:hover .radar-readbar__panel.mesa-help__popover,
#view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger:focus-within .radar-readbar__panel.mesa-help__popover{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

#view-radar .radar-readbar .radar-readbar__text{
  display: block !important;
  margin: 0 !important;
  color: var(--text-mid) !important;
  font-size: var(--mesa-help-text-size) !important;
  font-weight: 450 !important;
  line-height: var(--mesa-help-line-height) !important;
}

#view-radar .radar-readbar .mesa-help__chips,
#view-radar .radar-readbar-mobile .mesa-help__chips{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 14px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

#view-radar .radar-readbar .mesa-help__chip,
#view-radar .radar-readbar-mobile .mesa-help__chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  border: 1px solid var(--mesa-help-border-soft) !important;
  border-radius: 20px !important;
  background: var(--mesa-help-surface-soft) !important;
  color: var(--text-mid) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

#view-radar .radar-readbar .mesa-help__chip .radar-readbar__sample,
#view-radar .radar-readbar-mobile .mesa-help__chip .radar-readbar__sample{
  display: none !important;
}

#view-radar .radar-readbar-mobile.mesa-help--disclosure{
  padding: var(--mesa-help-padding-y) var(--mesa-help-padding-x) !important;
  border: var(--mesa-help-border) !important;
  border-radius: var(--mesa-help-radius) !important;
  background: var(--mesa-help-bg) !important;
  box-shadow: var(--mesa-help-shadow-sm) !important;
  overflow: visible !important;
}

#view-radar .radar-readbar-mobile.mesa-help--disclosure .radar-readbar-mobile__summary.mesa-help__head{
  display: flex !important;
  align-items: center !important;
  gap: var(--mesa-help-gap) !important;
  min-height: var(--mesa-help-trigger-icon-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#view-radar .radar-readbar-mobile.mesa-help--disclosure .radar-readbar-mobile__icon.mesa-help__icon{
  width: var(--mesa-help-icon-size) !important;
  height: var(--mesa-help-icon-size) !important;
  min-width: var(--mesa-help-icon-size) !important;
  border-radius: 50% !important;
}

#view-radar .radar-readbar-mobile.mesa-help--disclosure .radar-readbar-mobile__title.mesa-help__label{
  color: var(--text, #1d1c19) !important;
  font-size: var(--mesa-help-label-size) !important;
  font-weight: var(--mesa-help-label-weight) !important;
  letter-spacing: var(--mesa-help-label-tracking) !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

#view-radar .radar-readbar-mobile.mesa-help--disclosure .radar-readbar-mobile__panel.mesa-help__body{
  display: block !important;
  min-width: 0 !important;
  margin: 8px 0 0 calc(var(--mesa-help-icon-size) + var(--mesa-help-gap)) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--text-mid) !important;
}

#view-radar .radar-readbar-mobile.mesa-help--disclosure .radar-readbar-mobile__text{
  margin: 0 !important;
  color: var(--text-mid) !important;
  font-size: var(--mesa-help-text-size) !important;
  font-weight: 450 !important;
  line-height: var(--mesa-help-line-height) !important;
}

#mesaAppShell #view-radar .radar-readbar-mobile.mesa-help--disclosure .radar-readbar-mobile__chevron.mesa-help__chev{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  margin-left: auto !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--text-dim) !important;
  font-size: 0 !important;
}

#mesaAppShell #view-radar .radar-readbar-mobile.mesa-help--disclosure .radar-readbar-mobile__chevron.mesa-help__chev::before{
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transition: transform var(--mesa-help-transition-speed) var(--mesa-help-ease) !important;
}

#mesaAppShell #view-radar .radar-readbar-mobile.mesa-help--disclosure[open] .radar-readbar-mobile__chevron.mesa-help__chev::before{
  transform: translateY(2px) rotate(-135deg) !important;
}

@media (min-width: 768px){
  #view-radar .radar-readbar-mobile.mesa-help--disclosure{
    display: none !important;
  }
}

@media (max-width: 767px){
  #view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger{
    display: none !important;
  }

  #view-radar .radar-readbar-mobile.mesa-help--disclosure{
    display: block !important;
    width: 100% !important;
  }
}

/* ============================================================================
   PADRÃO "casco + creme" (igual Renda/CDI): casco branco externo + cabeçalho
   serif "Radar do Sócio" + divisória; o formulário vira sub-card creme com
   campos BRANCOS; os cards de ativo ficam sobre o casco branco.
   ========================================================================== */
#view-radar .radar-socio{
  background:var(--bg-surface);
  border:1px solid var(--border);
  border-radius:var(--ui-radius-panel, 20px);
  padding:0 0 28px;
  overflow:visible;
}
#view-radar .radar-socio__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--mesa-type-panel-heading-action-gap, 16px);
  margin:0;
  padding:24px 28px 0;
  position:relative;
}
#view-radar .radar-socio__header .section-title{
  display:block;
  font-family:"DM Serif Display", Georgia, serif;
  font-size:24px;
  font-weight:400;
  letter-spacing:0;
  color:var(--text);
  margin:0 0 4px;
}
#view-radar .radar-socio__header .section-subtitle{
  display:block;
  max-width:var(--mesa-type-panel-heading-copy-max, 760px);
  font-family:"Inter", -apple-system, system-ui, sans-serif;
  font-size:var(--mesa-type-panel-heading-subtitle-size, 13px);
  font-weight:400;
  letter-spacing:0;
  line-height:1.5;
  color:var(--text-mid);
  margin:0;
}
/* blocos recuados do casco (= sub-cards da Renda, inset 28px) */
#view-radar .radar-socio > .radar-block{
  margin-left:28px;
  margin-right:28px;
}
#view-radar .radar-socio > .radar-block--actions{
  margin-bottom:16px;
}
/* formulário = sub-card creme + borda --border, sem sombra (contraste = borda) */
#view-radar .radar-socio .radar-block--actions{
  background:var(--bg-subtle) !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}
/* Campos brancos sobre o creme, alinhados aos controles da Renda. */
#view-radar .radar-block--actions .field input{
  background:var(--bg-surface) !important;
}
/* "Preço atual" (readonly) levemente mais apagado, ainda branco-base */
#view-radar .radar-block--actions #rCurrentPrice{
  background:color-mix(in srgb, var(--bg-subtle) 45%, var(--bg-surface)) !important;
}

/* ── Ajustes DESKTOP: toolbar no padrão de campo + ~5 cards por linha com respiro.
   Escopo @media desktop para NÃO tocar no mobile (que tem regras próprias).
   O padding interno do card NÃO é mexido (volta ao respiro padrão da Renda). ── */
@media (min-width: 900px){
  /* label da toolbar = mesmo token do label de campo (Ordenar/Intervalo) */
  #view-radar .radar-cards-toolbar__label,
  #view-radar .radar-cards-toolbar .radar-select-label{
    font-size:var(--ui-field-label-size, 10.5px);
    font-weight:var(--ui-field-label-weight, 600);
    letter-spacing:var(--ui-field-label-tracking, 0.1em);
    color:var(--ui-field-label-color, var(--label-accent));
  }
  /* Select da toolbar = campo branco + borda --border. */
  #view-radar .radar-cards-toolbar .radar-select-trigger{
    background:var(--bg-surface);
    border:1px solid var(--border);
    border-radius:var(--ui-radius-control, 12px);
  }

  /* ~4 por linha na sua largura (responsivo: cai p/ menos em telas estreitas) + respiro */
  #view-radar .summary-grid{
    grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
    gap:16px;
  }
}

/* ==========================================================================
   Radar do Socio - contrato final de shell, controles e cards
   ========================================================================== */
#view-radar .radar-socio{
  --radar-shell-inset:var(--ui-panel-padding-x, 28px);
  padding-bottom:var(--ui-panel-padding-x, 28px);
}

#view-radar .radar-socio__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--mesa-type-panel-heading-action-gap, 16px);
  margin:0 !important;
  padding:var(--ui-panel-padding-y, 24px) var(--ui-panel-padding-x, 28px) 0 !important;
}

#view-radar .radar-socio__header + .mesa-panel-heading-divider{
  margin-left:var(--radar-shell-inset, var(--ui-panel-padding-x, 28px));
  margin-right:var(--radar-shell-inset, var(--ui-panel-padding-x, 28px));
}

#view-radar .radar-socio__header .section-title{
  line-height:1.2;
}

#view-radar .radar-socio__header .section-subtitle{
  max-width:var(--mesa-type-panel-heading-copy-max, 760px);
  margin:0;
  font-family:"Inter", -apple-system, system-ui, sans-serif;
  font-weight:400;
  line-height:1.5;
}

#view-radar .radar-socio > .radar-block{
  box-sizing:border-box !important;
  width:calc(100% - (var(--radar-shell-inset) * 2)) !important;
  max-width:calc(100% - (var(--radar-shell-inset) * 2)) !important;
  margin-left:var(--radar-shell-inset) !important;
  margin-right:var(--radar-shell-inset) !important;
}

#view-radar .radar-socio .radar-block--actions{
  --ui-money-field-height:var(--ui-control-height-default, 40px);
  padding:var(--ui-panel-padding-y, 24px) var(--ui-panel-padding-x, 28px) !important;
  border-radius:var(--ui-radius-card, 14px) !important;
}

#view-radar .radar-block--actions .radar-form__body{
  gap:18px !important;
  padding:0 !important;
}

#view-radar .radar-card-head{
  margin:0 !important;
}

#view-radar .radar-card-head__copy{
  display:grid;
  gap:6px;
}

#view-radar .radar-card-head__kicker,
#view-radar .radar-form__title,
#view-radar .radar-card-head__subtitle{
  margin:0 !important;
}

#view-radar .radar-form__title{
  color:var(--text);
  font-family:'Inter','DM Sans',system-ui,sans-serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:0;
  line-height:1.2;
}

#view-radar .radar-card-head__subtitle{
  color:var(--text-mid);
  font-size:12.5px;
  font-weight:400;
  letter-spacing:0;
  line-height:1.5;
}

#view-radar .radar-grid--prices,
#view-radar .radar-form__note-row{
  gap:14px 16px !important;
  margin:0 !important;
}

@media (min-width:768px){
  #view-radar .radar-block--actions .radar-hint.mesa-help{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 16px !important;
  }

  #view-radar .radar-block--actions .radar-hint.mesa-help .mesa-help__head{
    flex:0 0 auto !important;
    width:auto !important;
  }

  #view-radar .radar-block--actions .radar-hint.mesa-help .radar-hint__text{
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop.mesa-help--trigger .radar-readbar__panel.mesa-help__popover{
    width:min(680px, calc(100vw - 64px)) !important;
    max-width:min(680px, calc(100vw - 64px)) !important;
    padding:16px 18px !important;
    overflow:hidden !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .radar-readbar__text{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop .mesa-help__chips{
    max-width:100% !important;
    margin-top:12px !important;
  }
}

#view-radar .radar-block--actions .field{
  gap:var(--ui-label-gap, 6px) !important;
}

#view-radar .radar-block--actions .field label,
#view-radar .radar-cards-toolbar__label,
#view-radar .radar-cards-toolbar .radar-select-label{
  margin:0 !important;
  color:var(--ui-field-label-color, var(--label-accent)) !important;
  font-family:'Inter','DM Sans',system-ui,sans-serif !important;
  font-size:var(--ui-field-label-size, 10.5px) !important;
  font-weight:var(--ui-field-label-weight, 600) !important;
  letter-spacing:var(--ui-field-label-tracking, 0.1em) !important;
  line-height:var(--ui-field-label-line-height, 1.1) !important;
  text-transform:uppercase !important;
}

#view-radar .radar-block--actions .field input,
#view-radar .radar-form__submit,
#view-radar .radar-cards-toolbar .radar-select-trigger,
#view-radar .radar-cards-toolbar__refresh{
  height:var(--ui-control-height-default, 40px) !important;
  min-height:var(--ui-control-height-default, 40px) !important;
  max-height:var(--ui-control-height-default, 40px) !important;
  border-radius:var(--ui-radius-control, 12px) !important;
}

#view-radar .radar-form__submit{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  align-self:end;
  box-sizing:border-box !important;
  margin:0 !important;
}

#view-radar .radar-block--list{
  position:relative;
  padding:var(--ui-panel-padding-y, 24px) var(--ui-panel-padding-x, 28px)
    var(--ui-panel-padding-x, 28px) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--ui-radius-card, 14px) !important;
  background:var(--bg-subtle) !important;
}

#view-radar .radar-cards-toolbar{
  margin:0 0 16px !important;
  padding:0 !important;
}

#view-radar .radar-cards-toolbar__actions{
  align-items:flex-end !important;
  gap:12px !important;
}

#view-radar .radar-cards-toolbar__control{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  gap:6px !important;
}

#view-radar .radar-cards-toolbar__control--range{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
}

#view-radar .radar-cards-toolbar__refresh{
  min-width:190px;
}

@media (min-width:769px){
  #view-radar .radar-cards-toolbar{
    grid-template-columns:max-content minmax(0, 1fr) 744px !important;
    column-gap:24px !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    display:grid !important;
    grid-column:3 !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    width:744px !important;
    min-width:0 !important;
  }

  #view-radar .radar-cards-toolbar__control,
  #view-radar .radar-cards-toolbar__control--range,
  #view-radar .radar-cards-toolbar__refresh{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  #view-radar .radar-cards-toolbar__control .radar-select,
  #view-radar .radar-cards-toolbar__control .radar-select-trigger{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  #view-radar .radar-readbar .mesa-help__chips{
    gap:10px !important;
  }

  #view-radar .radar-readbar .mesa-help__chip{
    gap:8px !important;
    min-height:28px !important;
    padding:6px 12px !important;
  }

  #view-radar .radar-readbar .mesa-help__chip::before{
    flex:0 0 6px !important;
    margin:0 !important;
  }
}

@media (min-width:769px) and (max-width:1199px){
  #view-radar .radar-cards-toolbar{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    row-gap:16px !important;
  }

  #view-radar .radar-readbar.radar-readbar--desktop{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  #view-radar .radar-cards-toolbar__actions{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:end !important;
    width:min(100%, 744px) !important;
  }
}

#view-radar #radarContent{
  min-width:0;
}

@media (min-width:900px){
  #view-radar .radar-block--list .summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px;
  }

  #view-radar .radar-block--list .radar-card{
    padding:16px !important;
  }

  #view-radar .radar-block--list .radar-card__header{
    margin-bottom:12px !important;
  }

  #view-radar .radar-block--list .radar-card__hero{
    margin-bottom:12px !important;
    padding:14px !important;
  }

  #view-radar .radar-block--list .radar-card__hero-price{
    font-size:24px !important;
  }

  #view-radar .radar-block--list .radar-card__levels{
    gap:7px !important;
  }

  #view-radar .radar-block--list .radar-card-footer{
    margin-top:12px !important;
    padding-top:12px !important;
  }
}

@media (min-width:1200px){
  #view-radar .radar-block--list .summary-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width:767px){
  #view-radar .radar-socio{
    --radar-shell-inset:var(--ui-panel-padding-mobile, 18px);
    padding-bottom:var(--ui-panel-padding-mobile, 18px);
  }

  #view-radar .radar-socio__header{
    padding:var(--ui-panel-padding-mobile, 18px) var(--ui-panel-padding-mobile, 18px) 0 !important;
  }

  #view-radar .radar-socio__header + .mesa-panel-heading-divider{
    margin-left:var(--ui-panel-padding-mobile, 18px);
    margin-right:var(--ui-panel-padding-mobile, 18px);
  }

  #view-radar .radar-socio > .radar-block{
    margin-left:var(--radar-shell-inset) !important;
    margin-right:var(--radar-shell-inset) !important;
  }

  #view-radar .radar-block--actions .radar-form__body{
    gap:14px !important;
    padding:var(--ui-panel-padding-mobile, 18px) !important;
  }

  #view-radar .radar-socio .radar-block--actions{
    --ui-money-field-height:var(--ui-control-height-default, 40px);
    padding:0 !important;
  }

  #view-radar .radar-block--actions .field input,
  #view-radar .radar-form__submit,
  #view-radar .radar-cards-toolbar .radar-select-trigger,
  #view-radar .radar-cards-toolbar__refresh{
    height:var(--ui-control-height-default, 40px) !important;
    min-height:var(--ui-control-height-default, 40px) !important;
    max-height:var(--ui-control-height-default, 40px) !important;
  }

  #view-radar .radar-form__submit,
  #view-radar .radar-cards-toolbar__refresh,
  #view-radar .radar-cards-toolbar__control,
  #view-radar .radar-cards-toolbar__control--range{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  #view-radar .radar-block--list{
    padding:var(--ui-panel-padding-mobile, 18px) !important;
  }
}


/* Acompanhamento de interesse como painel isolado no topo do Radar.
   Nesta etapa, apenas destacamos o painel como um bloco independente acima
   do painel principal "Radar do Sócio", sem mexer no restante da composição. */
#view-radar > .radar-actions-panel{
  width:100%;
  max-width:100%;
}


/* ==========================================================================
   Radar — painel superior no padrão de Registrar operação
   Ajusta apenas o painel isolado "Acompanhamento de interesse":
   - título/subtítulo com divisor curto do cabeçalho padrão;
   - sem kicker "Faixa de decisão";
   - labels visuais removidos;
   - placeholders passam a carregar o significado dos campos;
   - controles usam o mesmo idioma visual do formulário principal.
   ========================================================================== */
#view-radar > .radar-actions-panel{
  background:var(--panel-outer-bg, var(--bg-surface)) !important;
  border:var(--panel-outer-border, 1px solid var(--border)) !important;
  border-radius:var(--panel-outer-radius, var(--ui-radius-panel, 20px)) !important;
  box-shadow:var(--shadow) !important;
  padding:var(--panel-pad-y-top, 28px) var(--panel-pad-x, 28px) var(--panel-pad-y-bottom, 24px) !important;
}

#view-radar > .radar-actions-panel .radar-form{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#view-radar > .radar-actions-panel .radar-card-head.mesa-ui-panel-heading{
  --mesa-panel-heading-divider-left:0;
  --mesa-panel-heading-divider-width:var(--mesa-type-panel-heading-divider-width, 266px);
  align-items:flex-start;
  gap:var(--mesa-type-panel-heading-action-gap, 16px);
  margin:0 0 var(--mesa-type-panel-heading-margin-bottom, 20px) !important;
  padding:0 0 var(--mesa-type-panel-heading-padding-bottom, 18px) !important;
}

#view-radar > .radar-actions-panel .radar-card-head__copy.mesa-ui-panel-heading__copy{
  display:block;
  min-width:0;
}

#view-radar > .radar-actions-panel .radar-card-head__kicker{
  display:none !important;
}

#view-radar > .radar-actions-panel .radar-form__title.mesa-ui-panel-heading__title{
  margin:0 0 var(--mesa-type-panel-heading-gap, 4px) !important;
}

#view-radar > .radar-actions-panel .radar-card-head__subtitle.mesa-ui-panel-heading__subtitle{
  max-width:var(--mesa-type-panel-heading-copy-max, 760px);
}

#view-radar > .radar-actions-panel .field label{
  display:none !important;
}

#view-radar > .radar-actions-panel .radar-grid--prices,
#view-radar > .radar-actions-panel .radar-form__note-row{
  gap:16px !important;
}

#view-radar > .radar-actions-panel .field input{
  min-height:var(--ui-control-height-default, 46px) !important;
  height:var(--ui-control-height-default, 46px) !important;
  max-height:var(--ui-control-height-default, 46px) !important;
  padding:0 16px !important;
  background:var(--bg-subtle) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--ui-radius-control, 12px) !important;
  color:var(--text) !important;
  font-size:14px !important;
  font-weight:600;
}

#view-radar > .radar-actions-panel .field input::placeholder{
  color:color-mix(in srgb, var(--text-mid) 68%, var(--text-dim) 32%) !important;
  opacity:1;
}

#view-radar > .radar-actions-panel #rCurrentPrice{
  background:var(--bg-subtle) !important;
  color:var(--text-mid) !important;
}

#view-radar > .radar-actions-panel .radar-form__submit{
  min-width:12.5rem !important;
}

@media (max-width: 899px){
  #view-radar > .radar-actions-panel .radar-card-head.mesa-ui-panel-heading{
    gap:14px;
  }

  #view-radar > .radar-actions-panel .radar-card-head__pill{
    justify-content:flex-start;
    width:100%;
  }
}

/* Correção dos componentes do painel superior:
   O header padrão já cria a divisória; por isso removemos o espaçamento duplicado
   entre o divisor e os campos. Os labels seguem no DOM para acessibilidade, mas
   não aparecem visualmente; o significado fica nos placeholders internos. */
#view-radar > .radar-actions-panel .radar-form__body{
  gap:20px !important;
}

#view-radar > .radar-actions-panel .radar-card-head.mesa-ui-panel-heading{
  margin-bottom:0 !important;
}

#view-radar > .radar-actions-panel .radar-grid--prices{
  margin-top:0 !important;
}

#view-radar > .radar-actions-panel .field label{
  display:none !important;
}

#view-radar > .radar-actions-panel .field.field--float{
  gap:0 !important;
}

#view-radar > .radar-actions-panel .field.field--float > input{
  width:100%;
}


/* Título/subtítulo do painel superior no mesmo padrão dos demais painéis. */
#view-radar > .radar-actions-panel .radar-card-head.mesa-ui-panel-heading .radar-form__title.mesa-ui-panel-heading__title{
  color:var(--text) !important;
  font-family:var(--mesa-type-font-display) !important;
  font-size:var(--mesa-type-panel-heading-title-size) !important;
  font-weight:var(--mesa-type-weight-regular) !important;
  letter-spacing:var(--mesa-type-tracking-none) !important;
  line-height:var(--mesa-type-line-compact) !important;
  text-transform:none !important;
}

#view-radar > .radar-actions-panel .radar-card-head.mesa-ui-panel-heading .radar-card-head__subtitle.mesa-ui-panel-heading__subtitle{
  color:var(--text-mid) !important;
  font-family:var(--mesa-type-font-ui) !important;
  font-size:var(--mesa-type-panel-heading-subtitle-size) !important;
  font-weight:var(--mesa-type-weight-regular) !important;
  letter-spacing:var(--mesa-type-tracking-none) !important;
  line-height:1.5 !important;
}


/* Divisória real do cabeçalho do painel superior. */
#view-radar > .radar-actions-panel .radar-card-head + .mesa-panel-heading-divider{
  margin-top:0 !important;
  margin-bottom:4px !important;
}

/* Correção final da divisória do painel superior.
   O container do formulário usa flex/gap; por isso a divisória precisava de um
   reset específico para reproduzir exatamente o ritmo do Registrar operação. */
#view-radar > .radar-actions-panel .radar-form__body{
  gap:0 !important;
}

#view-radar > .radar-actions-panel .radar-card-head.mesa-ui-panel-heading{
  margin:0 !important;
  padding:0 !important;
  border-bottom:0 !important;
}

#view-radar > .radar-actions-panel .radar-card-head + .mesa-panel-heading-divider{
  --mesa-panel-heading-divider-width:var(--mesa-type-panel-heading-divider-width, 266px);
  --mesa-panel-heading-divider-gap-top:18px;
  --mesa-panel-heading-divider-gap-bottom:24px;
  display:block !important;
  width:min(var(--mesa-panel-heading-divider-width), 100%) !important;
  margin:
    var(--mesa-panel-heading-divider-gap-top)
    0
    var(--mesa-panel-heading-divider-gap-bottom) !important;
}

#view-radar > .radar-actions-panel .radar-grid--prices{
  margin:0 0 16px !important;
}

#view-radar > .radar-actions-panel .radar-form__note-row{
  margin:0 0 18px !important;
}

#view-radar > .radar-actions-panel .radar-hint{
  margin:0 !important;
}


/* Botão +Adicionar alinhado exatamente à largura do último campo da linha superior. */
#view-radar > .radar-actions-panel .radar-form__note-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1.28fr) minmax(0, 0.78fr) minmax(0, 0.72fr) minmax(0, 0.72fr) minmax(0, 0.72fr) !important;
  gap:10px 12px !important;
  align-items:end !important;
}

#view-radar > .radar-actions-panel .radar-form__note-field{
  grid-column:1 / span 4 !important;
  min-width:0 !important;
}

#view-radar > .radar-actions-panel .radar-form__submit{
  grid-column:5 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}

@media (max-width: 899px){
  #view-radar > .radar-actions-panel .radar-form__note-row{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  #view-radar > .radar-actions-panel .radar-form__note-field,
  #view-radar > .radar-actions-panel .radar-form__submit{
    grid-column:auto !important;
  }
}

/* ===========================================================================
   Radar do Socio - contrato mobile compartilhado com Livro e Renda
   ========================================================================== */
@media (max-width: 767px){
  #mesaAppShell #view-radar.active{
    width:auto !important;
    max-width:none !important;
    margin-right:-10px !important;
    margin-left:-10px !important;
    gap:16px !important;
  }

  #view-radar > .radar-actions-panel,
  #view-radar .radar-socio{
    border:1px solid var(--border) !important;
    border-radius:var(--mesa-mobile-panel-radius, 18px) !important;
    background:var(--bg-surface) !important;
    box-shadow:var(--mesa-mobile-panel-shadow, 0 6px 20px rgba(26, 26, 24, 0.07)) !important;
  }

  #view-radar > .radar-actions-panel{
    padding:var(--mesa-mobile-panel-inset, 20px) !important;
  }

  #view-radar .radar-socio{
    --radar-shell-inset:var(--mesa-mobile-panel-inset, 20px);
    padding:0 0 var(--mesa-mobile-panel-inset, 20px) !important;
  }

  #view-radar .radar-socio__header{
    padding:var(--mesa-mobile-panel-inset, 20px) var(--mesa-mobile-panel-inset, 20px) 0 !important;
  }

  #view-radar .radar-socio__header + .mesa-panel-heading-divider{
    margin-right:var(--mesa-mobile-panel-inset, 20px) !important;
    margin-left:var(--mesa-mobile-panel-inset, 20px) !important;
  }

  #view-radar .radar-socio > .radar-block{
    width:calc(100% - (var(--mesa-mobile-panel-inset, 20px) * 2)) !important;
    max-width:calc(100% - (var(--mesa-mobile-panel-inset, 20px) * 2)) !important;
    margin-right:var(--mesa-mobile-panel-inset, 20px) !important;
    margin-left:var(--mesa-mobile-panel-inset, 20px) !important;
  }

  #view-radar .radar-block--list{
    padding:var(--mesa-mobile-panel-inset, 20px) !important;
    border-radius:var(--ui-radius-card, 14px) !important;
    background:var(--bg-subtle) !important;
  }

  #view-radar > .radar-actions-panel .radar-grid--prices,
  #view-radar > .radar-actions-panel .radar-form__note-row{
    grid-template-columns:minmax(0, 1fr) !important;
    column-gap:0 !important;
    row-gap:14px !important;
  }

  #view-radar > .radar-actions-panel .radar-form__note-field,
  #view-radar > .radar-actions-panel .radar-form__submit.ui-button,
  #view-radar > .radar-actions-panel .radar-form__submit{
    grid-column:auto !important;
  }

  #view-radar > .radar-actions-panel .field,
  #view-radar > .radar-actions-panel .field.field--float{
    gap:var(--ui-label-gap, 6px) !important;
  }

  #view-radar > .radar-actions-panel .field label{
    display:block !important;
    margin:0 !important;
    color:var(--ui-field-label-color, var(--text-mid)) !important;
    font-family:'Inter','DM Sans',system-ui,sans-serif !important;
    font-size:var(--ui-field-label-size, 10.5px) !important;
    font-weight:var(--ui-field-label-weight, 700) !important;
    letter-spacing:var(--ui-field-label-tracking, 0.1em) !important;
    line-height:var(--ui-field-label-line-height, 1.1) !important;
    text-transform:uppercase !important;
  }

  #view-radar > .radar-actions-panel .field input,
  #view-radar > .radar-actions-panel #rCurrentPrice,
  #view-radar .radar-cards-toolbar .radar-select-trigger,
  #view-radar .radar-readbar-mobile.mesa-help--disclosure,
  #view-radar .radar-block--actions .radar-hint{
    background:var(--bg-subtle) !important;
  }

  #view-radar > .radar-actions-panel .field input,
  #view-radar > .radar-actions-panel .radar-form__submit{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}


/* Botão com a mesma largura visual do último campo da linha superior.
   Centralizamos a malha de colunas em variáveis para a linha de preços e a
   linha da nota compartilharem exatamente o mesmo track final. */
#view-radar > .radar-actions-panel{
  --radar-actions-grid-template:minmax(0, 1.28fr) minmax(0, 0.78fr) minmax(0, 0.72fr) minmax(0, 0.72fr) minmax(0, 0.72fr);
  --radar-actions-grid-col-gap:12px;
  --radar-actions-grid-row-gap:10px;
}

#view-radar > .radar-actions-panel .radar-grid--prices{
  grid-template-columns:var(--radar-actions-grid-template) !important;
  column-gap:var(--radar-actions-grid-col-gap) !important;
  row-gap:var(--radar-actions-grid-row-gap) !important;
}

#view-radar > .radar-actions-panel .radar-form__note-row{
  display:grid !important;
  grid-template-columns:var(--radar-actions-grid-template) !important;
  column-gap:var(--radar-actions-grid-col-gap) !important;
  row-gap:var(--radar-actions-grid-row-gap) !important;
  align-items:end !important;
}

#view-radar > .radar-actions-panel .radar-form__note-field{
  grid-column:1 / 5 !important;
  min-width:0 !important;
}

#view-radar > .radar-actions-panel .radar-form__submit.ui-button,
#view-radar > .radar-actions-panel .radar-form__submit{
  grid-column:5 / 6 !important;
  justify-self:stretch !important;
  align-self:end !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

@media (max-width: 899px){
  #view-radar > .radar-actions-panel .radar-form__note-row{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
    column-gap:0 !important;
  }

  #view-radar > .radar-actions-panel .radar-form__note-field,
  #view-radar > .radar-actions-panel .radar-form__submit.ui-button,
  #view-radar > .radar-actions-panel .radar-form__submit{
    grid-column:auto !important;
  }
}

@media (max-width: 767px){
  #view-radar > .radar-actions-panel .radar-grid--prices{
    grid-template-columns:minmax(0, 1fr) !important;
    column-gap:0 !important;
    row-gap:14px !important;
  }
}

@media (max-width: 767px){
  #view-radar > .radar-actions-panel .radar-form__m-summary,
  #view-radar > .radar-actions-panel .radar-form__m-caret{
    display:none !important;
  }

  #view-radar > .radar-actions-panel .radar-form,
  #view-radar > .radar-actions-panel .radar-form--m-collapsible{
    overflow:visible !important;
  }

  #view-radar > .radar-actions-panel .radar-form__body{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:0 !important;
  }

  #view-radar > .radar-actions-panel .radar-card-head.mesa-ui-panel-heading{
    margin:0 !important;
    padding:0 !important;
  }

  #view-radar > .radar-actions-panel .radar-card-head__pill{
    margin-top:18px !important;
  }

  #view-radar > .radar-actions-panel .radar-card-head + .mesa-panel-heading-divider{
    --mesa-panel-heading-divider-gap-top:18px;
    --mesa-panel-heading-divider-gap-bottom:24px;
    margin:
      var(--mesa-panel-heading-divider-gap-top)
      0
      var(--mesa-panel-heading-divider-gap-bottom) !important;
  }

  #view-radar > .radar-actions-panel .radar-grid--prices{
    margin:0 0 14px !important;
  }

  #view-radar > .radar-actions-panel .radar-form__note-row{
    margin:0 0 16px !important;
  }
}

@media (max-width: 767px){
  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions{
    padding:var(--mesa-mobile-panel-inset, 20px) !important;
    overflow:visible !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-form__m-summary,
  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-form__m-caret{
    display:none !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-form__body{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:0 !important;
    border-top:0 !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-card-head.mesa-ui-panel-heading{
    margin:0 !important;
    padding:0 !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-card-head + .mesa-panel-heading-divider{
    display:none !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-card-head__copy.mesa-ui-panel-heading__copy::after{
    content:'' !important;
    display:block !important;
    width:min(var(--mesa-panel-heading-divider-width, min(240px, 72vw)), 100%) !important;
    height:1px !important;
    margin:var(--mesa-panel-heading-divider-gap-top, 14px) 0 12px !important;
    background:var(--mesa-panel-heading-divider-gradient) !important;
    pointer-events:none !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-card-head__pill{
    margin:0 0 22px !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-grid--prices{
    margin-top:0 !important;
    row-gap:18px !important;
  }

  #mesaAppShell #view-radar.active > .radar-actions-panel.radar-block--actions .radar-form__note-row{
    row-gap:18px !important;
  }
}

/* ==========================================================================
   Radar mobile - painel de acompanhamento no padrao branco + componentes creme
   ========================================================================== */
@media (max-width: 767px){
  #mesaAppShell #view-radar.active .radar-socio{
    background:var(--bg-surface) !important;
    overflow:visible !important;
  }

  #mesaAppShell #view-radar.active .radar-socio > .radar-block--list{
    display:block !important;
    width:calc(100% - (var(--mesa-mobile-panel-inset, 20px) * 2)) !important;
    max-width:calc(100% - (var(--mesa-mobile-panel-inset, 20px) * 2)) !important;
    margin-right:var(--mesa-mobile-panel-inset, 20px) !important;
    margin-left:var(--mesa-mobile-panel-inset, 20px) !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 0 16px !important;
    padding:0 !important;
    gap:12px !important;
    overflow:visible !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile.mesa-help--disclosure{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    min-height:var(--field-h, 40px) !important;
    padding:0 14px !important;
    border:1px solid var(--border) !important;
    border-radius:var(--ui-radius-control, 12px) !important;
    background:var(--bg-subtle) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile.mesa-help--disclosure:not([open]){
    height:var(--field-h, 40px) !important;
    max-height:var(--field-h, 40px) !important;
    overflow:hidden !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__summary.mesa-help__head{
    min-height:calc(var(--field-h, 40px) - 2px) !important;
    height:calc(var(--field-h, 40px) - 2px) !important;
    padding:0 !important;
    gap:12px !important;
    box-sizing:border-box !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__title.mesa-help__label{
    min-width:0 !important;
    overflow:hidden !important;
    color:var(--text) !important;
    font-size:11px !important;
    font-weight:850 !important;
    letter-spacing:0.12em !important;
    line-height:1.1 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__panel.mesa-help__body{
    display:grid !important;
    gap:12px !important;
    margin:0 !important;
    padding:10px 0 14px !important;
    border-top:1px solid color-mix(in srgb, var(--border) 82%, transparent) !important;
    background:transparent !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-left:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__text{
    max-width:100% !important;
    margin:0 !important;
    color:var(--text-mid) !important;
    font-size:12.5px !important;
    font-weight:500 !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__legend-list.mesa-help__chips{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:24px !important;
    height:auto !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__legend.mesa-help__chip{
    display:inline-flex !important;
    flex:0 1 auto !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    min-height:24px !important;
    padding:4px 9px !important;
    border:1px solid color-mix(in srgb, var(--border) 86%, transparent) !important;
    border-radius:999px !important;
    background:var(--bg-surface) !important;
    color:var(--text-mid) !important;
    font-size:11px !important;
    font-weight:650 !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__legend.mesa-help__chip::before{
    content:none !important;
    display:none !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__legend .radar-readbar__sample{
    display:inline-block !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
    margin:0 7px 0 0 !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__legend .radar-readbar__sample--dot{
    width:10px !important;
    height:10px !important;
    border:1.5px solid rgba(17, 24, 36, 0.68) !important;
    border-radius:999px !important;
    background:#f3efe4 !important;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(252, 252, 250, 0.85) !important;
    transform:none !important;
  }

  #mesaAppShell #view-radar.active .radar-readbar-mobile__legend .radar-readbar__sample--diamond{
    width:9px !important;
    height:9px !important;
    border:1.5px solid rgba(17, 24, 36, 0.78) !important;
    border-radius:2px !important;
    background:var(--gold-soft, #c9b27a) !important;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) !important;
    transform:rotate(45deg) !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar__actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    gap:10px !important;
    overflow:visible !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar__control,
  #mesaAppShell #view-radar.active .radar-cards-toolbar__control--range,
  #mesaAppShell #view-radar.active .radar-cards-toolbar .radar-select-group{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    gap:7px !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar .radar-select,
  #mesaAppShell #view-radar.active .radar-cards-toolbar .radar-select-trigger{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar .radar-select-trigger{
    height:var(--field-h, 40px) !important;
    min-height:var(--field-h, 40px) !important;
    max-height:var(--field-h, 40px) !important;
    padding:0 14px !important;
    border:1px solid var(--border) !important;
    border-radius:var(--ui-radius-control, 12px) !important;
    background:var(--bg-subtle) !important;
    color:color-mix(in srgb, var(--text-mid) 68%, var(--text-dim) 32%) !important;
    font-size:13px !important;
    font-weight:600 !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar .radar-select-value{
    color:color-mix(in srgb, var(--text-mid) 68%, var(--text-dim) 32%) !important;
    font-weight:600 !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar__refresh{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:var(--field-h, 40px) !important;
    min-height:var(--field-h, 40px) !important;
    max-height:var(--field-h, 40px) !important;
    margin:6px 0 0 !important;
    padding:0 16px !important;
    border-radius:var(--ui-radius-control, 12px) !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:0.03em !important;
    line-height:1.1 !important;
    text-align:center !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  #mesaAppShell #view-radar.active .radar-cards-toolbar .radar-select-dropdown,
  #mesaAppShell #view-radar.active #radarSortDropdown,
  #mesaAppShell #view-radar.active #radarRangeDropdown{
    right:0 !important;
    left:0 !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    padding:8px !important;
    border:1px solid var(--border) !important;
    border-radius:16px !important;
    background:var(--bg-surface) !important;
    box-shadow:0 16px 34px rgba(18, 24, 33, 0.14) !important;
    box-sizing:border-box !important;
  }

  #mesaAppShell #view-radar.active #radarContent{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  #mesaAppShell #view-radar .radar-block--list #radarContent .summary-grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    width:100% !important;
    min-width:0 !important;
    gap:9.6px !important;
    row-gap:9.6px !important;
    column-gap:0 !important;
    margin:0 !important;
    padding:8px !important;
    padding-bottom:8px !important;
    border:1px solid var(--border) !important;
    border-radius:0 !important;
    background:var(--bg-subtle) !important;
    box-sizing:border-box !important;
  }

  #mesaAppShell #view-radar .radar-block--list #radarContent .summary-grid > .summary-card.radar-card.radar-card--m-accordion:not(.radar-card--m-acc-skip){
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #mesaAppShell #view-radar .radar-block--list #radarContent .radar-card__m-acc-trigger{
    border-radius:0 !important;
    background:var(--surface) !important;
  }
}