.flj-filtros{margin-bottom:12px}
.flj-filtros .fld{display:flex;flex-direction:column;gap:4px;min-width:150px}
.flj-filtros label{font-size:12px;color:var(--muted)}
.flj-chk{align-self:center;padding-top:16px;font-size:13.5px}
.flj-modo{display:flex;gap:6px;margin-left:auto;align-self:flex-end}
.flj-venc{color:var(--crit-ink);font-weight:600}
.flj-link{color:inherit;text-decoration:underline;text-decoration-color:var(--axis);text-underline-offset:2px}
.flj-link:hover{text-decoration-color:currentColor}
.flj-dl{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.flj-coment{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.flj-coment label{font-weight:500;font-size:13.5px}
.flj-res{margin-top:12px}
.flj-code{font-family:var(--mono);font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}


.flj-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.flj-col{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.flj-col h3{font-size:13px;font-weight:600;margin:2px 4px 4px;display:flex;align-items:center;gap:8px}
.flj-n{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 7px}
.flj-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:var(--shadow)}
.flj-card:hover{border-color:var(--axis)}
.flj-card:focus-visible{outline:2px solid var(--brand-yellow-2);outline-offset:1px}
.flj-card.is-venc{box-shadow:inset 3px 0 0 var(--crit),var(--shadow)}
.flj-card-t{font-weight:500;font-size:13.5px;line-height:1.35}
.flj-card-m{font-size:12px;color:var(--muted)}
.flj-card-f{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px}
.flj-card-f .sub{color:var(--muted)}
.flj-card-a{display:flex;gap:6px;flex-wrap:wrap}
.flj-empty{font-size:12.5px;color:var(--muted);margin:6px 4px}
@media (max-width:900px){.flj-board{grid-template-columns:minmax(0,1fr)}.flj-modo{margin-left:0}}


.flj-sw{position:relative;display:inline-block;width:38px;height:22px}
.flj-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.flj-sw span{position:absolute;inset:0;background:var(--axis);border-radius:999px;transition:background .15s}
.flj-sw span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.flj-sw input:checked+span{background:var(--good)}
.flj-sw input:checked+span::after{transform:translateX(16px)}
.flj-sw input:focus-visible+span{outline:2px solid var(--brand-yellow-2);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.flj-sw span,.flj-sw span::after{transition:none}}


.flj-notif{align-items:start}
.flj-inbox li{align-items:flex-start}
.flj-inbox li>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.flj-inbox li.is-new .t{font-weight:600}
.flj-inbox-a{flex:none;justify-content:flex-end}
.flj-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-yellow-2);margin-right:7px;vertical-align:middle}
.flj-aviso{display:flex;gap:10px;align-items:flex-start;background:var(--warn-bg);color:var(--ink);border-radius:var(--r);padding:12px 14px;font-size:13px;line-height:1.45;margin-bottom:14px}
.flj-aviso.ok{background:var(--good-bg)}
.flj-aviso svg.lucide{width:18px;height:18px;flex:none;margin-top:1px;color:var(--warn-ink)}
.flj-aviso.ok svg.lucide{color:var(--good-ink)}
@media (max-width:520px){.flj-inbox li{flex-direction:column}.flj-inbox-a{justify-content:flex-start}}


.flj-pasos{margin:0;padding-left:20px;display:grid;gap:6px;font-size:13.5px;line-height:1.45}
.flj-regla .u-note{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.flj-vistas{margin:0;align-self:flex-start}


.reg-fil .fld{min-width:150px}
.reg-t td{vertical-align:middle}
.reg-nums{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.reg-snap{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;min-width:0}
.reg-snap h4{margin:0 0 6px;font-size:13px}
.reg-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.reg-cmp > div{min-width:0}
.reg-reab{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.reg-reab input{flex:1 1 240px;min-width:0}
@media (max-width:760px){ .reg-cmp{grid-template-columns:1fr} .reg-fil .fld{min-width:0;flex:1 1 140px} }