/* Estructura: shell, navegación, encabezado, tira, zona de acción, panel y mensajes. Una sola grilla: nada flota sobre el contenido. */
html, body { height: 100%; overflow: hidden; }
.cq-shell { display: grid; height: var(--cq-alto, 100dvh); grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto auto auto; grid-template-areas: "enc" "tira" "main" "panel" "zona" "nav"; }
.cq-shell[data-hoja="alta"] { grid-template-rows: auto auto 0 minmax(0, 1fr) auto auto; }
.cq-shell[data-hoja="alta"] .cq-main { padding-block: 0; overflow: hidden; }
.cq-shell--acceso { grid-template-areas: "enc" "tira" "main" "panel" "zona" "zona"; }
.cq-ranura-encabezado { grid-area: enc; padding-top: env(safe-area-inset-top); background: var(--cq-bg); min-width: 0; }
.cq-ranura-tira { grid-area: tira; min-width: 0; }
.cq-ranura-tira:empty, .cq-zona:empty { display: none; }
.cq-main { --cq-contenido-max: calc(var(--cq-inspector-width) * 2); --cq-margen: var(--cq-space-4); grid-area: main; min-width: 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; overflow-anchor: none; container-type: inline-size; padding-block: 0 var(--cq-space-6); padding-inline: max(var(--cq-margen), calc((100% - var(--cq-contenido-max)) / 2)); }
.cq-main:focus { outline: none; }

