/* Impede que textos ou controles internos aumentem a largura dos painéis. */
#detail .detail-standard-card,
#detail .tasting-accordion,
#detail .tasting-panel,
#detail .tasting-panel-toggle,
#detail .tasting-panel-body,
#detail .appearance-color-select,
#detail .appearance-color-button{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

/* A coluna da grade sempre respeita a largura interna de Minha degustação. */
#detail .tasting-accordion{
  grid-template-columns:minmax(0,1fr) !important;
  contain:inline-size;
}

/* O nome longo da cor encolhe dentro do botão, sem empurrar o painel. */
#detail .appearance-color-label{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#detail .appearance-color-swatch,
#detail .tasting-panel-arrow{
  flex:none !important;
}