/* Correo (buzón del despacho) con aspecto de cliente de correo:
   carpetas · bandeja · lectura del hilo. Claro, sobrio, sin burbujas. */
.co{--co-linea:#e7eaee;--co-gris:#6b7480;--co-texto:#1c2430;--co-azul:#0a64e8;--co-sel:#e8f1ff;--co-hover:#f5f7fa;
  display:grid;grid-template-columns:230px 360px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - 136px);min-height:480px;
  border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--sombra-vidrio);font-family:var(--font-ui);color:var(--co-texto)}
.co *{box-sizing:border-box}
.co>*{min-height:0}

/* Carpetas */
.co-carpetas{background:#f6f8fb;border-right:1px solid var(--co-linea);padding:18px 12px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.co-marca{display:flex;gap:11px;align-items:center;padding:0 6px 6px}
.co-marca div b{display:block;font-size:18px;font-weight:700;letter-spacing:-.01em}
.co-marca div span{display:block;font-size:12px;color:var(--co-gris);word-break:break-all}
.co-carpetas nav{display:flex;flex-direction:column;gap:2px}
.co-carpetas nav button{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;color:var(--co-texto);cursor:pointer;text-align:left}
.co-carpetas nav button svg{width:18px;height:18px;flex:0 0 18px;color:var(--co-gris)}
.co-carpetas nav button span{flex:1}
.co-carpetas nav button b{font-size:12px;font-weight:700;color:var(--co-azul)}
.co-carpetas nav button:hover{background:#eceff4}
.co-carpetas nav button.on{background:var(--co-sel);color:var(--co-azul);font-weight:600}
.co-carpetas nav button.on svg{color:var(--co-azul)}
.co-nota{margin:auto 4px 0;font-size:12px;line-height:1.45;color:var(--co-gris)}

/* Bandeja */
.co-bandeja{display:flex;flex-direction:column;border-right:1px solid var(--co-linea);min-width:0;background:#fff}
.co-bandeja-cab{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:18px 18px 8px}
.co-bandeja-cab h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.co-bandeja-cab span{font-size:12.5px;color:var(--co-gris)}
.co-buscar{padding:4px 14px 10px;border-bottom:1px solid var(--co-linea)}
.co-buscar input{width:100%;height:36px;border:1px solid var(--co-linea);border-radius:10px;background:#f6f8fb;padding:0 12px 0 36px;font:inherit;font-size:14px;outline:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7480' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}
.co-buscar input:focus{border-color:color-mix(in oklab,var(--co-azul) 45%,#fff);background-color:#fff}
.co-items{flex:1;overflow:auto}
.co-chips{display:none;gap:6px;padding:8px 14px;border-bottom:1px solid var(--co-linea);overflow-x:auto}
.co-chips button{border:0;border-radius:999px;background:#eef1f5;color:var(--co-gris);font:inherit;font-size:13px;font-weight:600;padding:5px 12px;white-space:nowrap;cursor:pointer}
.co-chips button.on{background:var(--co-sel);color:var(--co-azul)}
.co-item{display:flex;gap:11px;width:100%;border:0;border-bottom:1px solid var(--co-linea);background:#fff;padding:12px 16px 12px 14px;text-align:left;font:inherit;color:inherit;cursor:pointer;position:relative}
.co-item:hover{background:var(--co-hover)}
.co-item.on{background:var(--co-sel)}
.co-item.nuevo:before{content:"";position:absolute;left:5px;top:22px;width:7px;height:7px;border-radius:50%;background:var(--co-azul)}
.co-item-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.co-l1{display:flex;align-items:baseline;gap:6px}
.co-l1 b{font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-item.nuevo .co-l1 b,.co-item.nuevo .co-l2{font-weight:700}
.co-n{font-size:11.5px;color:var(--co-gris)}
.co-l1 time{margin-left:auto;font-size:12px;color:var(--co-gris);white-space:nowrap}
.co-item.nuevo .co-l1 time{color:var(--co-azul);font-weight:600}
.co-l2{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-l3{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--co-gris)}
.co-l3 span{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.co-l3 i{display:inline-flex;color:var(--co-gris)}
.co-l3 i svg{width:15px;height:15px}
.co-l3 em{font-style:normal;font-size:11px;font-weight:600;color:#b45309;background:#fff4e0;border-radius:999px;padding:2px 7px;white-space:nowrap}
.co-nada{padding:40px 24px;text-align:center;color:var(--co-gris);display:flex;flex-direction:column;gap:4px}
.co-nada b{color:var(--co-texto)}

/* Avatares */
.co-av{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;
  background:linear-gradient(145deg,hsl(var(--h,210) 62% 58%),hsl(var(--h,210) 62% 42%));background-size:cover;background-position:center}
.co-av.rl{background:linear-gradient(145deg,color-mix(in oklab,var(--marca) 70%,#fff),var(--marca));font-size:12.5px}

/* Lectura */
.co-lectura{display:flex;flex-direction:column;min-width:0;background:#fff}
.co-vacio{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--co-gris);padding:30px}
.co-vacio b{color:var(--co-texto);font-size:16px;margin-top:6px}
.co-barra{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--co-linea);min-height:56px}
.co-barra-acc{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.co-barra-acc #co-exp{display:contents}
.co-barra .btn svg,.co-resp-pie .btn svg{width:16px;height:16px;vertical-align:-3px}
.co-ic{border:0;background:none;width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;color:var(--co-gris);cursor:pointer}
.co-ic:hover{background:var(--co-hover);color:var(--co-texto)}
.co-ic svg{width:20px;height:20px}
.co-volver{display:none}
.co-scroll{flex:1;overflow:auto;padding:22px 28px 28px}
.co-asunto{margin:0 0 18px;font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.01em;font-family:var(--font-ui)!important}
.co-hilo{display:flex;flex-direction:column;gap:10px}
.co-msg{border:1px solid var(--co-linea);border-radius:14px;background:#fff}
.co-msg-cab{display:flex;gap:12px;align-items:flex-start;padding:14px 16px}
.co-msg.plegado{background:#fafbfc}
.co-msg.plegado .co-msg-cab{cursor:pointer;align-items:center;padding:10px 16px}
.co-msg.plegado:hover{background:var(--co-hover)}
.co-de{flex:1;min-width:0;font-size:14px;line-height:1.35}
.co-de b{font-weight:600}
.co-dir{color:var(--co-gris);font-size:13px;word-break:break-all}
.co-para{display:block;font-size:12.5px;color:var(--co-gris)}
.co-ext{display:block;font-size:13px;color:var(--co-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-msg-cab>time,.co-fecha time{font-size:12.5px;color:var(--co-gris);white-space:nowrap}
.co-fecha{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.co-clip{display:inline-flex;align-items:center;gap:2px;font-size:12px;color:var(--co-gris)}
.co-clip svg{width:14px;height:14px}
.co-fecha .corta{display:none}
.co-st{font-size:11.5px;font-weight:600;color:#1a7f37}
.co-st.mal{color:#c62828}
.co-cuerpo{padding:0 16px 16px 66px}
.co-texto{white-space:pre-wrap;word-wrap:break-word;font-size:14.5px;line-height:1.6}
.co-texto a{color:var(--co-azul)}
.co-cita{margin-top:8px;color:var(--co-gris);border-left:3px solid var(--co-linea);padding-left:12px;font-size:13.5px}
.co-cita-b{margin-top:8px;border:0;border-radius:6px;background:#eef1f5;color:var(--co-gris);font-size:12px;letter-spacing:.1em;padding:0 8px;height:18px;line-height:18px;cursor:pointer}
.co-cita-b.on,.co-cita-b:hover{background:#e2e7ee}
.co-cita[hidden]{display:none}

/* Adjuntos */
.co-adjs{margin-top:16px;border-top:1px solid var(--co-linea);padding-top:12px}
.co-adjs-cab{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--co-gris);margin-bottom:10px}
.co-adjs-cab svg{width:15px;height:15px}
.co-adjs-l{display:flex;flex-wrap:wrap;gap:8px}
.co-adj{display:flex;align-items:center;gap:10px;border:1px solid var(--co-linea);background:#fff;border-radius:12px;padding:8px 12px 8px 8px;width:230px;max-width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.co-adj:hover{border-color:#cfd6df;background:var(--co-hover)}
.co-adj>span:last-child{min-width:0;display:flex;flex-direction:column}
.co-adj b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-adj small{font-size:11.5px;color:var(--co-gris)}
.co-adj-ic{width:38px;height:44px;flex:0 0 38px;border-radius:7px;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#fff;background:#7a8594}
.co-adj-ic.pdf{background:#e5484d}.co-adj-ic.doc{background:#2b6de8}.co-adj-ic.xls{background:#1f9d55}
.co-adj.img img{width:44px;height:44px;flex:0 0 44px;border-radius:7px;object-fit:cover;background:#eef1f5}
.co-adj.no{cursor:default;opacity:.75;border-style:dashed}

/* Responder */
.co-resp{margin-top:16px;border:1px solid var(--co-linea);border-radius:14px;box-shadow:0 2px 10px -6px rgba(16,24,40,.18);background:#fff}
.co-resp-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--co-linea);font-size:13.5px;color:var(--co-gris)}
.co-resp-cab svg{width:17px;height:17px}
.co-resp-cab b{color:var(--co-texto);font-weight:600}
.co-resp-de{margin-left:auto;font-size:12px}
.co-resp textarea{display:block;width:100%;border:0;resize:vertical;min-height:110px;padding:12px 14px;font:inherit;font-size:14.5px;line-height:1.55;outline:0;background:transparent}
.co-resp-pie{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px 12px}
.co-resp-pie .small{margin-left:4px}

@media (max-width:1280px){.co{grid-template-columns:200px 320px minmax(0,1fr)}}
@media (max-width:1060px){
  .co{grid-template-columns:300px minmax(0,1fr)}
  .co-carpetas{display:none}
  .co-chips{display:flex}
  .co-bandeja-cab{padding-top:14px}
}
@media (max-width:860px){
  .co{grid-template-columns:1fr;height:calc(100vh - 62px - 24px)}
  .co.abierto .co-bandeja{display:none}
  .co:not(.abierto) .co-lectura{display:none}
  .co-volver{display:inline-grid}
  .co-scroll{padding:16px 14px 20px}
  .co-cuerpo{padding:0 14px 14px}
  .co-asunto{font-size:19px}
  .co-dir{display:none}
  .co-fecha .larga{display:none}.co-fecha .corta{display:block}
  .co-barra{padding:8px 10px;gap:4px}
  .co-barra-acc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .co-barra-acc .btn{white-space:nowrap}
}

/* Alex en el correo */
.co-alex{margin:10px 4px 0;padding:10px 12px;border:1px solid var(--co-linea,#e3e8ea);border-radius:12px;background:var(--co-fondo2,rgba(0,28,57,.03))}
.co-alex:empty{display:none}
.co-alex-fila{display:flex;align-items:center;gap:10px}
.co-alex-fila>div{flex:1;min-width:0}
.co-alex-fila b{display:block;font-size:13px}
.co-alex-fila>div>span{display:block;font-size:12px;line-height:1.35;color:var(--co-gris)}
.co-alex p{margin:8px 0 0;font-size:11.5px;line-height:1.4;color:var(--co-gris)}
.co-switch{flex:none;width:40px;height:24px;border-radius:12px;border:0;padding:0;background:#c5ced2;position:relative;cursor:pointer;transition:background .2s}
.co-switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}
.co-switch.on{background:#1f9d55}
.co-switch.on i{transform:translateX(16px)}
.co-switch:disabled{opacity:.6}
.co-eq{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:99px;background:var(--acento-claro);color:var(--acento-oscuro);margin-left:6px;flex:none}
.co-abog{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:var(--acento-claro);display:flex;flex-direction:column;gap:8px}
.co-abog .f{margin:0}
.co-abog .filters{margin:0}