/* ==========================================================================
   Mesa Radius System
   --------------------------------------------------------------------------
   Escala oficial:
   - painel principal: 20px
   - card / informativo interno: 14px
   - controle / botao: 12px
   - elemento compacto interno: 8px
   - pill / circulo: somente quando a semantica exige

   Esta camada e carregada por ultimo para alinhar componentes legados que
   ainda possuem raios locais. Novos componentes devem usar os tokens.
   ========================================================================== */

:root{
  --ui-radius-panel:20px;
  --ui-radius-card:14px;
  --ui-radius-control:12px;
  --ui-radius-compact:8px;
  --ui-radius-pill:999px;

  /* Aliases legados: um unico contrato, independentemente do nome antigo. */
  --panel-outer-radius:var(--ui-radius-panel);
  --panel-inset-radius:var(--ui-radius-card);
  --ui-panel-radius:var(--ui-radius-panel);
  --ui-context-radius:var(--ui-radius-card);
  --ui-control-radius:var(--ui-radius-control);
  --ui-button-radius:var(--ui-radius-control);
  --mesa-help-radius:var(--ui-radius-card);
}

/* Paineis principais */
:where(#mesaAppShell, #mesaGuestShell) :where(
  .form-card,
  .radar-block--actions,
  .radar-form,
  .ops-filters-panel,
  .realized-card,
  .reports-card,
  .cdi-config-panel,
  .ui-panel
){
  border-radius:var(--ui-radius-panel) !important;
}

/* Cards, informativos e superficies internas */
:where(#mesaAppShell, #mesaGuestShell) :where(
  .ui-card,
  .ui-panel-section,
  .context-card,
  .context-item,
  .summary-card,
  .radar-card,
  .cdi-card,
  .cdi-metric,
  .cdi-row,
  .wallet-mini,
  .realized-item,
  .mesa-help--inline,
  .mesa-help--disclosure,
  .mesa-help__popover
){
  border-radius:var(--ui-radius-card) !important;
}

/* Inputs, selects e controles com a mesma geometria. */
:where(#mesaAppShell, #mesaGuestShell) :where(
  input:not([type='checkbox']):not([type='radio']),
  textarea,
  select,
  .ui-input,
  .ui-textarea,
  .ui-select,
  .app-select,
  .date-display-btn,
  .mobile-select-trigger,
  .radar-select-trigger,
  .reports-year-picker__trigger,
  .mesa-patrimonio-sort-trigger,
  .ops-type-inline-trigger,
  .toggle-wrap,
  .cdi-mode-toggle
){
  border-radius:var(--ui-radius-control) !important;
}

/* Botoes de comando seguem exatamente o mesmo raio dos inputs. */
:where(#mesaAppShell, #mesaGuestShell) :where(
  .ui-button,
  .btn-add,
  .btn-seleto,
  .btn-seleto-ghost,
  .btn-ghost,
  .refresh-btn,
  .radar-form__submit,
  .calendar-footer-btn,
  .login-submit,
  .auth-submit
){
  border-radius:var(--ui-radius-control) !important;
}

/* Segmentos e opcoes internas: compactos, mas pertencentes a mesma escala. */
:where(#mesaAppShell, #mesaGuestShell) :where(
  .toggle-btn,
  .cdi-mode-toggle button,
  .radar-choice-option,
  .reports-year-picker__option,
  .ops-type-inline-option,
  .ui-panel__close,
  .calendar-nav-btn--icon,
  .btn-edit,
  .btn-del
){
  border-radius:var(--ui-radius-compact) !important;
}

/* Pills e circulos sao excecoes semanticas, nao uma escolha local de raio. */
:where(#mesaAppShell, #mesaGuestShell) :where(
  .mesa-help__icon,
  .mesa-help__chev,
  .mesa-help__chip,
  .tag-op,
  .chip,
  .badge,
  .status-chip,
  .radar-card__status-chip
){
  border-radius:var(--ui-radius-pill) !important;
}

/* Mobile full-screen continua sem cantos por tocar as bordas da viewport. */
@media (max-width:768px){
  :where(#mesaAppShell, #mesaGuestShell) .ui-panel{
    border-radius:0 !important;
  }
}

/* Compatibilidade de alta especificidade: Radar possui regras legadas com
   `!important`; ainda assim seus valores devem vir da mesma escala global. */
#mesaAppShell #view-radar .radar-form{
  border-radius:var(--ui-radius-panel) !important;
}

#mesaAppShell #view-radar .radar-block--actions{
  border-radius:var(--ui-radius-panel) !important;
}

#mesaAppShell #view-radar .radar-block--actions .field input,
#mesaAppShell #view-radar .radar-block--actions .radar-form__submit.btn-add,
#mesaAppShell #view-radar .radar-select-trigger{
  border-radius:var(--ui-radius-control) !important;
}

#mesaAppShell #view-radar .radar-block--actions .radar-hint.mesa-help,
#mesaAppShell #view-radar .radar-readbar-mobile.mesa-help--disclosure,
#mesaAppShell #view-radar .radar-readbar__panel.mesa-help__popover{
  border-radius:var(--ui-radius-card) !important;
}

@media (max-width:767px){
  #mesaAppShell #mainFormCard.form-card{
    border-radius:var(--ui-radius-panel) !important;
  }

  #mesaAppShell #mainFormCard .field input,
  #mesaAppShell #mainFormCard .field--float > input,
  #mesaAppShell #mainFormCard .date-display-btn,
  #mesaAppShell #mainFormCard .app-select,
  #mesaAppShell #mainFormCard .mobile-select-trigger,
  #mesaAppShell #mainFormCard .toggle-wrap{
    border-radius:var(--ui-radius-control) !important;
  }

  #mesaAppShell #mainFormCard #formContext.context-card,
  #mesaAppShell #mainFormCard #formContext.context-card.mesa-help{
    border-radius:var(--ui-radius-card) !important;
  }
}