/* WAYNA · F11 UX T02 — componentes de OPERACIÓN DIARIA del restaurante (Inicio, Salón, Cobrar, Delivery y recojo, Caja).
   Solo panel `admin` (el Control Plane no enlaza esta hoja). Usa los tokens de wayna-tenant-shell.css.
   Los tokens de tono tienen variante clara y oscura: Filament pone `.dark` en <html> en los modos Oscuro y Sistema-oscuro. */
:root {
    --wy-surface: #ffffff;
    --wy-surface-2: #f8fafc;
    --wy-border: #e2e8f0;
    --wy-text: #0f172a;
    --wy-text-muted: #475569;

    /* tonos: positivo/disponible · atención/operación activa · información/Primary · online/Secondary · error/destructivo · neutro */
    --wy-tone-success-bg: #dcfce7;   --wy-tone-success-fg: #166534;   --wy-tone-success-solid: #15803d;
    --wy-tone-attention-bg: #ffedd5; --wy-tone-attention-fg: #9a3412; --wy-tone-attention-solid: #c2410c;
    --wy-tone-info-bg: #e0f2fe;      --wy-tone-info-fg: #075985;      --wy-tone-info-solid: #0369a1;
    --wy-tone-online-bg: #cffafe;    --wy-tone-online-fg: #155e75;    --wy-tone-online-solid: #0e7490;
    --wy-tone-danger-bg: #fee2e2;    --wy-tone-danger-fg: #991b1b;    --wy-tone-danger-solid: #b91c1c;
    --wy-tone-neutral-bg: #e2e8f0;   --wy-tone-neutral-fg: #334155;   --wy-tone-neutral-solid: #475569;
}

:root.dark {
    --wy-surface: #111827;
    --wy-surface-2: #1e293b;
    --wy-border: #334155;
    --wy-text: #f1f5f9;
    --wy-text-muted: #cbd5e1;

    --wy-tone-success-bg: #14532d;   --wy-tone-success-fg: #bbf7d0;
    --wy-tone-attention-bg: #7c2d12; --wy-tone-attention-fg: #fed7aa;
    --wy-tone-info-bg: #0c4a6e;      --wy-tone-info-fg: #bae6fd;
    --wy-tone-online-bg: #164e63;    --wy-tone-online-fg: #a5f3fc;
    --wy-tone-danger-bg: #7f1d1d;    --wy-tone-danger-fg: #fecaca;
    --wy-tone-neutral-bg: #334155;   --wy-tone-neutral-fg: #e2e8f0;
}

/* ---------- insignia de estado ---------- */
.wy-badge { display: inline-flex; align-items: center; gap: .35rem; padding: .2rem .6rem; border-radius: 999px; font-size: .75rem; font-weight: 600; line-height: 1.25; white-space: nowrap; }
.wy-badge svg { width: 1rem; height: 1rem; flex: none; }
.wy-badge--success { background: var(--wy-tone-success-bg); color: var(--wy-tone-success-fg); }
.wy-badge--attention { background: var(--wy-tone-attention-bg); color: var(--wy-tone-attention-fg); }
.wy-badge--info { background: var(--wy-tone-info-bg); color: var(--wy-tone-info-fg); }
.wy-badge--online { background: var(--wy-tone-online-bg); color: var(--wy-tone-online-fg); }
.wy-badge--danger { background: var(--wy-tone-danger-bg); color: var(--wy-tone-danger-fg); }
.wy-badge--neutral { background: var(--wy-tone-neutral-bg); color: var(--wy-tone-neutral-fg); }

