/* Panel del dueño: usa los mismos colores de alto contraste que la app. */
.pnav{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;background:var(--fondo2);border-bottom:3px solid var(--azul);position:sticky;top:58px;z-index:4}
.pnav a{flex:0 0 auto;padding:10px 14px;border-radius:12px;font-weight:800;text-decoration:none;color:var(--azul);border:2px solid var(--azul);background:var(--fondo);white-space:nowrap}
.pnav a.on{background:var(--azul);color:var(--azul-t)}
.pvista{padding:16px 14px 80px;max-width:1000px;margin:0 auto}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.rejilla .tarjeta{margin:0}
.tabla{width:100%;border-collapse:collapse}
.tabla th,.tabla td{padding:10px 8px;text-align:left;border-bottom:2px solid var(--linea);vertical-align:top}
.tabla th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--suave)}
.tabla td.n,.tabla th.n{text-align:right;white-space:nowrap}
.tabla tr.clic{cursor:pointer}.tabla tr.clic:hover{background:var(--fondo2)}
.barras{display:flex;align-items:flex-end;gap:8px;height:130px;margin-top:8px}
.barras div{flex:1;background:var(--azul);border-radius:6px 6px 0 0;min-height:3px;position:relative}
.barras span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.65rem;white-space:nowrap;color:var(--suave)}
.etq-barras{display:flex;gap:8px}.etq-barras span{flex:1;text-align:center;font-size:.75rem;color:var(--suave)}
.dias{display:flex;gap:6px;flex-wrap:wrap}.dias label{display:flex;align-items:center;gap:4px;margin:0;font-weight:700}.dias input{width:auto;min-height:0}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.cols2{grid-template-columns:1fr}.tabla .oculta-m{display:none}}
.panel-tit{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.panel-tit button,.panel-tit .boton{width:auto;margin:0}