:root{--sb:#1e293b;--sbh:#334155;--pr:#2563eb}
*{box-sizing:border-box}
body{background:#f1f5f9;font-family:'Segoe UI',sans-serif;margin:0;display:flex;min-height:100vh}
#sb{width:220px;background:var(--sb);display:flex;flex-direction:column;padding:1rem;flex-shrink:0;min-height:100vh}
#main{flex:1;padding:1.5rem;overflow-y:auto;min-width:0}
.nav-link{color:#94a3b8!important;border-radius:6px;padding:.4rem .75rem;cursor:pointer;display:block;text-decoration:none;transition:.15s;font-size:.9rem}
.nav-link:hover,.nav-link.active{background:var(--sbh);color:#f8fafc!important}
.card{border:none;box-shadow:0 1px 4px rgba(0,0,0,.08);border-radius:8px}
.badge-n{font-size:.68rem;float:right;margin-top:1px}
.r-unread{background:#e2e8f0;color:#475569}
.r-title{background:#dbeafe;color:#1d4ed8}
.r-abstract{background:#fef9c3;color:#a16207}
.r-full{background:#dcfce7;color:#15803d}
.s-pending{color:#94a3b8}.s-include{color:#16a34a}.s-exclude{color:#dc2626}.s-review{color:#d97706}
.row-include>td{background-color:#dcfce7!important}
.row-exclude>td{background-color:#fee2e2!important}
.row-review>td{background-color:#fef9c3!important}
.row-eligible>td{background-color:#dcfce7!important}
.row-not-eligible>td{background-color:#fee2e2!important}
.rob-dot{font-size:1.1rem;cursor:help}
.rob-bajo{color:#22c55e}
.rob-moderado{color:#f59e0b}
.rob-alto{color:#ef4444}
.rob-critico{color:#7c3aed}
.rob-na{color:#94a3b8}
.slide-down-enter-active,.slide-down-leave-active{transition:all .2s ease}
.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-8px)}
.tbl-t{max-width:340px;white-space:normal;word-break:normal}
.prog-bar{height:6px;border-radius:3px;background:#e2e8f0;overflow:hidden}
.prog-fill{height:100%;background:var(--pr);transition:width .4s}
.drop-zone{border:2px dashed #cbd5e1;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:.15s}
.drop-zone:hover,.drop-zone.drag{border-color:var(--pr);background:#eff6ff}
.modal-xl{max-width:96vw}
.quick-cite{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.6rem .8rem;font-size:.84rem;line-height:1.7}
.std-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}
.std-rules-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;font-size:.82rem;font-family:monospace;max-height:280px;overflow-y:auto}
.std-fmt-row{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #f1f5f9}
.std-fmt-row:last-child{border-bottom:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.assistant-cursor{animation:blink 1s step-end infinite;font-size:.8em;color:#60a5fa}
