/* Extensiones del diseño original. Reutiliza sus colores, tipografía y paneles. */
.app-nav{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:22px}
.app-nav form{margin:0;margin-left:auto}
a.chip,a.btn{text-decoration:none;display:inline-block}
a{color:var(--pine)}
.access{max-width:480px;margin:8vh auto 0}
.access .form-grid{grid-template-columns:1fr}
.field{min-width:0}
input[type=checkbox]{width:auto;accent-color:var(--pine)}
.errorlist{color:var(--over);padding-left:18px}
.period-filter{display:flex;gap:12px;align-items:end;margin-bottom:18px;flex-wrap:wrap}
.period-filter label{min-width:220px}
details p{overflow-wrap:anywhere}
.msg-line:empty{display:none}
.chip[aria-pressed="true"],.btn{color:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip[aria-pressed="true"],:root:not([data-theme="light"]) .btn{color:#0E1717}}
:root[data-theme="dark"] .chip[aria-pressed="true"],:root[data-theme="dark"] .btn{color:#0E1717}
@media(max-width:480px){.app-nav form{margin-left:0}.form-grid{grid-template-columns:1fr}.form-grid label[style*="span 2"]{grid-column:auto!important}.access{margin-top:24px}}