:root{--bg:#f7f5f0;--surface:#fff;--sa:#f0ede6;--bd:#e2ddd4;--bs:#c5bfb4;--tx:#1a1a18;--t2:#5c5a52;--tm:#8a877d;--g9:#1a3a1a;--g7:#2d5a2d;--g6:#3a7a3a;--g1:#e8f5e8;--g0:#f0faf0;--r7:#b71c1c;--r1:#fce4e4;--o7:#e65100;--o1:#fff3e0;--b7:#1565c0;--b1:#e3f2fd;--p7:#6a1b9a;--p1:#f3e5f6;--fd:'Fraunces',serif;--fb:'DM Sans',sans-serif;--fm:'DM Mono',monospace;--rd:10px;--rl:16px;--sh:0 4px 12px rgba(0,0,0,.08);--tr:.2s cubic-bezier(.4,0,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fb);background:var(--bg);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased}
.topbar{position:sticky;top:0;z-index:100;background:#1a2a1a;padding:0 1.5rem;height:52px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,.15)}.topbar-brand{display:flex;align-items:center;gap:8px;color:#fff;font-family:var(--fd);font-size:1rem;font-weight:700}.topbar-badge{background:rgba(255,255,255,.12);padding:2px 8px;border-radius:20px;font-family:var(--fm);font-size:.65rem;color:rgba(255,255,255,.6)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-stats{font-size:.7rem;color:rgba(255,255,255,.5);font-family:var(--fm)}
.crop-strip{display:flex;border-bottom:1px solid var(--bd);background:var(--surface);position:sticky;top:52px;z-index:90;box-shadow:0 1px 4px rgba(0,0,0,.04)}.crop-btn{flex:1;padding:8px 6px;text-align:center;font-family:var(--fm);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;background:none;color:var(--t2);transition:var(--tr);position:relative;font-weight:500}.crop-btn:hover{background:var(--sa)}.crop-btn.active{font-weight:700}.crop-btn.active::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:3px 3px 0 0}
.crop-btn[data-crop=tomate].active{color:#c62828}.crop-btn[data-crop=tomate].active::after{background:#c62828}.crop-btn[data-crop=pimiento].active{color:#4a1420}.crop-btn[data-crop=pimiento].active::after{background:#4a1420}.crop-btn[data-crop=pepino].active{color:#1a4a2e}.crop-btn[data-crop=pepino].active::after{background:#1a4a2e}.crop-btn[data-crop=calabacin].active{color:#3a4a1a}.crop-btn[data-crop=calabacin].active::after{background:#3a4a1a}.crop-btn[data-crop=todos].active{color:var(--g7)}.crop-btn[data-crop=todos].active::after{background:var(--g7)}
.crop-btn .cc{display:block;font-size:1rem;font-family:var(--fd);font-weight:700;margin-bottom:1px}.crop-btn[data-crop=tomate] .cc{color:#c62828}.crop-btn[data-crop=pimiento] .cc{color:#4a1420}.crop-btn[data-crop=pepino] .cc{color:#1a4a2e}.crop-btn[data-crop=calabacin] .cc{color:#3a4a1a}.crop-btn[data-crop=todos] .cc{color:var(--g7)}
.app{display:flex;min-height:calc(100vh - 52px - 48px)}.sidebar{width:285px;min-width:285px;background:var(--surface);border-right:1px solid var(--bd);display:flex;flex-direction:column;height:calc(100vh - 52px - 48px);position:sticky;top:100px}.sidebar-header{padding:1rem .75rem .5rem}
.search-box{position:relative;margin-bottom:.5rem}.search-box input{width:100%;padding:8px 10px 8px 32px;border:1.5px solid var(--bd);border-radius:var(--rd);font-family:var(--fb);font-size:.82rem;background:var(--bg);color:var(--tx);transition:var(--tr);outline:none}.search-box input:focus{border-color:var(--g6);box-shadow:0 0 0 3px var(--g1)}.search-box input::placeholder{color:var(--tm)}.search-box svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--tm);pointer-events:none}
.filter-row,.severity-row{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:.35rem}.fbtn,.sbtn{padding:3px 7px;border-radius:20px;font-family:var(--fm);font-size:.62rem;letter-spacing:.03em;text-transform:uppercase;border:1.5px solid var(--bd);background:transparent;cursor:pointer;transition:var(--tr);white-space:nowrap}.fbtn{color:var(--t2)}.fbtn:hover{border-color:var(--g6);color:var(--g7)}.fbtn.active{background:var(--g7);color:#fff;border-color:var(--g7)}.sbtn[data-s=ALTA]{color:var(--r7)}.sbtn[data-s=MEDIA]{color:var(--o7)}.sbtn[data-s=BAJA]{color:var(--b7)}.sbtn.active[data-s=ALTA]{background:var(--r1);border-color:var(--r7)}.sbtn.active[data-s=MEDIA]{background:var(--o1);border-color:var(--o7)}.sbtn.active[data-s=BAJA]{background:var(--b1);border-color:var(--b7)}
.nav-list{flex:1;overflow-y:auto;padding:0 .4rem 1rem}.nav-list::-webkit-scrollbar{width:4px}.nav-list::-webkit-scrollbar-thumb{background:var(--bd);border-radius:10px}.nav-gl{font-family:var(--fm);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tm);padding:10px 8px 3px;position:sticky;top:0;background:var(--surface);z-index:1}.nav-item{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:var(--rd);cursor:pointer;transition:var(--tr);margin-bottom:1px}.nav-item:hover{background:var(--sa)}.nav-item.active{background:var(--g1)}.ndot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ndot.alta{background:var(--r7)}.ndot.media{background:var(--o7)}.ndot.baja{background:var(--b7)}.ntext{flex:1;font-size:.78rem;font-weight:500;line-height:1.2}.nmeta{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.ncode{font-family:var(--fm);font-size:.56rem;color:var(--tm)}.ntag{font-family:var(--fm);font-size:.5rem;padding:1px 4px;border-radius:6px;text-transform:uppercase;margin-top:1px}
.tag-tomate{background:#fce4e4;color:#c62828}.tag-pimiento{background:#f3e0e5;color:#4a1420}.tag-pepino{background:#e0f0e8;color:#1a4a2e}.tag-calabacin{background:#eef0e0;color:#3a4a1a}
.stabs{display:flex;border-top:1px solid var(--bd)}.stab{flex:1;padding:8px;text-align:center;font-family:var(--fm);font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tm);cursor:pointer;transition:var(--tr);border:none;background:none}.stab:hover{color:var(--g7);background:var(--g0)}.stab.active{color:var(--g7);background:var(--g1);font-weight:600}
.main{flex:1;padding:1.5rem 2rem;max-width:940px}.welcome{text-align:center;padding:3rem 2rem}.welcome h1{font-family:var(--fd);font-size:1.8rem;color:#1a2a1a;margin-bottom:.4rem;font-weight:700}.welcome p{color:var(--t2);max-width:480px;margin:0 auto;line-height:1.7;font-size:.9rem}
.detail{display:none}.detail.visible{display:block;animation:fi .3s ease}@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.dbk{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--tm);cursor:pointer;margin-bottom:.6rem;transition:var(--tr);background:none;border:none;font-family:var(--fb)}.dbk:hover{color:var(--g7)}.dtitle{font-family:var(--fd);font-size:1.55rem;color:#1a2a1a;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:.15rem}.dsci{font-style:italic;color:var(--t2);font-size:.92rem;margin-bottom:.6rem}.dmeta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:1.1rem}
.mc{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:20px;font-size:.7rem;font-weight:600;font-family:var(--fm)}.mc-code{background:var(--sa);color:var(--t2);border:1px solid var(--bd)}.mc-type{background:var(--g1);color:var(--g7)}.mc-org{background:var(--sa);color:var(--t2);border:1px solid var(--bd)}.mc-alta{background:var(--r1);color:var(--r7)}.mc-media{background:var(--o1);color:var(--o7)}.mc-baja{background:var(--b1);color:var(--b7)}.mc-crop{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:20px}
.sc{background:var(--surface);border:1px solid var(--bd);border-radius:var(--rl);margin-bottom:.75rem;overflow:hidden;transition:var(--tr)}.sc:hover{box-shadow:0 1px 3px rgba(0,0,0,.04)}.sh{display:flex;align-items:center;gap:8px;padding:11px 16px;cursor:pointer;user-select:none;transition:var(--tr)}.sh:hover{background:var(--sa)}.si{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}.si-sy{background:var(--g1);color:var(--g7)}.si-ph{background:#FFF8E1;color:#F57F17}.si-co{background:var(--o1);color:var(--o7)}.si-bi{background:var(--b1);color:var(--b7)}.si-cn{background:var(--p1);color:var(--p7)}.si-rf{background:var(--sa);color:var(--t2)}.sl{flex:1;font-weight:600;font-size:.85rem}.sv{transition:transform .25s ease;color:var(--tm)}.sc.open .sv{transform:rotate(180deg)}.sb{max-height:0;overflow:hidden;transition:max-height .4s ease}.sc.open .sb{max-height:8000px}.sbc{padding:0 16px 16px 52px}
.ob{margin-bottom:8px}.ol{font-family:var(--fm);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--g7);margin-bottom:2px;font-weight:600}.od{color:var(--t2);font-size:.83rem;line-height:1.6}.st{color:var(--t2);font-size:.83rem;line-height:1.6}.st-r{font-style:italic;font-size:.78rem;color:var(--tm)}
.pog{margin-bottom:.9rem}.pol{font-family:var(--fm);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--g7);margin-bottom:5px;font-weight:600}.pg{display:grid;grid-template-columns:repeat(auto-fill,118px);justify-content:start;gap:6px}.pt{width:118px;border-radius:6px;overflow:hidden;border:1px solid var(--bd);background:var(--surface);cursor:pointer;transition:var(--tr);aspect-ratio:4/3;position:relative;padding:0}.pt:hover{box-shadow:var(--sh);transform:scale(1.02)}.pt img{width:100%;height:100%;object-fit:cover;display:block}.pt-src{position:absolute;bottom:0;left:0;right:0;padding:2px 6px;font-family:var(--fm);font-size:.5rem;color:#fff;text-transform:uppercase;letter-spacing:.04em;text-align:left}.pt-src.link{background:rgba(21,101,192,.75)}.pt-src.fp{background:rgba(26,58,26,.75)}
.pt-fallback{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#eef3ee,#e2e8e2);color:#3a5a3a;text-align:center;padding:8px}
.pt-fallback span{font-size:1.4rem}
.pt-fallback small{font-size:.58rem;line-height:1.2;word-break:break-word}
.pt-broken img{display:none}
.pt-broken .pt-fallback{display:flex}
.pt-ext{border-style:dashed;border-color:var(--b7,#1565c0)}
.pt-ext::after{content:"REF";position:absolute;top:4px;right:4px;background:rgba(21,101,192,.9);color:#fff;font-family:var(--fm);font-size:.45rem;padding:1px 4px;border-radius:3px;letter-spacing:.05em}
.nph{background:var(--sa);border:1px dashed var(--bs);border-radius:var(--rd);padding:9px 12px;font-size:.78rem;color:var(--tm);font-style:italic;line-height:1.4}
.lb{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.88);z-index:1000;display:none;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px)}.lb.open{display:flex}.lb img{max-width:90%;max-height:88%;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.4)}.lb-x{position:absolute;top:14px;right:18px;color:#fff;font-size:1.6rem;cursor:pointer;opacity:.7;transition:var(--tr);background:none;border:none}.lb-x:hover{opacity:1}.lb-n{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2rem;cursor:pointer;opacity:.6;transition:var(--tr);background:none;border:none;padding:14px}.lb-n:hover{opacity:1}.lb-p{left:6px}.lb-nx{right:6px}.lb-c{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.8);font-size:.78rem;font-family:var(--fm);background:rgba(0,0,0,.5);padding:4px 12px;border-radius:20px}
.mv{display:none}.mv.visible{display:block;animation:fi .3s ease}.mt-t{font-family:var(--fd);font-size:1.35rem;color:#1a2a1a;font-weight:700;margin-bottom:.35rem}.mt-d{color:var(--t2);margin-bottom:1rem;font-size:.85rem}.mt{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--rl);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}.mt th{background:#1a2a1a;color:#fff;font-family:var(--fm);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:9px 12px;text-align:left;font-weight:600}.mt td{padding:9px 12px;border-bottom:1px solid var(--bd);font-size:.8rem;vertical-align:top}.mt tr:nth-child(even) td{background:var(--sa)}.mt tr:hover td{background:var(--g0)}.mp{font-weight:600;color:#1a2a1a}.mo{font-family:var(--fm);font-size:.7rem;color:var(--tm)}.md{color:var(--t2);line-height:1.45}.mctag{font-family:var(--fm);font-size:.52rem;padding:1px 5px;border-radius:6px;text-transform:uppercase;vertical-align:middle;margin-left:3px}
@media(max-width:860px){.sidebar{display:none}.main{padding:1rem}.crop-strip{overflow-x:auto}}

.mc-cid{background:#0d2b4a;color:#cfe6ff;font-family:var(--fm);font-size:.66rem;font-weight:600}
.si-an{background:var(--b1);color:var(--b7)}.si-fl{background:var(--g1);color:var(--g7)}
.pheno{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--t2);background:var(--sa);border:1px solid var(--bd);border-radius:20px;padding:4px 12px;margin:0 0 1.1rem;font-family:var(--fb)}
.arow{display:grid;grid-template-columns:210px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--bd)}
.arow:last-child{border-bottom:none}
.alab.an{font-family:var(--fm);font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--g7);font-weight:600;line-height:1.45}
.aval{color:var(--t2);font-size:.83rem;line-height:1.6}.aval b{color:var(--tx);font-weight:600}
@media(max-width:680px){.arow{grid-template-columns:1fr;gap:3px;padding:10px 0}}
.lb-res{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:5px;font-size:.62rem;color:#fff}
.res-hi{background:rgba(46,125,50,.93)}.res-md{background:rgba(230,81,0,.92)}.res-lo{background:rgba(183,28,28,.9)}.res-ext{background:rgba(70,70,70,.88)}
.tb-tools{display:inline-flex;gap:6px;margin-right:10px;vertical-align:middle}
.tb-btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:4px 10px;font-family:var(--fm);font-size:.62rem;cursor:pointer;transition:var(--tr);white-space:nowrap;text-decoration:none}
.tb-btn:hover{background:rgba(255,255,255,.24);text-decoration:none}
.tb-logout{margin-left:2px}
.cap-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:1100;display:none;align-items:flex-start;justify-content:center;padding:4vh 16px;backdrop-filter:blur(3px);overflow:auto}
.cap-modal.open{display:flex}
.cap-box{background:var(--surface);border-radius:var(--rl);max-width:760px;width:100%;padding:1.6rem 1.7rem 1.4rem;box-shadow:0 12px 48px rgba(0,0,0,.3);position:relative}
.cap-x{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.6rem;color:var(--tm);cursor:pointer;line-height:1}.cap-x:hover{color:var(--tx)}
.cap-h{font-family:var(--fd);font-size:1.35rem;color:#1a2a1a;font-weight:700;letter-spacing:-.02em}
.cap-sub{color:var(--t2);font-size:.82rem;margin-bottom:1.1rem}
.legend{display:flex;gap:10px;flex-wrap:wrap;margin:.2rem 0 1rem;font-family:var(--fm);font-size:.62rem;color:var(--t2)}
.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:11px;height:11px;border-radius:3px;display:inline-block}
.imgref{margin-top:6px}
.imgref-note{font-size:.8rem;color:var(--t2);line-height:1.5;margin:2px 0 10px;background:var(--g0);border:1px solid var(--g1);border-left:3px solid var(--g6);border-radius:8px;padding:9px 12px}
.imgref-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.imgref-item{display:flex;flex-direction:column;gap:2px;text-decoration:none;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;background:var(--surface);transition:var(--tr);position:relative}
.imgref-item:hover{border-color:var(--b7);box-shadow:0 2px 10px rgba(21,101,192,.1);transform:translateY(-1px)}
.imgref-src{font-family:var(--fm);font-size:.7rem;font-weight:600;color:var(--b7)}
.imgref-url{font-family:var(--fm);font-size:.6rem;color:var(--tm);word-break:break-all}
.imgref-n{font-size:.68rem;color:var(--t2);font-style:italic}
.imgref-go{position:absolute;top:9px;right:11px;font-family:var(--fm);font-size:.58rem;color:var(--b7);opacity:.8}
@media(max-width:560px){.tb-btn{font-size:.55rem;padding:4px 7px}.topbar-stats{display:none}}