/* Ajustes del aplicativo sobre el CSS del prototipo (jn.css). Sin la franja de «prototipo». */
#app{padding-top:0}
#side{top:0;height:100vh}
#top{top:0}
@media (max-width:900px){#side{top:0;height:100vh}}
a.btn,a.lnk{text-decoration:none}
a.mi{text-decoration:none}
.mi[aria-current="page"]{background:#fff;color:var(--p2);font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.mi[aria-current="page"] .bdg{background:var(--aml);color:var(--am)}
.sidefoot form{margin:0}
.sidefoot .quien{color:#e9e2f5;margin-bottom:8px;line-height:1.4}.sidefoot .quien b{display:block;color:#fff;font-size:13px}
.brand{color:inherit;text-decoration:none}
.msg{margin:0 0 14px;padding:10px 13px;border-radius:10px;font-size:13px;border:1px solid}
.msg.ok{background:var(--okl);border-color:#bfe0cb;color:#1f6b42}.msg.mal{background:var(--rol);border-color:#efc4ba;color:#9d2f1d}
.msg.warn{background:var(--aml);border-color:#efdca6;color:#8a6200}.msg.info{background:var(--azl);border-color:#c9dbeb;color:#2b557a}
.err{color:var(--ro);font-size:12px;font-weight:600}
.ayuda{color:var(--tx3);font-size:11.5px;font-weight:400}
label.f input,label.f select,label.f textarea{border:1px solid var(--bd);border-radius:8px;padding:8px 10px;background:#fff;outline:none;font-weight:400;font-size:13.5px;width:100%}
label.f input[type=checkbox]{width:auto}
label.f input:focus,label.f select:focus,label.f textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--pl)}
label.chk{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--tx2);font-weight:600}
.fg .ancho{grid-column:1/-1}
.fg fieldset{border:0;padding:0;margin:0;grid-column:1/-1}
.fg fieldset legend{font-size:12px;color:var(--tx2);font-weight:600;margin-bottom:4px}
.fg .opciones{display:flex;flex-wrap:wrap;gap:6px 14px}
.acciones{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap;align-items:center}
.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:10px 0;font-size:12.5px;color:var(--tx2)}
.tb input[type=search],.tb select{border:1px solid var(--bd);border-radius:8px;padding:7px 10px;background:#fff}
.in.xs.n{width:92px}
.qt .in.xs{width:58px}
.qt select.in.xs{width:auto;min-width:200px}
td .in.xs{padding:5px 7px}
.ancho-min{min-width:240px}
.nota{color:var(--tx3);font-size:12px}
.chart-k{width:100%;height:auto;display:block}
.dl-dato{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px;margin:0}
.dl-dato dt{color:var(--tx3)}.dl-dato dd{margin:0}
.buscar form{margin:0}
.paso-form{display:inline}
.con-ojito{position:relative;display:block}
.con-ojito input{width:100%;padding-right:44px}
.ojito{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;cursor:pointer;opacity:.55;padding:4px}
.ojito.on{opacity:1}
.ts-wrapper{width:100%}
.ts-wrapper.single .ts-control{border-radius:8px;border-color:var(--bd);padding:7px 10px}
/* Ingreso */
.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,var(--p2),#24163a);padding:20px}
.login .card{width:100%;max-width:390px}
.login .brand{border:0;padding:0 0 16px;color:var(--tx)}
.login .brand b{color:var(--p2)}.login .brand span{color:var(--tx3)}
.login form{display:flex;flex-direction:column;gap:10px}
.login label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--tx2);font-weight:600}
.login input{padding:10px;border:1px solid var(--bd);border-radius:8px;font-size:14px}
@media print{#side,#top,.no-imp{display:none!important}#main{padding:0}}
.qt input:not([type=checkbox]),.qt select,.tw td>input:not([type=checkbox]),.tw td>select{border:1px solid var(--bd);border-radius:7px;padding:5px 7px;background:#fff;width:100%;min-width:64px}
.qt td{white-space:nowrap}
.qt td:first-child,.qt th:first-child{min-width:280px}
.qt td:first-child .ts-wrapper{min-width:260px}