:root{color-scheme:light}
html,body{margin:0;background:#ECEEF2}
body{padding:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:980px;margin:0 auto}
.ed{font-family:Inter,-apple-system,'Segoe UI',sans-serif;color:#1a1a1a}
.ed *{box-sizing:border-box}
.ed>input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.ed label{cursor:pointer;-webkit-tap-highlight-color:transparent}
.ed .nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.ed .nav label{font-size:12px;font-weight:600;padding:7px 10px;border-radius:6px;border:1px solid #C9D1E0;background:#fff;color:#1a2540}
.ed .fr{background:#ECEEF2;border-radius:12px;overflow:hidden}
.ed .aviso{background:#EEF1F7;border-bottom:1px solid #D7DEEA;font-size:11.5px;color:#1a2540;text-align:center;padding:8px 12px}
.ed .in{padding:18px 22px 22px}
.ed .scr{display:none}
.ed .hd{background:#1a2540;color:#FFFBEB;display:flex;align-items:center;gap:18px;padding:10px 18px;flex-wrap:wrap;position:relative}
.ed .lg{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#FFFBEB}
.ed .lg i{width:28px;height:28px;border-radius:7px;background:#F5C400;color:#1a2540;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.ed .hl{display:flex;gap:4px;flex-wrap:wrap}
.ed .hl label{font-size:12.5px;font-weight:600;color:#D7DEEA;padding:6px 10px;border-radius:6px;display:inline-flex;gap:6px;align-items:center}
.ed .hl label:hover{background:rgba(255,255,255,.1)}
.ed .hr{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ed .tk{display:flex;align-items:center;gap:7px;font-size:12px;color:#FFFBEB;border:1px solid #F5C400;border-radius:6px;padding:4px 9px}
.ed .tk i{font-size:16px;color:#F5C400}
.ed .tk b{font-weight:600}
.ed .tk:hover{background:rgba(245,196,0,.15)}
.ed .tkb{display:block;height:3px;background:rgba(255,255,255,.25);border-radius:2px;margin-top:3px;overflow:hidden;min-width:70px}
.ed .tkb i{display:block;height:100%;background:#F5C400;font-size:0}
.ed .mun{font-size:12px;color:#D7DEEA;display:flex;gap:6px;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:5px 9px}
.ed .usr2{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#FFFBEB;cursor:pointer;padding:4px 8px;border-radius:6px}
.ed .usr2:hover{background:rgba(255,255,255,.1)}
.ed .av{width:28px;height:28px;border-radius:50%;background:#EEF1F7;color:#1a2540;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center}
.ed .usr2 small{display:block;font-size:11px;color:#D7DEEA}
.ed .um{display:none;position:absolute;right:18px;top:100%;margin-top:4px;background:#fff;border:1px solid #D7DEEA;border-radius:8px;min-width:220px;padding:6px;z-index:5;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.ed .um label,.ed .um span{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#1a2540;padding:8px 10px;border-radius:6px}
.ed .um label:hover,.ed .um span:hover{background:#F7F8FA}
.ed .um hr{border:0;border-top:1px solid #E6E8EE;margin:4px 0}
.ed .pv{display:none}
.ed .cg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ed .cg label{font-size:12.5px;color:#1a2540;background:#fff;border:1px solid #C9D1E0;border-radius:6px;padding:6px 10px;font-weight:400}
.ed .cg label:hover{border-color:#1a2540}
.ed .cgl{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase;margin:10px 0 5px}
.ed .sig{background:#F7F8FA;border:1px solid #E6E8EE;border-radius:6px;padding:10px 12px;font-size:12.5px;color:#1a2540;line-height:1.5;margin-top:6px}
.ed .sig i{font-style:normal;color:#6b7280}
.ed .mets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.ed .met{background:#fff;border:1px solid #D7DEEA;border-radius:8px;padding:12px 14px}
.ed .met .k{font-size:11.5px;color:#6b7280}
.ed .met .v{font-size:22px;font-weight:600;color:#1a2540;line-height:1.2}
.ed .met code{font-size:11px;color:#4b5563;display:block;margin-top:4px;word-break:break-all}
.ed .dd{background:#fff;border:1px solid #C9D1E0;border-radius:8px;position:relative;align-self:start}
.ed .dd summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:600;color:#1a2540;font-size:14px}
.ed .dd summary::-webkit-details-marker{display:none}
.ed .dd .cnt{font-size:11px;background:#EEF1F7;border:1px solid #D7DEEA;border-radius:10px;padding:0 7px;font-weight:600}
.ed .ddl{border-top:1px solid #E6E8EE;max-height:300px;overflow:auto;padding:6px}
.ed .ddg{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase;padding:8px 8px 4px}
.ed .ddl label{display:block;font-size:13px;color:#1a2540;padding:7px 8px;border-radius:6px}
.ed .ddl label:hover{background:#F7F8FA}
.ed .fch{display:none}
.ed .fd{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;font-size:12.5px;margin:6px 0 0}
.ed .fd dt{color:#6b7280}
.ed .fd dd{margin:0;color:#1a2540}
.ed .ql{margin:0;padding:0;list-style:none;font-size:12.5px}
.ed .ql li{padding:6px 0;border-top:1px solid #E6E8EE;color:#1a2540}
.ed .ql li:first-child{border-top:0}
.ed .ql .m{display:block;margin-top:1px}
.ed .rq{color:#b91c1c;font-weight:600}
.ed .ayuda9{display:none}
.ed .propuesta9{display:none}
.ed .scr[id^=vf_] textarea.f{min-height:112px}
.ed .scr[id^=vf_] textarea.f.big{min-height:180px}
.ed textarea.f{field-sizing:content;min-height:72px;resize:vertical}
.ed .gl li{align-items:center}
.ed .gl input[type=checkbox]{accent-color:#1a2540;width:16px;height:16px;flex-shrink:0}
.ed .gl li>div{flex:1}
.ed .drop.mini{padding:6px 10px;font-size:12px;margin-top:6px;text-align:left}
.ed .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:12px;border-top:1px solid #D7DEEA;padding-top:12px}
.ed .stp{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.ed .stx{font-size:11.5px;color:#4b5563;line-height:1.4}
.ed .sigbtn{opacity:.45;pointer-events:none}
.ed .vmsg{display:none;align-items:center;gap:8px;margin-top:10px;background:#E0E9FF;border:1px solid #B9CCF5;color:#1d4ed8;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600}
.ed .later{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed #C9D1E0}
.ed .regdone .steps,.ed .regdone .later,.ed .regdone .vmsg{font-weight:400}
.ed .regdone .vmsg{font-weight:600}
.ed .oldv{display:none;align-items:center;gap:8px;flex-wrap:wrap;background:#F7F8FA;border:1px solid #E6E8EE;border-radius:8px;padding:8px 12px;margin-top:10px;font-size:12.5px;color:#1a2540}
.ed .oldv .nm2{flex:1;min-width:150px}
.ed .oldv .nm2 b{font-weight:600;display:block}
.ed .pill.fin{display:none}
.ed .mod1{}
.ed .sm.rean1{display:none;background:#1a2540;color:#FFFBEB;border-color:#1a2540}
.ed .lockn{display:none;margin-top:8px;background:#E7F6EC;border:1px solid #B7E1C4;color:#15803d;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}
.ed .tl{list-style:none;margin:0;padding:0;font-size:12.5px;color:#1a2540}
.ed .tl li{display:flex;gap:10px;padding:6px 0;border-top:1px solid #E6E8EE}
.ed .tl li:first-child{border-top:0}
.ed .tl b{min-width:44px;font-weight:600;color:#6b7280}
.ed .fz{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #E6E8EE;font-size:12.5px;color:#1a2540}
.ed .fz:first-of-type{border-top:0}
.ed .fz input{accent-color:#1a2540;width:16px;height:16px}
.ed .fz .fzd{min-width:80px;color:#6b7280;font-weight:600}
.ed .infpanel{display:none;margin-top:12px;border-top:1px solid #E6E8EE;padding-top:12px}
.ed .informe{background:#fff;border:1px solid #C9D1E0;border-radius:6px;padding:14px 16px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.ed .informe .ih{display:flex;flex-direction:column;border-bottom:2px solid #F5C400;padding-bottom:6px;margin-bottom:8px;color:#1a2540}
.ed .informe .ih b{font-size:15px;font-weight:600}
.ed .informe .ih span{font-size:11.5px;color:#6b7280}
.ed table.tb{border-collapse:collapse;width:100%;font-size:12px}
.ed .tb th,.ed .tb td{border:1px solid #E6E8EE;padding:4px 8px;text-align:left}
.ed .tb th{background:#F7F8FA}
.ed .cnts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.ed .cn{background:#F7F8FA;border:1px solid #D7DEEA;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column}
.ed .cn:hover{border-color:#1a2540}
.ed .cn .cv{font-size:24px;font-weight:600;color:#1a2540;line-height:1.1}
.ed .cn .ck{font-size:12px;color:#4b5563}
.ed .cn.al{background:#FFF6D6;border-color:rgba(245,196,0,.7)}
.ed .cn.al .cv{color:#7a5f00}
.ed .alr{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #D7DEEA;border-radius:8px;margin-top:8px;font-size:13px;color:#1a2540;background:#fff;flex-wrap:wrap}
.ed .alr i{font-size:20px}
.ed .alr:hover{border-color:#1a2540}
.ed .alr .dn b{font-weight:600;display:block}
.ed .alr.urg{border-left:4px solid #E24B4A;background:#FFF8F8}
.ed .alr.urg>i{color:#A32D2D}
.ed .fz.ord{flex-wrap:wrap}
.ed .fz .oi{width:54px;min-height:32px;padding:4px 6px;text-align:center;font-family:inherit}
.ed .fz .ar{padding:4px 7px}
.ed .fz.ord .dn{flex:1;min-width:150px}
/* 30-sep-2026 (COPILOTO-EXPEDIENTE-ACORDEON-001): Roberto, "parecen lineas, no parecen desplegables":
   los <details class="card"> del expediente no tenian separacion entre si (bordes de 1px tocandose,
   efecto tabla) y la flecha de despliegue era diminuta y del mismo peso que el texto, sin ningun
   indicio de que fueran interactivos. Espacio entre tarjetas, flecha mas visible en un circulo propio
   que gira al abrir, y un fondo sutil al pasar el raton para que la tarjeta se note pulsable. */
.ed details.card~details.card{margin-top:10px}
.ed details.cl>summary,.ed details.cl2>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1a2540;transition:background-color .12s}
.ed details.cl>summary:hover,.ed details.cl2>summary:hover{background-color:#F7F9FC}
.ed details.cl>summary::-webkit-details-marker,.ed details.cl2>summary::-webkit-details-marker{display:none}
.ed details.cl>summary:after,.ed details.cl2>summary:after{content:"\25BE";margin-left:auto;flex:0 0 auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#EEF1F7;color:#1a2540;font-size:13px;transition:transform .15s}
.ed details.cl:not([open])>summary:after,.ed details.cl2:not([open])>summary:after{transform:rotate(-90deg)}
.ed details.cl[open]>summary{margin-bottom:8px}
.ed details.cl2>summary>*{}
.ed details.cl2>summary h4{margin:0}
.ed details.cl2>summary>div{flex:1}
.ed .chatw{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start}
@media(max-width:760px){.ed .chatw{grid-template-columns:1fr}}
.ed .cvp{background:#fff;border:1px solid #D7DEEA;border-radius:8px}
.ed .cvp>summary{padding:12px 14px}
.ed .cvl{border-top:1px solid #E6E8EE}
.ed .cvi{padding:9px 14px;border-bottom:1px solid #E6E8EE;font-size:12.5px;color:#1a2540;cursor:pointer}
.ed .cvi b{font-weight:600;display:block}
.ed .cvi.act{background:#EEF1F7;border-left:3px solid #F5C400}
.ed .cvo{padding:6px 14px 12px}
.ed .cm{font-size:11.5px;color:#1a2540;background:#EEF1F7;border:1px solid #D7DEEA;border-radius:4px;padding:2px 7px;align-self:flex-start;line-height:1.4}
.ed .cm b{font-weight:600}
.ed .cm2{font-size:11.5px;color:#4b5563;line-height:1.4}
.ed .cm2 b{font-weight:600;color:#1a2540}
.ed .off .cm{background:#F1F2F5;color:#6b7280}
.ed .ayuda-intervencion,.ed .propuesta-intervencion{display:none}
.ed .ayuda-ordenanzas,.ed .propuesta-ordenanzas{display:none}
.ed .ayuda-contratacion,.ed .propuesta-contratacion{display:none}
.ed .ayuda-personal,.ed .propuesta-personal{display:none}
.ed .ayuda-igualdad,.ed .propuesta-igualdad{display:none}
.ed .ayuda-presupuesto,.ed .propuesta-presupuesto{display:none}
.ed .ayuda-canal,.ed .propuesta-canal{display:none}
.ed .pres{display:none}
.ed label.opc{cursor:pointer}
.ed .back{background:#fff;border:2px solid #1a2540;border-radius:6px;padding:6px 13px;font-size:13px;font-weight:600;color:#1a2540;cursor:pointer}
.ed .back:hover{border-color:#F5C400;background:#F7F8FA}
.ed .cb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid #E6E8EE}
.ed .cb:first-of-type{border-top:0}
.ed .cb .f{width:auto}
.ed .cb select.f{min-width:150px}
.ed .cbo{font-size:12.5px;color:#1a2540;display:flex;gap:6px;align-items:center;white-space:nowrap}
.ed .cbo input{accent-color:#1a2540}
.ed .cbd .dn{flex:1;min-width:180px}
.ed ul.bv{margin:0 0 10px;padding-left:20px;font-size:13.5px;line-height:1.6;color:#1a2540}
.ed ul.bv li{margin-bottom:6px}
.ed .bvw{background:#FFF1F1;border:1px solid #F09595;color:#A32D2D;border-radius:6px;padding:10px 12px;font-size:12.5px;line-height:1.5;margin:10px 0}
.ed .bvp{font-size:13px;line-height:1.55;color:#1a2540;margin:8px 0}
.ed .bvg{background:#E7F6EC;border:1px solid #B7E1C4;border-left:4px solid #15803d;color:#1a2540;border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.5;margin:10px 0}
.ed label.bvc{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:600;color:#1a2540;margin:14px 0 8px}
.ed .bvc input{accent-color:#15803d;width:18px;height:18px}
.ed .btn-acc{background:#15803d;color:#fff;opacity:.4;pointer-events:none}
.ed .lgb{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.ed .lgl{font-size:12.5px;font-weight:600;color:#1a2540;margin-right:4px}
.ed .lgp{font-size:12.5px;font-weight:600;color:#1a2540;background:#fff;border:1px solid #C9D1E0;border-radius:6px;padding:5px 11px}
.ed .bvbox{width:20px;height:20px;border:2px solid #15803d;border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:14px;line-height:1}
.ed .oldbox{display:none}
.ed .path{background:#fff;border:1px solid #D7DEEA;border-top:3px solid #F5C400;border-radius:8px;padding:14px 16px}
.ed .path h4{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.ed .grl{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase;margin:12px 0 6px}
.ed .chp{display:inline-block;font-size:12.5px;color:#1a2540;background:#F7F8FA;border:1px solid #D7DEEA;border-radius:6px;padding:5px 9px;margin:0 6px 6px 0;line-height:1.3}
.ed label.chp{cursor:pointer;background:#FFFBEB;border-color:#F5C400;font-weight:600}
.ed .opc{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #C9D1E0;border-radius:8px;padding:11px 13px;font-size:13px;color:#1a2540;margin-bottom:8px;line-height:1.4}
.ed .opc b{font-weight:600;display:block}
.ed .opc input{accent-color:#1a2540;margin-top:3px}
.ed .rd{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#1a2540}
.ed .rd label{display:flex;gap:6px;align-items:flex-start;font-weight:400}
.ed .rd input{accent-color:#1a2540;margin-top:2px}
.ed .dh,.ed .dr{display:grid;grid-template-columns:2.2fr .9fr 1.2fr .9fr .7fr 1.4fr;gap:10px;padding:11px 14px;align-items:center;font-size:13px}
.ed .dh{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #E6E8EE}
.ed .dr{border-top:1px solid #E6E8EE;color:#1a2540}
.ed .dr:first-of-type{border-top:0}
.ed .dr b{font-weight:600;display:block}
.ed .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.ed .tabs span{font-size:12px;font-weight:600;padding:6px 11px;border-radius:6px;border:1px solid #C9D1E0;background:#fff;color:#1a2540}
.ed .tabs span.on{background:#1a2540;color:#FFFBEB;border-color:#1a2540}
@media(max-width:640px){.ed .dh{display:none}
.ed .dr{grid-template-columns:1fr 1fr}}
.ed .ayuda{display:none}
.ed .propuesta{display:none}
.ed h1,.ed h3{font-size:19px;font-weight:600;color:#1a2540;margin:0 0 4px;font-family:inherit}
.ed h4{font-size:14px;font-weight:600;color:#1a2540;margin:0 0 6px;font-family:inherit}
.ed .lead,.ed .sub{font-size:13px;color:#4b5563;margin:0 0 14px;line-height:1.5}
.ed .bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ed .back{font-size:12.5px;color:#1a2540;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.ed .chip{font-size:11.5px;font-weight:600;color:#1a2540;background:#fff;border:1px solid #D7DEEA;border-top:3px solid #F5C400;border-radius:6px;padding:4px 10px}
.ed .sec{display:flex;align-items:center;gap:10px;margin:18px 0 10px;font-size:12px;font-weight:600;color:#1a2540;letter-spacing:.05em;text-transform:uppercase}
.ed .sec:after{content:"";flex:1;height:1px;background:#D7DEEA}
.ed .g,.ed .lst{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.ed .c{background:#fff;border:1px solid #D7DEEA;border-radius:8px;padding:13px 14px;display:flex;flex-direction:column;gap:6px;min-height:132px;text-decoration:none}
.ed .lst .c{min-height:96px}
/* 30-sep-2026: Roberto, "quiero todas las card con borde amarillo completo": esta tarjeta solo llevaba
   el borde superior amarillo (3px) y el resto gris, distinto del resto de tarjetas de la app (ya con
   borde amarillo completo). Ahora las cuatro caras, como en todas las demás. */
/* 30-sep-2026: Roberto, "las quiero todas con borde del mismom azul oscuro": el color estandar de
   borde pasa de amarillo a azul marino (navy de marca); el amarillo queda para el hover, como acento. */
.ed .c.on{border:2px solid #1a2540;cursor:pointer}
.ed .c.on:hover{border-color:#F5C400}
.ed .c.off{background:#F7F8FA;border-style:dashed}
/* 25-oct-2026 (Roberto: "q sean de colores" / "e instalar en l movil tb"): solo el fondo de los
   atajos fijos (no las cards del catalogo, que son muchas y sin un color propio asignable) tinta
   por tipo; el borde navy de 30-sep-2026 ("las quiero todas con borde del mismo azul oscuro") se
   mantiene igual en todas, no se revierte esa decision. */
.ed .c.on[data-slug=instalar]{background:#ECFEFF}
.ed .c.on[data-slug=guia]{background:#F5F3FF}
.ed .c.on[data-slug=mis-gestiones]{background:#FFFBEB}
.ed .c.on[data-slug=mis-documentos]{background:#EFF6FF}
.ed .c.on[data-slug=mis-expedientes]{background:#E8F5EC}
.ed .c.on[data-slug=analizar-propuestas]{background:#FFF1F2}
.ed .c.on[data-slug=crear-plantilla]{background:#FFF7ED}
/* 26-oct-2026 (Roberto: "cada card de un color"): una tinta propia para cada card del catalogo en uso. */
.ed .c.on[data-slug=secretaria]{background:#E0E7FF}
.ed .c.on[data-slug=intervencion]{background:#CCFBF1}
.ed .c.on[data-slug=ordenanzas]{background:#FAE8FF}
.ed .c.on[data-slug=contratacion]{background:#ECFCCB}
.ed .c.on[data-slug=seguimiento]{background:#F1F5F9}
.ed .c.on[data-slug=personal]{background:#E0F2FE}
.ed .c.on[data-slug=igualdad]{background:#FCE7F3}
.ed .c.on[data-slug=gestiones]{background:#FEF3C7}
.ed .c.on[data-slug=formacion]{background:#E7E5E4}
.ed .ic{font-size:21px;color:#1a2540}
.ed .off .ic{color:#8a93a8}
.ed .t{font-size:14px;font-weight:600;color:#1a2540;line-height:1.3}
.ed .off .t{color:#5b647a}
.ed .d{font-size:12px;line-height:1.45;color:#4b5563;flex:1}
.ed .off .d{color:#7b8499}
.ed .go{font-size:12px;font-weight:600;color:#1a2540;display:flex;align-items:center;gap:4px}
.ed .soon{align-self:flex-start;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:4px;background:rgba(245,196,0,.16);color:#7a5f00;border:1px solid rgba(245,196,0,.45)}
/* 21-oct-2026 (Roberto: "todos esos botones en todas las fichas deberian tener fondo verde"): .b/.b2
   pasan de azul marino / blanco al verde ya usado en el resto de la app para "conforme" (#15803d, ver
   .bvg/.btn-acc/.bvc/.bvbox mas abajo), asi quedan coherentes con esos elementos en vez de introducir un
   verde nuevo. .ed envuelve TODA la app (layout.blade.php), asi que este cambio cubre todas las fichas. */
.ed .b{background:#15803d;color:#fff;border:2px solid #15803d;border-radius:6px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.ed .b2{background:#15803d;color:#fff;border:2px solid #15803d;border-radius:6px;padding:6px 11px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.ed .b2:hover{border-color:#F5C400}
/* 23-sep-2026: una fase que aun no se puede generar se distingue a simple vista */
.ed .b2[disabled],.ed .b[disabled]{opacity:.45;cursor:not-allowed;background:#F3F4F6;color:#6b7280}
/* 30-sep-2026: Roberto, "quiero esos bordes en todo, lo pillas?": tras varias rondas dejando solo casos
   concretos en azul marino (details.card, .exp-wrap .card...) seguian quedando usos sueltos de .card
   sin tocar (la tabla de Mis expedientes, la de Mis documentos...) con el borde gris de siempre. Se
   pone el azul marino de 2px en la propia clase base .card, para toda la aplicacion de una vez; ya no
   hacen falta los casos especiales de mas abajo. */
.ed .card{background:#fff;border:2px solid #1a2540;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
/* Hueco entre tarjetas del expediente, tanto <details> como <div> (ver .card mas arriba para el color). */
.exp-wrap .card~.card{margin-top:10px}
.ed .pad{padding:14px 16px}
.ed .st{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.ed .s{flex:1;min-width:100px;font-size:12px;padding:7px 10px;border-radius:6px;background:#fff;border:1px solid #D7DEEA;color:#6b7280}
.ed .s.a{background:#1a2540;color:#FFFBEB;border-color:#1a2540;font-weight:600}
.ed .s.d{color:#1a2540;border-color:#1a2540}
.ed .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;align-items:start}
/* 25-oct-2026 (Roberto: "no estan alineados"): "details.card~details.card{margin-top:10px}" de
   arriba asume tarjetas apiladas en una columna; dentro de la rejilla de 2 columnas ".two" ese
   margen desalineaba la segunda tarjeta 10px mas abajo que la primera (p.ej. copias.blade.php). */
.ed .two>details.card{margin-top:0}
.ed .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}
.ed .lb{display:block;font-size:12.5px;font-weight:600;color:#1a2540;margin-bottom:4px}
.ed .f{width:100%;border:1px solid #C9D1E0;border-radius:6px;padding:8px 10px;font-size:13px;background:#fff;min-height:36px;display:flex;align-items:center;gap:6px}
.ed textarea.f{display:block;font-family:inherit;color:#1a1a1a;min-height:72px;line-height:1.5;resize:vertical}
.ed textarea.f:focus,.ed input.f:focus{outline:2px solid #1a2540;outline-offset:0}
.ed .ro{background:#EEF1F7;font-weight:600;justify-content:space-between;color:#1a2540}
.ed .h{font-size:11.5px;color:#6b7280;margin-top:3px}
.ed .drop{border:1.5px dashed #9aa6c2;border-radius:8px;padding:12px;text-align:center;font-size:12.5px;color:#1a2540;background:#F7F8FA}
.ed .file{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:6px 10px;border:1px solid #D7DEEA;border-radius:6px;margin-top:6px;background:#fff}
.ed .file span{flex:1}
.ed .prop{background:#FFFBEB;border:1px solid #F5C400;border-radius:8px;padding:10px 12px;font-size:12.5px;color:#1a2540;line-height:1.5;margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ed .prop .tx{flex:1;min-width:190px}
.ed .grp{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#1a2540;letter-spacing:.05em;text-transform:uppercase;margin:12px 0 2px}
.ed .grp:after{content:"";flex:1;height:1px;background:#D7DEEA}
.ed .dl{list-style:none;margin:0;padding:0}
.ed .dl li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px solid #E6E8EE;font-size:13px;color:#1a2540}
.ed .dl li:first-child{border-top:0}
.ed .n{width:20px;height:20px;border-radius:50%;background:#1a2540;color:#FFFBEB;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.ed .n.o{background:#fff;color:#6b7280;border:1px solid #C9D1E0}
.ed .dl b,.ed .dn b{font-weight:600;display:block}
.ed .m{font-size:11.5px;color:#6b7280;display:block}
.ed .tag{margin-left:auto;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap;display:inline-block}
.ed .g1{background:#E7F6EC;color:#15803d;border:1px solid #B7E1C4}
.ed .g3{background:#FFF6D6;color:#7a5f00;border:1px solid rgba(245,196,0,.6)}
.ed .g4{background:#E0E9FF;color:#1d4ed8;border:1px solid #B9CCF5}
.ed .g0{background:#F7F8FA;color:#6b7280;border:1px dashed #C9D1E0}
.ed .acts{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.ed .msg{background:#fff;border:1px solid #D7DEEA;border-radius:8px;padding:12px 14px;font-size:13.5px;line-height:1.55;color:#1a2540;margin-bottom:10px;max-width:660px}
.ed .usr{background:#1a2540;color:#fff;margin-left:auto;max-width:520px}
.ed .doc{display:flex;align-items:center;gap:10px;background:#EEF1F7;border:1px solid #D7DEEA;border-radius:8px;padding:10px 12px;margin-top:10px;flex-wrap:wrap}
.ed .doc .nm{flex:1;min-width:160px;font-size:13px;font-weight:600}
.ed .doc .nm span{display:block;font-weight:400;font-size:11.5px;color:#4b5563}
.ed .sm{font-size:12px;font-weight:600;background:#fff;border:1px solid #C9D1E0;border-radius:6px;padding:5px 10px;color:#1a2540;display:inline-flex;align-items:center;gap:4px}
/* 30-sep-2026: Roberto, "arregla también los avisos con acento lateral": .ctx y .selb llevaban gris en
   tres caras y amarillo solo en el borde izquierdo, distinto del resto de tarjetas. */
.ed .ctx{background:#fff;border:2px solid #1a2540;border-radius:8px;padding:8px 11px;font-size:12.5px;color:#1a2540;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ed .ctx b{font-weight:600}
.ed .added{display:none;align-items:center;gap:8px;margin-top:10px;background:#E7F6EC;border:1px solid #B7E1C4;color:#15803d;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600}
.ed .addrow{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.ed .inp{display:flex;gap:8px;margin-top:12px}
.ed .inp .f{background:#EAF6EF;color:#6b7280}
.ed .send{background:#9aa0ab;color:#fff;border-radius:6px;width:44px;display:flex;align-items:center;justify-content:center}
.ed .leg{font-size:11px;color:#1a2540;text-align:center;margin-top:8px}
.ed .filt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ed .th,.ed .tr{display:grid;grid-template-columns:1.1fr 2.2fr 1.4fr 1fr 1fr;gap:10px;padding:11px 14px;align-items:center;font-size:13px}
.ed .th{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #E6E8EE}
.ed .tr{border-top:1px solid #E6E8EE;color:#1a2540}
.ed .tr:hover{background:#F7F8FA}
.ed .tr.first{border-top:0}
.ed .cod{font-weight:600}
.ed .cod span,.ed .ttl span{display:block;font-weight:400;font-size:11.5px;color:#6b7280}
.ed .ttl b{font-weight:600;display:block}
.ed .pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;display:inline-block;white-space:nowrap}
.ed .pr{background:#EEF1F7;color:#1a2540;border:1px solid #D7DEEA}
.ed .pb{height:6px;background:#E6E8EE;border-radius:3px;overflow:hidden;margin-top:4px}
.ed .pb i{display:block;height:100%;background:#1a2540}
.ed .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ed .drow{display:flex;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid #E6E8EE;font-size:13px;color:#1a2540;flex-wrap:wrap}
.ed .drow:first-of-type{border-top:0}
.ed .dn{flex:1;min-width:160px}
.ed dl{margin:0;font-size:12.5px}
.ed dl div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #E6E8EE}
.ed dl div:first-child{border-top:0}
.ed dt{color:#6b7280}
.ed dd{margin:0;font-weight:600;text-align:right}
.ed .res{background:#fff;border:1px solid #B7E1C4;border-left:4px solid #15803d;border-radius:8px;padding:12px 14px;margin-top:12px;font-size:13px;color:#1a2540;line-height:1.55}
.ed .res b{font-weight:600}
/* 30-sep-2026: Roberto, "todo con borde amarillo y el mismo grosor": este llevaba solo un borde
   superior de 3px (mismo patron que .c.on, ya corregido), distinto del 1px en las cuatro caras que
   lleva el resto de tarjetas. */
.ed .libre{display:flex;align-items:center;gap:14px;background:#1a2540;color:#FFFBEB;border-radius:8px;padding:13px 17px;margin-bottom:6px;border:2px solid #0f1729}
.ed .libre i.big{font-size:26px;color:#F5C400}
.ed .libre .lt{flex:1;min-width:180px}
.ed .libre b{display:block;font-size:15px;font-weight:600}
.ed .libre span.ls{font-size:12.5px;color:#D7DEEA;line-height:1.45;display:block;margin-top:2px}
.ed .libre .go2{font-size:12.5px;font-weight:600;color:#1a2540;background:#FFFBEB;border-radius:6px;padding:8px 13px;display:inline-flex;gap:6px;align-items:center}
.ed .sug{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:12px 0 16px}
.ed .sug div{background:#fff;border:1px solid #D7DEEA;border-radius:6px;padding:12px 14px;font-size:13px;color:#1a2540;line-height:1.4}
.ed .tg{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #D7DEEA;border-radius:6px;padding:8px 10px;font-size:12.5px;color:#1a2540;margin-bottom:6px}
.ed .tg input{accent-color:#1a2540;width:16px;height:16px}
.ed .tg b{font-weight:600}
.ed .tr.rowlibre{display:none}
#sav:not(:checked)~.fr .rowlibre+.tr{border-top:0}
.ed .ups{display:none}
.ed .pill.fdone,.ed .sm.fdone{display:none}
.ed .regen{margin-top:10px}
.ed .regen textarea.f{min-height:54px}
.ed .regdone{display:none;align-items:center;gap:8px;margin-top:8px;background:#EEF1F7;border:1px solid #D7DEEA;color:#1a2540;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600}
.ed .regdone{flex-direction:column;align-items:stretch;gap:8px}
.ed .regdone .doc{font-weight:400;margin-top:0}
.ed .conf{margin-top:12px;border-top:1px solid #D7DEEA;padding-top:12px}
.ed .opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:4px}
.ed .opt{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #C9D1E0;border-radius:8px;padding:11px 12px;font-size:12.5px;color:#1a2540;line-height:1.4}
.ed .opt:hover{border-color:#1a2540;background:#F7F8FA}
.ed .opt i{font-size:20px;margin-top:1px}
.ed .opt b{font-weight:600;display:block;margin-bottom:2px}
.ed .cfres{display:none;margin-top:10px;background:#EEF1F7;border:1px solid #D7DEEA;border-left:4px solid #1a2540;border-radius:8px;padding:11px 13px;font-size:12.5px;color:#1a2540;line-height:1.5}
.ed .req{display:none;color:#b91c1c;font-size:11.5px;margin-top:3px;font-weight:600}
.ed input.asu:placeholder-shown~.req{display:block}
.ed input.asu:placeholder-shown{border-color:#b91c1c}
.ed .selb{display:none}
.ed .selb{background:#fff;border:2px solid #1a2540;border-radius:8px;padding:9px 11px;font-size:12.5px;color:#1a2540;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.ed .selb b{font-weight:600}
.ed .buspanel{display:none;margin-top:12px;border-top:1px solid #E6E8EE;padding-top:12px}
.ed .res2{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #D7DEEA;border-radius:6px;margin-top:6px;background:#fff;font-size:12.5px;color:#1a2540;flex-wrap:wrap}
.ed .res2:hover{border-color:#1a2540;background:#F7F8FA}
.ed .res2 b{font-weight:600}
.ed .savedmsg{display:none}
.ed .recpanel{display:none;margin-top:14px;border-top:1px solid #E6E8EE;padding-top:14px}
.ed .plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:start}
.ed .big2{font-size:24px;font-weight:600;color:#1a2540;line-height:1.1}
.ed .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}
.ed .tile{border:1px solid #C9D1E0;border-radius:8px;padding:10px 12px;background:#fff;text-align:center}
.ed .tile input{accent-color:#1a2540;margin-bottom:6px}
.ed .tile .e{font-size:16px;font-weight:600;color:#1a2540}
.ed .tile .k{font-size:12px;color:#4b5563}
.ed .tile:has(input:checked){border:2px solid #1a2540;background:#EEF1F7}
.ed .warn{background:#FFF6D6;border:1px solid rgba(245,196,0,.6);color:#7a5f00;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.ed .tg u{margin-left:auto;font-size:11.5px;color:#1a2540}
@media(max-width:640px){.ed .th{display:none}
.ed .tr{grid-template-columns:1fr 1fr}}
/* 23-sep-2026: explicacion de cada expediente (lista y ficha) */
.ed .ddl a.con-que-es small{display:block;font-size:12px;line-height:1.35;color:#6b7280;font-weight:400;margin-top:2px}
.ed .que-es{background:#F7F8FA;border:1px solid #E6E8EE;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5;color:#1a2540;margin:6px 0 10px}