/*
 * Identidad ZAS sobre Elsa Studio. Los colores y el radio salen del tema de MudBlazor (ZasThemeProvider);
 * aquí solo va lo que el tema no cubre: la tipografía y la marca del panel lateral.
 *
 * Nunito es la fuente de las apps ZAS y se sirve desde la RCL de zas-lib (Zas.DesktopUI); no se copia aquí.
 */
@font-face { font-family: 'Nunito'; font-style: normal; font-display: swap; font-weight: 400; src: url('/_content/Zas.DesktopUI/fonts/nunito-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-display: swap; font-weight: 500; src: url('/_content/Zas.DesktopUI/fonts/nunito-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-display: swap; font-weight: 600; src: url('/_content/Zas.DesktopUI/fonts/nunito-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-display: swap; font-weight: 700; src: url('/_content/Zas.DesktopUI/fonts/nunito-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-display: swap; font-weight: 800; src: url('/_content/Zas.DesktopUI/fonts/nunito-latin-800-normal.woff2') format('woff2'); }

html, body, button, input, select, textarea { font-family: 'Nunito', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; }

.zas-brand { display: flex; align-items: center; gap: 12px; padding: 4px 0; }
.zas-brand__logo { height: 34px; width: auto; display: block; }
.zas-brand__text { display: flex; flex-direction: column; line-height: 1.05; border-left: 2px solid var(--mud-palette-primary); padding-left: 10px; }
.zas-brand__name { font-weight: 800; font-size: 1.05rem; letter-spacing: .01em; color: var(--mud-palette-text-primary); }
.zas-brand__tagline { font-weight: 600; font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; color: var(--mud-palette-text-secondary); }

/* Texto secundario de las pantallas de ZasBridge: el gris del tema, no el color "secundario" de marca (morado). */
.zas-muted { color: var(--mud-palette-text-secondary); }

/* Visor de JSON y bloques de código de los diálogos de detalle. */
.zas-json__body { margin: 4px 0 0; padding: 12px 14px; border-radius: 8px; max-height: 340px; overflow: auto; font-size: .78rem; line-height: 1.5;
  background: var(--mud-palette-background); border: 1px solid var(--mud-palette-lines-default); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-word; }
.zas-kv { display: grid; grid-template-columns: 170px 1fr; gap: 6px 14px; align-items: baseline; }
.zas-kv > dt { color: var(--mud-palette-text-secondary); font-size: .8rem; }
.zas-kv > dd { margin: 0; word-break: break-word; }
.zas-toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.zas-row-click { cursor: pointer; }
.zas-ellipsis { display: inline-block; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.zas-grid .mud-table-container { overflow-x: auto; }
.zas-grid .mud-table-head th { white-space: nowrap; }
.zas-grid .mud-table-cell, .zas-grid .mud-table-head th { padding: 6px 10px; }
.zas-code textarea { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; }