/* Caixa de e-mail do usuário (m_mailbox.js). Só variáveis de cor. */
.mbx-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line);text-decoration:none;max-width:100%;min-width:0}
.mbx-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mbx-badge:hover{border-color:var(--fg-2)}
.mbx-badge.good{background:var(--good-soft);color:var(--good);border-color:transparent}
.mbx-badge.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.mbx-badge b{font-weight:600}

.mbx-choose h3{margin:0}
.mbx-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mbx-opt{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:var(--r-sm, 8px);background:var(--surface);color:var(--fg);cursor:pointer;font:inherit;min-width:0}
.mbx-opt:hover:not([disabled]){border-color:var(--brand);background:var(--accent-soft)}
.mbx-opt[disabled]{cursor:not-allowed;opacity:.75;background:var(--surface-2)}
.mbx-opt .grow{display:flex;flex-direction:column;gap:2px;min-width:0}
.mbx-why{color:var(--warn);margin-top:4px}
.mbx-mark{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:17px;background:var(--surface-2);color:var(--fg);border:1px solid var(--line)}
.mbx-mark.lg{width:46px;height:46px;font-size:21px}

.mbx-grid h3{margin:0}
.mbx-ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mbx-tools{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;padding:4px;background:var(--surface-2)}
.mbx-sig{min-height:110px;border:1px solid var(--line);border-radius:0 0 8px 8px;padding:10px 12px;background:var(--surface);color:var(--fg);overflow:auto;outline:none}
.mbx-sig:focus{border-color:var(--brand)}
.mbx-sig img{max-width:100%;height:auto}
#mb-sigsrc{border-radius:0 0 8px 8px}

.mbx-list{display:flex;flex-direction:column}
.mbx-item{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);min-width:0}
.mbx-item:first-child{border-top:0}
.mbx-dir{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--fg-2)}
.mbx-dir.in{background:var(--good-soft);color:var(--good)}
.mbx-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mbx-snip{color:var(--fg-2);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.mbx-adv{border:1px solid var(--line);border-radius:8px;padding:8px 12px}
.mbx-adv summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--fg-2)}
.mbx-results{display:flex;flex-direction:column;gap:8px}
.mbx-res{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:8px}
.mbx-res.ok{background:var(--good-soft);color:var(--good)}
.mbx-res.no{background:var(--bad-soft);color:var(--bad)}
.mbx-res .small{color:var(--fg)}

.mbx-pcard{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}
.mbx-copy{display:flex;gap:6px;min-width:0}
.mbx-copy input{flex:1;min-width:0}

@media (max-width:760px){
  .mbx-opts{grid-template-columns:minmax(0,1fr)}
}