/* ============ v4: multiselector, editor de esquema, visor, correo ============ */
.ms{border:1px solid var(--gray-300);border-radius:var(--btn-radius);background:#fff;overflow:hidden}
.ms__chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--color-border);min-height:42px;align-items:center}
.ms__chip{display:inline-flex;align-items:center;gap:6px;background:var(--status-info-bg);border:1px solid #C7DBF0;color:var(--color-corporate);
  border-radius:12px;padding:2px 4px 2px 10px;font-size:12px;font-weight:600}
.ms__chip button{border:0;background:none;cursor:pointer;color:var(--color-secondary);font-weight:700;line-height:1;padding:0 4px}
.ms__search{border:0;border-bottom:1px solid var(--color-border);border-radius:0;height:34px}
.ms__search:focus{outline:none;box-shadow:inset 0 -2px 0 var(--color-primary)}
.ms__list{max-height:210px;overflow:auto}
.ms__opt{display:flex;gap:10px;align-items:center;padding:7px 10px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--gray-100)}
.ms__opt:hover{background:var(--gray-50)}
.ms__opt input{width:auto;height:auto;accent-color:var(--sand-blue);margin:0}
.ms__opt small{color:var(--color-foreground-muted);margin-left:auto;font-size:11.5px}
.ms__empty{padding:var(--space-4);text-align:center;color:var(--color-foreground-muted);font-size:12.5px}

.sch td{padding:6px var(--space-3);vertical-align:middle}
.sch input,.sch select{height:30px;font-size:12.5px;padding:0 7px}
.sch .drag{color:var(--gray-300);cursor:grab;user-select:none}
.sch tr.rm{opacity:.45;text-decoration:line-through}
.schbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:var(--space-3)}
.schbar .muted{margin-left:auto}

.lightbox{position:fixed;inset:0;background:rgba(15,25,35,.95);z-index:220;display:flex;flex-direction:column}
.lightbox__hd{display:flex;align-items:center;gap:12px;padding:12px var(--space-6);color:#fff;font-size:13px}
.lightbox__hd b{font-weight:600}
.lightbox__body{flex:1;display:grid;place-items:center;padding:0 var(--space-6) var(--space-6);overflow:auto}
.lightbox__body img{max-width:100%;max-height:100%;background:#fff;border-radius:6px;box-shadow:var(--shadow-3)}
.lightbox__body pre{background:#fff;color:var(--color-foreground);padding:var(--space-6);border-radius:6px;max-width:1000px;
  max-height:78vh;overflow:auto;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;width:100%}

.backbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 7px;border:1px solid var(--color-border);
  background:#fff;border-radius:var(--btn-radius);font-size:12.5px;font-weight:600;color:var(--gray-700);cursor:pointer;margin-bottom:8px}
.backbtn:hover{background:var(--gray-100);color:var(--color-foreground)}

.mailwrap{background:var(--gray-100);padding:var(--space-6);min-height:100vh}
.mail{max-width:640px;margin:0 auto;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-2)}
.mail__bar{max-width:640px;margin:0 auto var(--space-4);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mail__hd{background:var(--sand-navy);padding:20px 28px;display:flex;align-items:center;justify-content:space-between}
.mail__hd img{height:24px}
.mail__accent{height:4px;background:var(--sand-orange)}
.mail__bd{padding:28px}
.mail__bd h1{font-size:21px;margin:0 0 6px;color:var(--sand-navy)}
.mail__bd p{font-size:14px;line-height:1.6;color:#374151;margin:0 0 14px}
.mail__meta{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}
.mail__meta td{padding:7px 0;border-bottom:1px solid #E5E7EB}
.mail__meta td:first-child{color:#6B7280;width:180px}
.mail__cta{display:inline-block;background:var(--sand-orange);color:#1A1A1A;text-decoration:none;font-weight:700;
  padding:11px 22px;border-radius:4px;font-size:14px;margin:6px 0 4px}
.mail__quote{border-left:3px solid var(--sand-orange);background:#FAF9F7;padding:12px 16px;margin:14px 0;font-size:13.5px;color:#374151}
.mail__ft{background:#FAF9F7;padding:18px 28px;font-size:11.5px;color:#6B7280;border-top:1px solid #E5E7EB}
.mail__ft b{color:var(--sand-blue)}
.mail__env{display:flex;gap:8px;align-items:center;padding:10px 28px;background:#F3F4F6;font-size:11.5px;color:#6B7280}

.mentionbox{position:absolute;z-index:90;background:#fff;border:1px solid var(--color-border);border-radius:6px;
  box-shadow:var(--shadow-3);min-width:230px;max-height:210px;overflow:auto}
.mentionbox button{display:flex;gap:9px;align-items:center;width:100%;text-align:left;border:0;background:none;
  padding:7px 10px;cursor:pointer;font-size:13px}
.mentionbox button:hover,.mentionbox button.on{background:var(--status-info-bg)}
.mentionbox small{color:var(--color-foreground-muted);margin-left:auto;font-size:11px}