/* ---------- KPI operativo ---------- */
.wy-kpi { display: flex; align-items: center; gap: .875rem; min-height: 4.5rem; padding: .875rem 1rem; border-radius: .75rem; background: var(--wy-surface); border: 1px solid var(--wy-border); color: var(--wy-text); text-decoration: none; }
.wy-kpi__icon { display: grid; place-items: center; flex: none; width: 2.75rem; height: 2.75rem; border-radius: .75rem; }
.wy-kpi__icon svg { width: 1.5rem; height: 1.5rem; }
.wy-kpi--success .wy-kpi__icon { background: var(--wy-tone-success-bg); color: var(--wy-tone-success-fg); }
.wy-kpi--attention .wy-kpi__icon { background: var(--wy-tone-attention-bg); color: var(--wy-tone-attention-fg); }
.wy-kpi--info .wy-kpi__icon { background: var(--wy-tone-info-bg); color: var(--wy-tone-info-fg); }
.wy-kpi--online .wy-kpi__icon { background: var(--wy-tone-online-bg); color: var(--wy-tone-online-fg); }
.wy-kpi--danger .wy-kpi__icon { background: var(--wy-tone-danger-bg); color: var(--wy-tone-danger-fg); }
.wy-kpi--neutral .wy-kpi__icon { background: var(--wy-tone-neutral-bg); color: var(--wy-tone-neutral-fg); }
.wy-kpi__label { font-size: .8125rem; color: var(--wy-text-muted); }
.wy-kpi__value { font-size: 1.5rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.wy-kpi__hint { font-size: .75rem; color: var(--wy-text-muted); }
a.wy-kpi:hover { border-color: var(--wy-primary); }

/* ---------- acceso rápido (acción frecuente) ---------- */
.wy-quick { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .625rem; min-height: 6rem; padding: 1.25rem 1rem; border-radius: .875rem; font-weight: 700; font-size: 1rem; text-decoration: none; color: #ffffff; background: var(--wy-tone-info-solid); }
.wy-quick svg { width: 2rem; height: 2rem; }
.wy-quick--success { background: var(--wy-tone-success-solid); }
.wy-quick--attention { background: var(--wy-tone-attention-solid); }
.wy-quick--info { background: var(--wy-tone-info-solid); }
.wy-quick--neutral { background: var(--wy-tone-neutral-solid); }
.wy-quick:hover { filter: brightness(1.08); }
.wy-quick:focus-visible, .wy-table-card:focus-visible, .wy-kpi:focus-visible { outline: 3px solid var(--wy-secondary); outline-offset: 2px; }

/* ---------- estado vacío ---------- */
.wy-empty { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 2.5rem 1rem; text-align: center; color: var(--wy-text-muted); }
.wy-empty svg { width: 3rem; height: 3rem; color: var(--wy-neutral); }
.wy-empty__title { font-size: 1.0625rem; font-weight: 600; color: var(--wy-text); }

/* ---------- tarjeta de mesa (Salón) ---------- */
.wy-table-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 1.5rem 1rem; }
.wy-table-card[data-state="free"] { --wy-state: var(--wy-tone-success-solid); }
.wy-table-card[data-state="occupied"] { --wy-state: var(--wy-tone-attention-solid); }
.wy-table-card[data-state="bill"] { --wy-state: var(--wy-tone-info-solid); }
.wy-table-card[data-state="online"] { --wy-state: var(--wy-tone-online-solid); }
.wy-table-card[data-state="critical"] { --wy-state: var(--wy-tone-danger-solid); }
.wy-table-card[data-state="reserved"], .wy-table-card[data-state="maintenance"], .wy-table-card[data-state="unknown"] { --wy-state: var(--wy-tone-neutral-solid); }

/* ---------- leyenda de estados ---------- */
.wy-legend { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8125rem; color: var(--wy-text-muted); }
.wy-legend__item { display: inline-flex; align-items: center; gap: .375rem; }
.wy-legend__dot { width: .75rem; height: .75rem; border-radius: 999px; background: var(--wy-tone-neutral-solid); }
.wy-legend__dot[data-state="free"] { background: var(--wy-tone-success-solid); }
.wy-legend__dot[data-state="occupied"] { background: var(--wy-tone-attention-solid); }
.wy-legend__dot[data-state="bill"] { background: var(--wy-tone-info-solid); }

/* ---------- Inicio: resumen operativo ---------- */
.wy-home { display: grid; gap: 1.75rem; }
.wy-home__section { display: flex; flex-direction: column; gap: .75rem; }
.wy-home__quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 1rem; }
.wy-home__kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; }
.wy-home__title { margin: 0; font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wy-text-muted); }
.wy-home__notice { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; padding: 1rem 1.25rem; border-radius: .75rem; background: var(--wy-tone-attention-bg); color: var(--wy-tone-attention-fg); }
.wy-home__notice > svg { width: 1.75rem; height: 1.75rem; flex: none; }
.wy-home__notice > div { flex: 1; min-width: 14rem; font-size: .875rem; }
.wy-home__notice-title { font-weight: 700; font-size: 1rem; }
.wy-home__notice-action { display: inline-flex; align-items: center; min-height: 2.5rem; padding: .375rem 1rem; border-radius: .625rem; background: var(--wy-tone-attention-solid); color: #ffffff; font-weight: 700; text-decoration: none; }

/* ---------- Pedidos (antes Delivery y recojo): pestañas + lista sobre un solo dataset; alta con elección simple ---------- */
.wy-pedidos { display: flex; flex-direction: column; gap: 1rem; color: var(--wy-text); min-width: 0; }
.wy-pedidos .wy-pedidos__tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: .125rem; scrollbar-width: thin; }
.wy-pedidos__tabs .wy-tab { flex: none; white-space: nowrap; }
.wy-tab__count { display: inline-grid; place-items: center; min-width: 1.5rem; height: 1.5rem; padding-inline: .375rem; border-radius: 999px; background: var(--wy-tone-neutral-bg); color: var(--wy-tone-neutral-fg); font-size: .75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.wy-tab[aria-current="page"] .wy-tab__count { background: #ffffff; color: var(--wy-tone-info-fg); }
.wy-delivery-panel { background: var(--wy-surface); border: 1px solid var(--wy-border); border-radius: .75rem; color: var(--wy-text); box-shadow: 0 1px 2px rgba(15, 23, 42, .06); min-width: 0; }
.wy-delivery-new-row { box-shadow: inset 4px 0 0 var(--wy-tone-attention-solid); }

.wy-pedido-choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.wy-pedido-choice__card { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 1.75rem 1rem; border-radius: 1rem; border: 2px solid var(--wy-border); background: var(--wy-surface-2); color: var(--wy-text); text-align: center; text-decoration: none; transition: border-color .12s ease, background-color .12s ease; }
.wy-pedido-choice__card:hover, .wy-pedido-choice__card:focus-visible { border-color: var(--wy-tone-info-solid); background: var(--wy-tone-info-bg); outline: none; }
.wy-pedido-choice__icon { width: 3.5rem; height: 3.5rem; color: var(--wy-tone-info-fg); }
.wy-pedido-choice__title { font-size: 1.125rem; font-weight: 800; }
.wy-pedido-choice__hint { font-size: .875rem; color: var(--wy-text-muted); }
@media (max-width: 479px) { .wy-pedido-choice { grid-template-columns: minmax(0, 1fr); } }

.wy-pedido-form { display: flex; flex-direction: column; gap: 1rem; max-width: 56rem; }
.wy-pedido-form__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.wy-pedido-form__actions .wy-btn { text-decoration: none; }

.wy-pedido-detail { display: flex; flex-direction: column; gap: 1rem; color: var(--wy-text); }
.wy-pedido-detail__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .75rem 1.5rem; margin: 0; }
.wy-pedido-detail__grid dt { font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--wy-text-muted); }
.wy-pedido-detail__grid dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.wy-pedido-detail__wide { grid-column: 1 / -1; }
.wy-pedido-detail__lines { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.wy-pedido-detail__lines th, .wy-pedido-detail__lines td { padding: .5rem .25rem; border-bottom: 1px solid var(--wy-border); text-align: left; }
.wy-pedido-detail__lines .wy-num { text-align: right; font-variant-numeric: tabular-nums; }
.wy-pedido-detail__lines tfoot td { font-weight: 800; border-bottom: 0; }
.wy-pedido-detail .wy-muted { color: var(--wy-text-muted); }

/* ---------- botones de formulario del flujo (acción primaria / secundaria) ---------- */
.wy-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.75rem; padding: .5rem 1rem; border-radius: .625rem; font-size: .9375rem; font-weight: 600; cursor: pointer; border: 1px solid transparent; }
.wy-btn--primary { background: var(--wy-tone-info-solid); color: #ffffff; }
.wy-btn--secondary { background: var(--wy-surface-2); color: var(--wy-text); border-color: var(--wy-border); }
.wy-btn:focus-visible { outline: 3px solid var(--wy-secondary); outline-offset: 2px; }

.wy-table-grid--compact { grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr)); gap: 1.25rem .75rem; }

