/* papeles.css -- la bandeja de Documentos (plan PLAN-documentos-simple-2026-10, F1). Solo tokens de Cuarto Oscuro. Todo cuelga de .pp-*: sin el interruptor del menu simple nada de esto se pinta. */
.pp-busca{ display:flex; gap:var(--e-3); align-items:center; margin:var(--e-4) 0; }
.pp-q{ flex:1; min-width:0; min-height:44px; padding:0 var(--e-4); border-radius:var(--r-pildora); background:var(--piedra); color:var(--tinta); border:0; font:inherit; font-size:var(--t-campo); }
.pp-filtros{ min-height:44px; padding:0 var(--e-4); border-radius:var(--r-pildora); background:var(--piedra); color:var(--tinta); border:0; font:inherit; font-size:var(--t-texto); cursor:pointer; }
.pp-tipos{ display:flex; flex-wrap:wrap; gap:var(--e-2); margin-bottom:var(--e-3); }
.pp-xarpie{ display:flex; flex-wrap:wrap; gap:var(--e-2); align-items:center; margin-bottom:var(--e-5); }
.pp-x-pre{ font-size:var(--t-meta); color:var(--medio); margin-right:var(--e-1); }
.pp-x{ min-height:36px; padding:0 var(--e-4); border-radius:var(--r-pildora); background:transparent; color:var(--tinta); border:1px solid var(--punto); font:inherit; font-size:var(--t-texto); cursor:pointer; }
@media (hover:hover){ .pp-x:hover{ background:var(--tinte-toque); } }
.pp-cajon{ margin:var(--e-5) 0; }
.pp-ct{ display:flex; align-items:baseline; gap:var(--e-3); margin:0 0 var(--e-2); font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.pp-n{ font-size:var(--t-meta); font-weight:500; color:var(--medio); background:var(--piedra); padding:0 var(--e-2); border-radius:4px; }
.pp-monto{ font-size:var(--t-texto); color:var(--tinta); white-space:nowrap; flex:none; margin-inline:var(--e-3); }
.pp-fila .pz-fila-tag{ padding:2px var(--e-2); border-radius:4px; background:var(--piedra); }
.pp-callado .pz-fila-tag{ background:transparent; border:1px solid var(--punto); }
.pp-listo .pz-fila-tag{ color:var(--tinta); font-weight:600; }
.pp-urge .pz-fila-tag{ color:var(--urge); font-weight:600; }
.pp-grupo{ display:flex; align-items:center; gap:var(--e-3); padding:var(--e-3); background:var(--piedra); border-radius:var(--r-flota); margin:var(--e-2) 0; }
.pp-grupo .pz-fila-ico{ position:relative; }
.pp-badge{ position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; display:grid; place-items:center; padding:0 4px; border-radius:var(--r-pildora); background:var(--boton); color:var(--boton-t); font-size:var(--t-meta); font-weight:600; }
.pp-btn{ min-height:44px; padding:0 var(--e-4); border-radius:var(--r-pildora); border:0; background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; flex:none; }
.pp-btn-calla{ background:transparent; }
.pp-mas{ margin:var(--e-2) 0 0 var(--e-6); padding:0; border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; cursor:pointer; }
.pp-pie{ display:flex; gap:var(--e-5); margin-top:var(--e-6); }
.pp-pie a{ color:var(--medio); font-size:var(--t-texto); }
@media (max-width:760px){ .pp-grupo{ flex-wrap:wrap; } .pp-monto{ margin-inline:var(--e-2); } }
/* «+ Nuevo documento»: primero la boda, luego que papel. */
.pn-cuerpo{ display:grid; gap:var(--e-3); }
.pn-paso{ display:flex; align-items:center; gap:var(--e-3); font-weight:600; color:var(--tinta); margin-top:var(--e-3); }
.pn-num{ width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--piedra); font-size:var(--t-meta); }
.pn-elegida{ display:flex; justify-content:space-between; align-items:center; gap:var(--e-3); padding:var(--e-3) var(--e-4); border-radius:var(--r-pildora); background:var(--piedra); }
.pn-cambiar{ border:0; background:transparent; color:var(--medio); font:inherit; text-decoration:underline; cursor:pointer; }
.pn-pildoras{ display:flex; flex-wrap:wrap; gap:var(--e-2); margin-top:var(--e-3); }
.pn-pildoras small{ color:var(--medio); margin-left:var(--e-1); }
.pn-nada{ color:var(--medio); font-size:var(--t-meta); }
.pn-opciones{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--e-3); }
.pn-op{ display:grid; gap:var(--e-2); align-content:start; text-align:left; padding:var(--e-4); border-radius:var(--r-flota); border:0; background:var(--piedra); color:var(--tinta); font:inherit; cursor:pointer; min-height:132px; }
.pn-ico{ width:36px; height:36px; display:grid; place-items:center; border-radius:4px; background:var(--pag); }
.pn-t{ font-size:var(--t-texto); font-weight:600; }
.pn-d{ font-size:var(--t-meta); color:var(--medio); }
.pn-bloq{ opacity:.6; }
.pn-bloq .pn-d{ color:var(--tinta); }
@media (hover:hover){ .pn-op:hover{ background:var(--piedra-on); } }
.pn-blanco{ border:0; background:transparent; color:var(--medio); font:inherit; text-decoration:underline; cursor:pointer; }
.pn-sp{ flex:1; }
@media (max-width:560px){ .pn-opciones{ grid-template-columns:1fr; } }
/* La lista de control dentro de la ficha de boda (F5). */
.pp-control{ background:var(--piedra); border-radius:var(--r-flota); padding:var(--e-4); margin-bottom:var(--e-5); }
.pp-cb-cab{ display:flex; justify-content:space-between; align-items:baseline; gap:var(--e-3); margin-bottom:var(--e-3); }
.pp-cb-t{ margin:0; font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.pp-cb-r{ font-size:var(--t-meta); color:var(--medio); }
.pp-cb-fila{ display:flex; align-items:center; gap:var(--e-3); padding:var(--e-2) 0; }
.pp-cb-ok{ width:22px; height:22px; flex:none; display:grid; place-items:center; border-radius:50%; border:1.5px solid var(--punto); font-size:var(--t-meta); color:var(--tinta); }
.pp-cb-fila.hecho .pp-cb-ok{ background:var(--boton); border-color:var(--boton); color:var(--boton-t); }
.pp-cb-fila .pz-fila-txt{ flex:1; min-width:0; }
.pp-cb-fila .pz-fila-ico{ position:relative; }
.pp-btn-primario{ background:var(--boton); color:var(--boton-t); }
.pp-cb-pie{ display:flex; justify-content:space-between; align-items:center; margin-top:var(--e-3); font-size:var(--t-meta); color:var(--medio); }
.pp-cb-nuevo{ border:0; background:transparent; color:var(--medio); font:inherit; text-decoration:underline; cursor:pointer; }
/* «Mas opciones»: lo de una vez al ano, plegado (F3). */
.pp-masopc{ border-radius:var(--r-flota); background:var(--piedra); margin:var(--e-3) 0; }
.pp-masopc > summary{ display:flex; flex-direction:column; gap:2px; padding:var(--e-3) var(--e-4); cursor:pointer; list-style:none; min-height:44px; justify-content:center; }
.pp-masopc > summary::-webkit-details-marker{ display:none; }
.pp-mo-t{ font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.pp-mo-s{ font-size:var(--t-meta); color:var(--medio); }
.pp-mo-c{ padding:0 var(--e-4) var(--e-4); }
/* Telefono: el titulo de un renglon puede ocupar dos lineas (monto y estado no lo comen). */
@media (max-width:560px){ .pp-fila .pz-fila-t{ white-space:normal; overflow:visible; text-overflow:clip; } .pp-fila .pz-fila-txt{ min-width:0; flex:1 1 120px; } .pp-pag .pz-cab{ margin-bottom:var(--e-3); } }
@media (max-width:560px){ .pp-grupo .pz-fila-txt{ flex:1 1 calc(100% - 60px); } .pp-grupo .pz-fila-t, .pp-grupo .pz-fila-m{ white-space:normal; } .pp-grupo .pp-btn{ flex:1 1 40%; } }