/* El panel del negocio: lo común de ../estilo.css, sobre el atardecer, más claro y para leer rápido. */
.panel .velo { background: linear-gradient(180deg, rgb(22 14 43 / .25), rgb(22 14 43 / .55)) }
.salir { margin-left: auto; min-height: 36px; padding: 0 14px; border: 1px solid rgb(255 250 245 / .5); border-radius: 99px; background: none; color: var(--texto);
  font: 500 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; cursor: pointer }
.entrar { width: min(100%, 420px); justify-self: center }
.volver { justify-self: center; color: var(--texto); font: 500 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; opacity: .8 }
.vista.ancha { width: min(100%, 920px); align-content: start }
.pestanas { display: flex; gap: 4px; padding: 4px; border-radius: 99px; background: rgb(255 250 245 / .18); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); overflow-x: auto; scrollbar-width: none }
.pestanas button { flex: 1; min-height: 42px; padding: 0 16px; border: 0; border-radius: 99px; background: none; color: var(--texto); font-weight: 600; cursor: pointer; white-space: nowrap }
.pestanas button[aria-selected="true"] { background: var(--texto); color: var(--tinta) }
.parte { display: grid; gap: 14px }
.cifras { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px }
@media (min-width: 720px) { .cifras { grid-template-columns: repeat(4, 1fr) } }
.cifra { display: grid; gap: 2px; padding: 16px 18px; border-radius: 18px; background: var(--cristal); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px) }
.cifra b { font: 400 42px/1 var(--serif) }
.cifra span { font: 500 10.5px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-suave) }
.lista { list-style: none; margin: 0; padding: 0; display: grid }
.lista li { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 10px 0; border-top: 1px solid var(--borde) }
.lista li:first-child { border-top: 0 }
.lista .quien { flex: 1; min-width: 0; display: grid }
.lista .quien b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.lista .quien small { color: var(--tinta-suave); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.lista .vacia { color: var(--tinta-suave); font-size: 14px }
.clientes { padding: 6px 20px; border-radius: var(--r); background: var(--cristal); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px) }
#t-lista { padding: 6px 20px; border-radius: var(--r); background: var(--cristal); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px) }
.mini { flex: none; min-height: 38px; padding: 0 14px; border: 0; border-radius: 99px; background: var(--tinta); color: var(--texto); font-size: 13px; font-weight: 600; cursor: pointer }
.mini.claro { background: transparent; color: var(--tinta); box-shadow: inset 0 0 0 1.5px var(--borde) }
.mini:disabled { opacity: .5; cursor: default }
.contador { flex: none; font: 400 22px/1 var(--serif) }
.contador small { font: 500 10px var(--mono); color: var(--tinta-suave) }
.marca-pub { font: 500 9.5px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--acento) }
.enlace-mono { justify-self: start; min-height: 40px; padding: 0; border: 0; background: none; color: var(--acento); font: 500 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; cursor: pointer }
.nota-ok { margin: 0; padding: 10px 14px; border-radius: 12px; background: #e6f6ef; color: #0f5132; font-size: 14px }
.buscar { min-height: 48px; border-radius: 99px !important; padding: 0 20px !important }