/* =========================================================
   COMPONENTE: ÍCONES VETORIAIS

   Responsabilidade:
   Dimensiona os símbolos centralizados em core/uiIcons.js.
   ========================================================= */

.ui-symbol {
  display: block;
  width: 1em;
  height: 1em;
  color: inherit;
}

.dashboard-summary-icon .ui-symbol {
  width: 27px;
  height: 27px;
}

.dashboard-report-icon .ui-symbol {
  width: 28px;
  height: 28px;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.quotation-status-icon {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
}

.quotation-status-icon .ui-symbol {
  width: 22px;
  height: 22px;
  stroke-width: 2;
}

.quote-banner .quotation-status-icon .ui-symbol {
  width: 24px;
  height: 24px;
}

.delivery-pending-panel .whatsapp-check-icon .ui-symbol {
  width: 30px;
  height: 30px;
  stroke-width: 1.9;
}