/* Navegación: barra a menos de 600, rail hasta 1199 y lateral con árbol desde 1200. */
.cq-nav { grid-area: nav; min-width: 0; background: var(--cq-surface); }
.cq-nav__cabecera, .cq-nav__pie, .cq-arbol { display: none; }
.cq-nav__destinos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--cq-line); }
.cq-destino { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--cq-space-1); min-width: var(--cq-touch); min-height: var(--cq-bottombar-height); border: 0; padding: 0; background: none; color: var(--cq-ink-2); font-size: var(--cq-text-12); }
.cq-destino__icono { display: flex; align-items: center; justify-content: center; }
.cq-destino__tecla { display: none; }
.cq-destino--crear .cq-destino__icono { width: var(--cq-space-6); height: var(--cq-space-6); border-radius: var(--cq-radius-pill); background: var(--cq-accent); color: var(--cq-accent-ink); flex-shrink: 0; }
.cq-destino[aria-current] { color: var(--cq-ink); font-weight: 600; }
.cq-destino[aria-current]:not(.cq-destino--crear) .cq-icono { color: var(--cq-accent); }
.cq-destino[aria-current]::before { content: ''; position: absolute; top: 0; left: 20%; right: 20%; height: 2px; background: var(--cq-accent); }
.cq-shell[data-teclado] .cq-nav { display: none; }
@media (hover: hover) {
  .cq-destino:hover { color: var(--cq-ink); }
}
@media (width >= 37.5em) {
  .cq-shell { grid-template-columns: var(--cq-rail-med) minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto; grid-template-areas: "nav enc" "nav tira" "nav main" "nav zona"; }
  .cq-shell[data-hoja="alta"] { grid-template-rows: auto auto minmax(0, 1fr) auto; }
  .cq-shell[data-hoja="alta"] .cq-main { padding-block: 0 var(--cq-space-6); overflow-y: auto; }
  .cq-shell--acceso { grid-template-columns: minmax(0, 1fr); grid-template-areas: "enc" "tira" "main" "zona"; }
  .cq-main { --cq-margen: var(--cq-space-5); }
  .cq-nav { display: flex; flex-direction: column; min-height: 0; overflow-y: auto; border-right: 1px solid var(--cq-line); }
  .cq-shell[data-teclado] .cq-nav { display: flex; }
  .cq-nav__destinos { display: flex; flex-direction: column; gap: var(--cq-space-1); padding: var(--cq-space-2) 0; border-top: 0; }
  .cq-destino[aria-current]::before { top: 20%; bottom: 20%; left: 0; right: auto; width: 2px; height: auto; }
  .cq-shell--con-mitades { grid-template-columns: var(--cq-rail-med) minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "nav enc enc" "nav tira tira" "nav main panel" "nav zona zona"; }
}
@media (width >= 52.5em) {
  .cq-main { --cq-contenido-max: calc(var(--cq-space-7) * 20); --cq-margen: var(--cq-space-6); }
  .cq-shell--con-columna { grid-template-columns: var(--cq-rail-med) minmax(0, 1fr) var(--cq-inspector-ancho, var(--cq-inspector-ideal)); grid-template-areas: "nav enc panel" "nav tira panel" "nav main panel" "nav zona panel"; }
  .cq-shell--con-inspector .cq-contenido { gap: var(--cq-space-6); }
}
@media (width >= 75em) {
  .cq-shell:not([data-barra-plegada], .cq-shell--acceso) { grid-template-columns: var(--cq-sidebar-width) minmax(0, 1fr); }
  .cq-shell.cq-shell--con-columna:not([data-barra-plegada]) { grid-template-columns: var(--cq-sidebar-width) minmax(0, 1fr) var(--cq-inspector-ancho, var(--cq-inspector-ideal)); }
  .cq-shell[data-barra-plegada].cq-shell--con-columna { grid-template-columns: var(--cq-rail-med) minmax(0, 1fr) var(--cq-inspector-ancho, var(--cq-inspector-ideal)); }
  .cq-nav__pie { display: flex; flex-direction: column; margin-top: auto; padding: var(--cq-space-2) 0; }
  .cq-nav__fila { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--cq-space-1); width: 100%; min-height: var(--cq-bottombar-height); padding: 0 var(--cq-space-1); border: 0; background: none; color: var(--cq-ink-2); font-size: var(--cq-text-12); text-align: center; }
  .cq-nav__pie > :not(.cq-nav__plegar) { display: none; }
  .cq-shell:not([data-barra-plegada]) .cq-nav { gap: var(--cq-space-2); padding: var(--cq-space-2); }
  .cq-shell:not([data-barra-plegada]) .cq-nav__pie { padding: 0; }
  .cq-shell:not([data-barra-plegada]) .cq-nav__pie > :not(.cq-nav__plegar) { display: flex; }
  .cq-shell:not([data-barra-plegada]) .cq-nav__fila { flex-direction: row; justify-content: flex-start; gap: var(--cq-space-2); min-height: var(--cq-touch); padding: 0 var(--cq-space-2); border-radius: var(--cq-radius-control); font-size: var(--cq-text-14); text-align: left; }
  .cq-shell:not([data-barra-plegada]) .cq-nav__fila[aria-current] { background: var(--cq-surface-2); color: var(--cq-ink); font-weight: 600; }
  .cq-shell:not([data-barra-plegada]) .cq-nav__cabecera { display: flex; align-items: center; justify-content: space-between; min-height: var(--cq-touch); padding-left: var(--cq-space-2); }
  .cq-nav__cabecera .cq-marca { font-size: var(--cq-text-20); line-height: 1; }
  .cq-nav__yo { display: inline-flex; align-items: center; gap: var(--cq-space-1); min-height: var(--cq-touch); padding: 0 var(--cq-space-2); border: 0; background: none; color: var(--cq-ink-2); font-size: var(--cq-text-14); }
  .cq-nav__yo[aria-current] { color: var(--cq-ink); font-weight: 600; }
  .cq-nav__yo[aria-current] .cq-icono { color: var(--cq-accent); }
  .cq-shell:not([data-barra-plegada]) .cq-nav__destinos { padding: 0; gap: 0; }
  .cq-shell:not([data-barra-plegada]) .cq-destino { flex-direction: row; justify-content: flex-start; gap: var(--cq-space-2); width: 100%; min-height: var(--cq-touch); padding: 0 var(--cq-space-2); border-radius: var(--cq-radius-control); font-size: var(--cq-text-14); }
  .cq-shell:not([data-barra-plegada]) .cq-destino[aria-current] { background: var(--cq-surface-2); }
  .cq-shell:not([data-barra-plegada]) .cq-destino[aria-current]::before { display: none; }
  .cq-shell:not([data-barra-plegada]) .cq-destino--crear { color: var(--cq-ink); }
  .cq-shell:not([data-barra-plegada]) .cq-destino--crear .cq-destino__icono { width: auto; height: auto; background: none; color: var(--cq-accent); }
  .cq-shell:not([data-barra-plegada]) .cq-destino__tecla { display: inline; margin-left: auto; font-weight: 400; color: var(--cq-ink-2); font-size: var(--cq-text-12); }
  .cq-shell:not([data-barra-plegada]) .cq-arbol:not([hidden]) { display: flex; flex-direction: column; padding-top: var(--cq-space-2); border-top: 1px solid var(--cq-line); }
  .cq-arbol__proyecto { display: flex; align-items: center; min-height: var(--cq-touch); padding: 0 var(--cq-space-2); color: var(--cq-ink); font-size: var(--cq-text-14); font-weight: 600; text-decoration: none; overflow: hidden; }
  .cq-arbol__proyecto > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .cq-arbol__grupo { display: flex; align-items: center; gap: var(--cq-space-2); width: 100%; min-height: var(--cq-touch); padding: 0 var(--cq-space-2); border: 0; background: none; color: var(--cq-ink-2); font-size: var(--cq-text-12); font-weight: 600; text-align: left; }
  .cq-arbol__grupo .cq-icono, .cq-arbol__item .cq-icono { width: var(--cq-text-16); height: var(--cq-text-16); }
  .cq-arbol__cuenta { margin-left: auto; font-weight: 400; }
  .cq-arbol__item { display: flex; align-items: center; gap: var(--cq-space-2); min-height: var(--cq-touch); padding: 0 var(--cq-space-2) 0 var(--cq-space-3); border-radius: var(--cq-radius-control); color: var(--cq-ink-2); font-size: var(--cq-text-14); text-decoration: none; }
  .cq-arbol__item > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .cq-arbol__item[aria-current="page"] { background: var(--cq-accent-tint); color: var(--cq-ink); font-weight: 600; }
  .cq-arbol__item--actual .cq-icono { color: var(--cq-accent); }
  .cq-arbol__item--fallida .cq-icono { color: var(--cq-bad); }
}