.wy-badge--warning { background: var(--wy-tone-attention-bg); color: var(--wy-tone-attention-fg); }

/* ---------- Salón · UX T06: selector de ambiente, KPIs, forma de mesa y zonas ---------- */
.wy-salon { display: flex; flex-direction: column; gap: 1rem; }
.wy-floor-tabs { display: flex; gap: .5rem; overflow-x: auto; padding: .25rem .125rem; scrollbar-width: thin; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
.wy-floor-tab { flex: none; display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .5rem 1.125rem; border-radius: 999px; border: 1px solid var(--wy-border); background: var(--wy-surface); color: var(--wy-text); font-size: .9375rem; font-weight: 600; cursor: pointer; scroll-snap-align: start; transition: background-color .12s ease, border-color .12s ease; }
.wy-floor-tab:hover { border-color: var(--wy-tone-info-solid); }
.wy-floor-tab:focus-visible { outline: 3px solid var(--wy-secondary); outline-offset: 2px; }
.wy-floor-tab[aria-pressed="true"] { background: var(--wy-tone-info-solid); border-color: var(--wy-tone-info-solid); color: #ffffff; }
.wy-floor-tab__count { display: inline-grid; place-items: center; min-width: 1.5rem; height: 1.5rem; padding: 0 .375rem; border-radius: 999px; background: var(--wy-surface-2); color: var(--wy-text-muted); font-size: .75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.wy-floor-tab[aria-pressed="true"] .wy-floor-tab__count { background: rgba(255, 255, 255, .22); color: #ffffff; }
.wy-kpi-strip { display: grid; gap: .75rem; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.wy-salon-controls { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
@media (min-width: 768px) { .wy-salon-controls { justify-content: flex-end; } }
.wy-salon-tables { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 1rem; }
.wy-salon-foot { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid var(--wy-border); font-size: .8125rem; color: var(--wy-text-muted); }
.wy-floor-group { display: flex; flex-direction: column; gap: .75rem; }
.wy-floor-group__title { display: flex; align-items: baseline; gap: .625rem; padding-bottom: .375rem; border-bottom: 1px solid var(--wy-border); font-size: 1rem; font-weight: 700; color: var(--wy-text); }
.wy-floor-group__title span { font-size: .8125rem; font-weight: 500; color: var(--wy-text-muted); }

/* figura de la mesa: sale de `tables.shape` (round → círculo, square → cuadrada) */

@media (max-width: 1279px) { .wy-kpi-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
    .wy-kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wy-kpi-strip > :last-child:nth-child(odd) { grid-column: 1 / -1; }
    .wy-kpi-strip .wy-kpi { padding: .625rem .75rem; gap: .625rem; min-height: 4rem; }
    .wy-kpi-strip .wy-kpi__icon { width: 2.25rem; height: 2.25rem; }
}
@media (max-width: 599px) {
    .wy-table-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem .75rem; }
    .wy-table-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) { .wy-table-card, .wy-floor-tab { transition: none; } .wy-table-card:hover { transform: none; } }

/* ---------- Nuevo pedido · Delivery (UX T06): secciones a la izquierda, ubicación y resumen a la derecha ---------- */
.wy-delivery-form { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); align-items: start; }
.wy-delivery-form__side { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.wy-delivery-map__search { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .75rem; }
.wy-delivery-map__input { flex: 1 1 12rem; min-width: 0; }
.wy-delivery-map__canvas { height: 15rem; border-radius: .75rem; overflow: hidden; border: 1px solid var(--wy-border); z-index: 0; }
.wy-delivery-map__status { margin-top: .5rem; font-size: .8125rem; color: var(--wy-text-muted); }
.wy-delivery-summary__list { display: flex; flex-direction: column; gap: .5rem; margin: 0; }
.wy-delivery-summary__list > div { display: flex; justify-content: space-between; gap: 1rem; font-size: .9375rem; }
.wy-delivery-summary__list dt { color: var(--wy-text-muted); flex: none; }
.wy-delivery-summary__list dd { margin: 0; font-weight: 600; text-align: right; overflow-wrap: anywhere; color: var(--wy-text); }
.wy-delivery-summary__hint { margin-top: .75rem; font-size: .8125rem; color: var(--wy-text-muted); }
.wy-delivery-summary__cta { width: 100%; margin-top: 1rem; min-height: 3rem; }
.wy-delivery-back { align-self: center; font-size: .875rem; text-decoration: underline; color: var(--wy-text-muted); }
@media (min-width: 1024px) {
    .wy-delivery-form { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
    .wy-delivery-form__side { position: sticky; top: 5rem; }
}

/* ---------- Mesa del Salón · T06.1: UNA sola superficie (la forma real de la mesa); lo demás es texto sobre el lienzo ---------- */
.wy-table-card { --wy-state: var(--wy-tone-neutral-solid); display: flex; flex-direction: column; align-items: center; gap: .5rem; min-width: 0; cursor: pointer; color: var(--wy-text); border-radius: 1rem; }
.wy-table-card[data-state="free"] { --wy-state: var(--wy-tone-success-solid); }
.wy-table-card[data-state="occupied"] { --wy-state: var(--wy-tone-attention-solid); }
.wy-table-card[data-state="bill"] { --wy-state: var(--wy-tone-info-solid); }
.wy-table-card__seat { display: grid; place-content: center; justify-items: center; gap: .125rem; width: min(100%, 8.5rem); aspect-ratio: 1; border: 3px solid var(--wy-state); border-radius: 1.25rem; background: color-mix(in srgb, var(--wy-state) 12%, var(--wy-surface)); transition: transform .12s ease, box-shadow .12s ease; }
.wy-table-card__seat[data-shape="round"] { border-radius: 50%; }
.wy-table-card:hover .wy-table-card__seat { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(15, 23, 42, .16); }
.wy-table-card[data-state="maintenance"] .wy-table-card__seat { border-style: dashed; }
.wy-table-card__label { font-size: .6875rem; text-transform: uppercase; letter-spacing: .08em; color: var(--wy-text-muted); }
.wy-table-card__number { font-size: 2.25rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.wy-table-card__amount { font-size: .9375rem; font-weight: 700; color: var(--wy-text); font-variant-numeric: tabular-nums; }
.wy-table-card__state { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; max-width: 100%; font-size: .875rem; font-weight: 700; line-height: 1.15; text-align: center; color: var(--wy-text); }
.wy-table-card__state svg { flex: none; width: 1.125rem; height: 1.125rem; color: var(--wy-state); }
.wy-table-card__time { display: inline-flex; align-items: center; gap: .25rem; font-size: .8125rem; font-weight: 600; color: var(--wy-text-muted); font-variant-numeric: tabular-nums; }
.wy-table-card__time svg { width: 1rem; height: 1rem; }
.wy-table-card__meta { display: flex; flex-direction: column; align-items: center; gap: .125rem; font-size: .8125rem; color: var(--wy-text-muted); text-align: center; }
.wy-table-card__meta span { display: inline-flex; align-items: center; gap: .25rem; }
.wy-table-card__meta svg { width: 1rem; height: 1rem; }
.wy-table-card--compact { gap: .375rem; }
.wy-table-card--compact .wy-table-card__seat { width: min(100%, 6rem); border-width: 2px; }
.wy-table-card--compact .wy-table-card__number { font-size: 1.625rem; }
.wy-table-card--compact .wy-table-card__amount { font-size: .8125rem; }
.wy-table-card--compact .wy-table-card__state { font-size: .75rem; }

/* ---------- Pedidos · T06.1: KPIs operativos y tiempo transcurrido ---------- */
.wy-pedidos { display: flex; flex-direction: column; gap: 1rem; }
.wy-kpi-link { display: block; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; border-radius: .75rem; font: inherit; color: inherit; min-width: 0; }
.wy-kpi-link .wy-kpi { height: 100%; transition: border-color .12s ease; }
.wy-kpi-link:hover .wy-kpi, .wy-kpi-link:focus-visible .wy-kpi { border-color: var(--wy-tone-info-solid); }
.wy-kpi-link:focus-visible { outline: 3px solid var(--wy-secondary); outline-offset: 2px; }
.wy-kpi-link[aria-pressed="true"] .wy-kpi { border-color: var(--wy-tone-info-solid); box-shadow: inset 0 0 0 1px var(--wy-tone-info-solid); }
.wy-kpi-note { margin-top: .5rem; font-size: .8125rem; color: var(--wy-text-muted); }
.wy-kpi-note__focus { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-inline-start: .5rem; font-weight: 700; color: var(--wy-text); }
.wy-kpi-note__clear { min-height: 2rem; padding: 0 .75rem; border-radius: 999px; border: 1px solid var(--wy-border); background: var(--wy-surface); color: var(--wy-text); font-size: .8125rem; font-weight: 600; cursor: pointer; }
.wy-elapsed { display: inline-flex; flex-direction: column; gap: .125rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wy-elapsed__time { display: inline-flex; align-items: center; gap: .25rem; font-weight: 700; color: var(--wy-text); }
.wy-elapsed__time svg { width: 1rem; height: 1rem; color: var(--wy-text-muted); }
.wy-elapsed__note { font-size: .75rem; font-weight: 600; color: var(--wy-text-muted); }
.wy-kpi-strip--full { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wy-kpi-strip--own { grid-template-columns: minmax(0, 24rem); }
.wy-elapsed--none { color: var(--wy-text-muted); }
@media (max-width: 1279px) { .wy-kpi-strip--full { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .wy-kpi-strip--own { grid-template-columns: minmax(0, 1fr); } }