/* valeria.css — Estilos de la vista de Valeria (.vv-*, .sec-h).
   Antes vivían inyectados en JS (views/valeria.js/injectCSS); ahora son CSS de verdad. */

.vv-sec-h{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--txt2);padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.sec-h{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--txt2);padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.vv-strip{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:0;padding:12px 14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg)}
.vv-strip-texto{flex:1;min-width:0}
.vv-strip-msg{color:var(--txt2);font-size:13px;font-style:italic;margin-bottom:4px}
.vv-alert-compact{padding:5px 10px;font-size:12px;margin-top:4px}
.vv-mt{margin-top:var(--gap)}
.vv-tbl{overflow-x:auto}
.vv-tbl-head{display:grid;grid-template-columns:2fr 1.6fr 62px 1.1fr .9fr 1.1fr;gap:10px;align-items:center;padding:5px 4px 8px;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--txt2)}
.vv-tbl-row{display:grid;grid-template-columns:2fr 1.6fr 62px 1.1fr .9fr 1.1fr;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);transition:background .12s}
.vv-tbl-row:hover{background:rgba(255,255,255,.02)}
.vv-fase-txt{display:inline}
.vv-form{padding:10px 14px;margin:0;background:rgba(255,255,255,.025);border-left:3px solid rgba(255,255,255,.15);border-radius:0 var(--r) var(--r) 0;animation:fadeIn .18s ease}
.vv-form-label{display:block;margin-bottom:6px}
.vv-sel,.vv-inp{background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--txt);font-family:var(--f-body);font-size:12px;padding:6px 9px;outline:none;transition:border-color .15s}
.vv-sel:focus,.vv-inp:focus{border-color:rgba(255,255,255,.35)}
.vv-inp{flex:1;min-width:140px}
.vv-sel-sm{background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--txt2);font-size:11px;padding:2px 5px;outline:none}
.vv-pedidos{display:flex;flex-direction:column;gap:4px}
.vv-pedido-row{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--line)}
.vv-pedido-titulo{flex:1;min-width:0}
.vv-nota{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;line-height:1.5}
.vv-nota-tag{white-space:nowrap;flex-shrink:0}
.vv-fin{overflow-x:auto}
.vv-fin-head{display:grid;grid-template-columns:2fr 1fr 1fr 70px 90px;gap:10px;align-items:center;padding:5px 4px 8px;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--txt2)}
.vv-fin-row{display:grid;grid-template-columns:2fr 1fr 1fr 70px 90px;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line)}
.vv-tarea{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid var(--line)}
.vv-tarea-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vv-aviso{padding:12px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:var(--r);margin-top:8px}
.vv-search{width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--txt);padding:7px 12px;font-size:13px;outline:none;margin-bottom:12px}
.vv-search:focus{border-color:rgba(201,168,0,.5)}
.vv-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.vv-dir-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:4px}
.vv-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
@media(max-width:900px){
.vv-tbl-head,.vv-tbl-row{grid-template-columns:2fr 60px 1fr 1fr}
.vv-tbl-head>div:nth-child(2),.vv-tbl-row>div:nth-child(2){display:none}
.vv-fase-txt{display:none}
.vv-fin-head,.vv-fin-row{grid-template-columns:2fr 1fr 1fr}
.vv-fin-head>div:nth-child(4),.vv-fin-row>div:nth-child(4),.vv-fin-head>div:nth-child(5),.vv-fin-row>div:nth-child(5){display:none}
}
@media(max-width:430px){
.vv-tbl-head,.vv-tbl-row{grid-template-columns:1fr 54px auto;gap:8px}
.vv-tbl-head>div:nth-child(2),.vv-tbl-row>div:nth-child(2),
.vv-tbl-head>div:nth-child(4),.vv-tbl-row>div:nth-child(4),
.vv-tbl-head>div:nth-child(5),.vv-tbl-row>div:nth-child(5){display:none}
.vv-fin-head,.vv-fin-row{gap:8px}
.vv-pedido-row{flex-wrap:wrap}
.vv-pedido-titulo{flex:1 1 100%;min-width:0;order:-1}
.vv-pedido-row .flex.gap-xs{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
}