/* Encabezado de una línea, fijo porque desplaza el contenido y no la ventana. */
.cq-header { display: flex; align-items: center; gap: var(--cq-space-1); min-height: var(--cq-cab-height); padding: var(--cq-space-1) var(--cq-space-2) var(--cq-space-1) var(--cq-space-1); border-bottom: 1px solid var(--cq-line); background: var(--cq-bg); }
.cq-header--raiz { padding-left: var(--cq-space-4); }
.cq-volver { display: inline-flex; align-items: center; min-height: var(--cq-touch); max-width: calc(var(--cq-touch) * 3); padding: 0 var(--cq-space-1) 0 0; border: 0; background: none; color: var(--cq-ink-2); font-size: var(--cq-text-14); flex-shrink: 0; }
.cq-volver > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cq-header__sep { color: var(--cq-ink-2); }
.cq-header__titulo { flex: 1; min-width: 0; margin-left: var(--cq-space-2); font-size: var(--cq-text-16); font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cq-header--raiz .cq-header__titulo { margin-left: 0; }
.cq-header > .cq-button, .cq-header > .cq-menu, .cq-header > .cq-chip, .cq-header__ranura { flex-shrink: 0; }
.cq-header__ranura { display: flex; align-items: center; gap: var(--cq-space-2); }
.cq-header__ranura:empty { display: none; }
.cq-header-yo { display: inline-flex; align-items: center; gap: var(--cq-space-1); min-height: var(--cq-touch); padding: 0 var(--cq-space-2); border: 0; background: none; color: var(--cq-ink-2); font-size: var(--cq-text-14); }
.cq-header-menu.cq-button--icono > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cq-migas { display: none; }
.cq-menu { position: relative; }
.cq-menu__lista { display: flex; flex-direction: column; align-items: stretch; }
.cq-menu__lista .cq-button { justify-content: flex-start; }
.cq-menu__hoja .cq-menu__lista { margin-top: var(--cq-space-3); }
.cq-menu__lista .cq-button--peligro { margin-top: var(--cq-space-2); border-top-color: var(--cq-line); border-radius: 0; }
@media (width >= 37.5em) {
  .cq-header { gap: var(--cq-space-2); min-height: var(--cq-cab-ancha); padding: var(--cq-space-1) var(--cq-space-5); }
  .cq-header--raiz { padding-left: var(--cq-space-5); }
  .cq-volver:not(.cq-volver--origen), .cq-volver:not(.cq-volver--origen) + .cq-header__sep, .cq-header__titulo { display: none; }
  .cq-migas { display: flex; align-items: center; gap: var(--cq-space-1); flex: 1; min-width: 0; font-size: var(--cq-text-14); color: var(--cq-ink-2); white-space: nowrap; overflow: hidden; }
  .cq-miga { display: inline-flex; align-items: center; min-height: var(--cq-touch); min-width: var(--cq-touch); color: var(--cq-ink-2); text-decoration: none; overflow: hidden; text-overflow: ellipsis; }
  .cq-migas__actual { color: var(--cq-ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
  .cq-migas__separador { flex-shrink: 0; }
  .cq-menu__hoja { position: fixed; margin: 0; width: calc(var(--cq-touch) * 6); border-radius: var(--cq-radius-card); padding: var(--cq-space-3); box-shadow: var(--cq-shadow-lg); }
}
@media (width >= 75em) {
  .cq-shell:not([data-barra-plegada]) .cq-header-yo { display: none; }
}
@media (hover: hover) {
  .cq-miga:hover { color: var(--cq-ink); text-decoration: underline; }
}

/* Tira de avance y recorrido. */
.cq-tira { display: flex; align-items: center; gap: var(--cq-space-2); min-height: var(--cq-touch); padding-right: var(--cq-space-2); border-bottom: 1px solid var(--cq-line); background: var(--cq-surface); font-size: var(--cq-text-12); }
.cq-tira__abrir { display: flex; align-items: center; gap: var(--cq-space-2); flex: 1; min-width: 0; min-height: var(--cq-touch); padding: 0 0 0 var(--cq-space-4); border: 0; background: none; color: var(--cq-ink); font-size: inherit; text-align: left; }
.cq-tira__texto { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cq-tira__texto b { font-weight: 600; }
.cq-tira__paso { display: none; }
.cq-tira--atencion .cq-tira__atencion { color: var(--cq-bad); }
[data-theme="light"] .cq-tira--atencion .cq-tira__atencion { color: color-mix(in srgb, var(--cq-bad) 85%, var(--cq-ink)); }
.cq-ticks { display: inline-flex; align-items: center; gap: var(--cq-space-2); flex-shrink: 0; }
.cq-ticks__grupo { display: inline-flex; align-items: center; gap: 2px; }
.cq-tick { width: 6px; height: 12px; border: 1px solid var(--cq-ink-2); border-radius: 1px; }
.cq-tick--listo { background: var(--cq-ink-2); }
.cq-tick--actual { height: var(--cq-space-4); background: var(--cq-accent); border-color: var(--cq-accent); }
.cq-tick--fallida { height: var(--cq-space-4); background: var(--cq-bad); border-color: var(--cq-bad); }
.cq-recorrido { position: fixed; inset: auto 0 0; width: 100%; max-width: none; max-height: calc(100dvh - var(--cq-touch) * 2); margin: 0; padding: 0; overflow: hidden; border-radius: var(--cq-radius-sheet) var(--cq-radius-sheet) 0 0; }
.cq-recorrido[open] { display: flex; flex-direction: column; }
.cq-recorrido > * + * { margin-top: 0; }
.cq-recorrido__cabecera { display: flex; align-items: center; justify-content: space-between; gap: var(--cq-space-2); min-height: var(--cq-touch); padding: var(--cq-space-1) var(--cq-space-2) var(--cq-space-1) var(--cq-space-4); }
.cq-recorrido__cuerpo { display: flex; flex-direction: column; gap: var(--cq-space-4); min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 var(--cq-space-4) calc(var(--cq-space-4) + env(safe-area-inset-bottom)); }
.cq-recorrido__fase { display: flex; align-items: baseline; justify-content: space-between; gap: var(--cq-space-2); padding-bottom: var(--cq-space-2); }
.cq-recorrido__paso { display: flex; align-items: center; gap: var(--cq-space-3); min-height: var(--cq-touch); padding: var(--cq-space-2) var(--cq-space-1); border-top: 1px solid var(--cq-line); color: var(--cq-ink); text-decoration: none; }
.cq-recorrido__paso[aria-current] { background: var(--cq-accent-tint); }
.cq-recorrido__paso .cq-icono { color: var(--cq-ink-2); }
.cq-recorrido__paso--actual .cq-icono { color: var(--cq-accent); }
.cq-recorrido__paso--fallida .cq-icono { color: var(--cq-bad); }
.cq-recorrido__textos { display: flex; flex-direction: column; min-width: 0; }
@media (width >= 37.5em) {
  .cq-tira__abrir { padding-left: var(--cq-space-5); }
  .cq-tira { padding-right: var(--cq-space-5); }
  .cq-tira__paso { display: inline-flex; }
  .cq-recorrido { inset: var(--cq-space-7) 0 auto; width: calc(100% - var(--cq-space-7)); max-width: calc(var(--cq-inspector-width) + var(--cq-space-7) * 2); max-height: calc(100dvh - var(--cq-space-7) * 2); margin-inline: auto; border-radius: var(--cq-radius-sheet); }
}
@media (width >= 75em) {
  .cq-shell:not([data-barra-plegada]) .cq-ranura-tira { display: none; }
}

/* Zona de acción: una fila en el flujo, sobre la barra. */
.cq-zona { grid-area: zona; display: flex; align-items: center; gap: var(--cq-space-2); min-height: var(--cq-zona-height); padding: var(--cq-space-2) var(--cq-space-4); border-top: 1px solid var(--cq-line); background: var(--cq-surface); min-width: 0; }
.cq-zona > :not(.cq-asa) { flex: 1; min-width: 0; }
.cq-zona > .cq-header__primaria > .cq-button { width: 100%; }
.cq-header__primaria { display: flex; align-items: center; gap: var(--cq-space-2); }
.cq-asa { display: inline-flex; align-items: center; gap: var(--cq-space-1); min-height: var(--cq-touch); padding: 0 var(--cq-space-2); border: 1px dashed var(--cq-ai); border-radius: var(--cq-radius-control); background: none; color: var(--cq-ink); font-size: var(--cq-text-14); white-space: nowrap; flex-shrink: 0; }
.cq-asa .cq-icono { color: var(--cq-ai); }
.cq-asa__n { display: inline-flex; align-items: center; justify-content: center; min-width: var(--cq-text-20); height: var(--cq-text-20); padding: 0 var(--cq-space-1); border-radius: var(--cq-radius-pill); background: var(--cq-ai); color: var(--cq-bg); font-size: var(--cq-text-12); font-weight: 600; }
.cq-asa__n:empty { display: none; }
.cq-pie-edicion { position: sticky; z-index: 2; bottom: 0; display: flex; gap: var(--cq-space-2); padding: var(--cq-space-3) 0; background: var(--cq-bg); border-top: 1px solid var(--cq-line); }
.cq-pie-edicion > .cq-button { flex: 1; }
@media (width < 37.5em) {
  .cq-solo-ancho { display: none !important; }
}
@media (width >= 37.5em) {
  .cq-pie-edicion:not(.cq-pie-edicion--siempre) { display: none; }
  .cq-pie-edicion--siempre { position: static; border-top: 0; justify-content: flex-end; }
  .cq-pie-edicion--siempre > .cq-button { flex: 0 0 auto; }
}

/* Panel único: hoja en el flujo a menos de 600, encima hasta 839 y columna desde 840. */
.cq-inspector { grid-area: panel; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--cq-surface); overflow: hidden; }
.cq-inspector[data-modo="hoja"] { border-top: 1px solid var(--cq-line); border-radius: var(--cq-radius-sheet) var(--cq-radius-sheet) 0 0; }
.cq-inspector[data-modo="hoja"][data-detent="media"] { height: min(var(--cq-hoja-media), 50dvh); }
.cq-inspector[data-modo="hoja"][data-detent="alta"] { height: auto; }
.cq-panel__cabecera { display: flex; align-items: center; justify-content: space-between; gap: var(--cq-space-2); min-height: var(--cq-touch); padding: var(--cq-space-1) var(--cq-space-2) var(--cq-space-1) var(--cq-space-4); border-bottom: 1px solid var(--cq-line); flex-shrink: 0; }
.cq-panel__titulo { display: flex; align-items: center; gap: var(--cq-space-2); min-width: 0; font-size: var(--cq-text-16); font-weight: 600; }
.cq-panel__titulo .cq-icono { color: var(--cq-ai); }
.cq-panel__botones { display: flex; flex-shrink: 0; }
.cq-panel__botones .cq-button--icono { flex-direction: row; padding: var(--cq-space-2); }
.cq-panel__botones .cq-button--icono > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cq-inspector__cuerpo { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: var(--cq-space-3); overflow-wrap: anywhere; }
.cq-inspector__cuerpo > * { flex-shrink: 0; }
.cq-inspector .cq-card { padding: var(--cq-space-4); }
.cq-inspector .cq-chip { white-space: normal; }
.cq-inspector .cq-button { max-width: 100%; }
.cq-inspector__asa { position: absolute; top: 0; bottom: 0; left: calc(var(--cq-space-2) * -1); width: var(--cq-space-4); cursor: ew-resize; touch-action: none; z-index: 1; border-radius: var(--cq-radius-control); }
.cq-inspector__asa::before { content: ''; position: absolute; inset-block: var(--cq-space-4); left: 50%; width: 1px; background: var(--cq-line); }
.cq-inspector__asa:focus-visible { outline: none; box-shadow: var(--cq-focus-ring); }
.cq-inspector__asa:hover::before { background: var(--cq-accent); }
@media (width >= 37.5em) {
  .cq-inspector { border-left: 1px solid var(--cq-line); }
  .cq-inspector[data-modo="encima"] { grid-area: main; justify-self: end; width: var(--cq-inspector-ideal); z-index: 3; box-shadow: var(--cq-shadow-lg); }
  .cq-inspector[data-modo="mitades"] { grid-area: panel; }
  .cq-inspector[data-modo="columna"] { grid-area: panel; position: relative; overflow: visible; }
  .cq-inspector[data-modo="columna"] .cq-panel__cabecera { min-height: var(--cq-cab-ancha); }
  .cq-inspector .cq-dictado-pie { position: sticky; bottom: 0; margin-top: auto; border-top: 1px solid var(--cq-line); }
}
@media (width >= 52.5em) {
  .cq-shell--con-columna .cq-equipo-lista { grid-template-columns: minmax(0, 1fr); }
}

/* Mensajes breves: sobre el pie, sin ocupar lugar. */
.cq-toast { position: fixed; z-index: 10; display: block; inset: auto auto calc(var(--cq-pie-alto, 0px) + var(--cq-space-4)) 50%; margin: 0; padding: 0; border: 0; overflow: visible; transform: translateX(-50%); width: max-content; height: auto; max-width: calc(100% - var(--cq-space-6)); color: var(--cq-ink); background: var(--cq-surface-2); border-radius: var(--cq-radius-card); pointer-events: none; }
.cq-toast--visible { padding: var(--cq-space-3) var(--cq-space-4); border: 1px solid var(--cq-line); box-shadow: var(--cq-shadow-lg); }
.cq-toast--error { color: var(--cq-bad); border-color: var(--cq-bad); }
[data-theme="light"] .cq-toast--error { color: color-mix(in srgb, var(--cq-bad) 85%, var(--cq-ink)); }