/* MR TECH — complementos (autocomplete, contatos, salvar contato). Usa os tokens do Fluent com fallback. */
.mr-ac{position:fixed;z-index:100000;max-height:320px;overflow-y:auto;background:var(--colorNeutralBackground1,#fff);color:var(--colorNeutralForeground1,#222);border:1px solid var(--colorNeutralStroke1,#ccc);border-radius:8px;box-shadow:0 8px 24px #00000040;padding:4px}
.mr-ac-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer}
.mr-ac-item.is-on,.mr-ac-item:hover{background:var(--colorNeutralBackground1Hover,#f0f0f0)}
.mr-ac-av{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;background:var(--colorBrandBackground,#0f6cbd);color:#fff}
.mr-ac-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.mr-ac-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-ac-mail{font-size:12px;color:var(--colorNeutralForeground3,#666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-ac-kind{flex:none;font-size:10.5px;padding:1px 7px;border-radius:999px;border:1px solid var(--colorNeutralStroke2,#ddd);color:var(--colorNeutralForeground3,#666)}
.mr-ac-kind.k-contato{color:var(--colorBrandForeground1,#0f6cbd);border-color:currentColor}
.mr-ac-kind.k-caixa{color:var(--colorPaletteGreenForeground1,#107c10);border-color:currentColor}

.mr-nav-ico{display:inline-flex}

.mr-ct{position:fixed;top:0;right:0;bottom:0;z-index:50;display:flex;flex-direction:column;background:var(--colorNeutralBackground1,#fff);color:var(--colorNeutralForeground1,#222);border-left:1px solid var(--colorNeutralStroke2,#ddd)}
.mr-ct-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--colorNeutralStroke2,#ddd);flex-wrap:wrap}
.mr-ct-head h2{margin:0 8px 0 0;font-size:18px;font-weight:700}
.mr-ct-head .mr-input{flex:1;min-width:200px;max-width:460px}
.mr-ct-list{flex:1;overflow-y:auto;padding:6px 16px 24px}
.mr-ct-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--colorNeutralStroke2,#eee)}
.mr-ct-main{flex:1;min-width:0}
.mr-ct-name{font-weight:600;font-size:14px}
.mr-ct-sub{font-size:12.5px;color:var(--colorNeutralForeground3,#666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mr-ct-notes{font-size:12px;color:var(--colorNeutralForeground3,#666);margin-top:2px}
.mr-ct-acts{display:flex;gap:6px;flex:none}
.mr-empty{color:var(--colorNeutralForeground3,#666);padding:24px 4px}

.mr-input{font:inherit;font-size:13.5px;color:inherit;background:var(--colorNeutralBackground1,#fff);border:1px solid var(--colorNeutralStroke1,#ccc);border-radius:6px;padding:6px 9px;box-sizing:border-box}
.mr-input:focus{outline:2px solid var(--colorBrandStroke1,#0f6cbd);outline-offset:-1px}
.mr-btn{font:inherit;font-size:13px;color:inherit;background:transparent;border:1px solid var(--colorNeutralStroke1,#ccc);border-radius:6px;padding:5px 11px;cursor:pointer;white-space:nowrap}
.mr-btn:hover{background:var(--colorNeutralBackground1Hover,#f3f3f3)}
.mr-btn.is-primary{background:var(--colorBrandBackground,#0f6cbd);border-color:var(--colorBrandBackground,#0f6cbd);color:#fff}
.mr-btn.is-danger{color:var(--colorPaletteRedForeground1,#c4314b)}

.mr-modal{position:fixed;inset:0;z-index:100001;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px}
.mr-form{background:var(--colorNeutralBackground1,#fff);color:var(--colorNeutralForeground1,#222);border-radius:8px;padding:18px 20px;width:min(440px,100%);display:grid;gap:10px;box-shadow:0 12px 32px #00000059}
.mr-form h3{margin:0 0 4px;font-size:16px}
.mr-field{display:grid;gap:4px;font-size:12px;color:var(--colorNeutralForeground3,#666)}
.mr-field .mr-input{color:var(--colorNeutralForeground1,#222)}
.mr-form-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.mr-err{color:var(--colorPaletteRedForeground1,#c4314b);margin:0;font-size:13px}

.mr-save-contact{margin-left:10px;font:inherit;font-size:11.5px;padding:1px 8px;border-radius:999px;border:1px solid var(--colorNeutralStroke1,#ccc);background:transparent;color:var(--colorBrandForeground1,#0f6cbd);cursor:pointer;vertical-align:middle}
.mr-save-contact:disabled{color:var(--colorNeutralForeground3,#888);cursor:default}

.mr-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:100002;background:var(--colorNeutralForeground1,#222);color:var(--colorNeutralBackground1,#fff);padding:9px 16px;border-radius:6px;font-size:13px}
.mr-toast.is-bad{background:#c4314b;color:#fff}
[hidden].mr-toast,[hidden].mr-err{display:none}

/* destinatários com crachás (Para/Cc/Cco) */
.mr-native-hidden{display:none!important}
.mr-rcpt{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:32px;padding:2px 4px 2px 6px;box-sizing:border-box;border:1px solid var(--colorNeutralStroke1,#ccc);border-bottom-color:var(--colorNeutralStrokeAccessible,#888);border-radius:4px;background:var(--colorNeutralBackground1,#fff);cursor:text}
.mr-rcpt:focus-within{border-bottom:2px solid var(--colorCompoundBrandStroke,#0f6cbd)}
.mr-rcpt-in{flex:1;min-width:140px;border:0;outline:0;background:transparent;color:var(--colorNeutralForeground1,#222);font:inherit;font-size:14px;padding:4px 2px}
.mr-chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:1px 2px 1px 9px;border-radius:999px;background:var(--colorBrandBackground2,#ebf3fc);color:var(--colorBrandForeground2,#115ea3);font-size:13px;line-height:22px;border:1px solid transparent}
.mr-chip.is-bad{background:#fde7e9;color:#a4262c;border-color:#e8a1a8}
.mr-chip-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.mr-chip-x{border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1;width:20px;height:20px;border-radius:50%;padding:0}
.mr-chip-x:hover{background:#00000022}
.mr-rcpt-pick{flex:none;border:0;background:transparent;color:var(--colorNeutralForeground3,#666);cursor:pointer;width:28px;height:28px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}
.mr-rcpt-pick:hover{background:var(--colorNeutralBackground1Hover,#f0f0f0);color:var(--colorBrandForeground1,#0f6cbd)}
.mr-pk{width:min(560px,100%)}
.mr-pk-list{max-height:52vh;overflow-y:auto;border:1px solid var(--colorNeutralStroke2,#ddd);border-radius:6px}
.mr-pk-row{display:flex;align-items:center;gap:10px;padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--colorNeutralStroke2,#eee);color:var(--colorNeutralForeground1,#222)}
.mr-pk-row:hover{background:var(--colorNeutralBackground1Hover,#f5f5f5)}
.mr-pk-row input{flex:none;width:16px;height:16px}
.mr-pk-count{font-size:12.5px;color:var(--colorNeutralForeground3,#666);align-self:center}
@media (prefers-color-scheme: dark){.mr-chip.is-bad{background:#4a1416;color:#ff9ba1;border-color:#7a2a30}}
/* grupos de contatos (26/10/2026) */
.mr-ct-tabs{display:inline-flex;border:1px solid var(--colorNeutralStroke1,#8a8a8a);border-radius:6px;overflow:hidden}
.mr-ct-tab{font:inherit;font-size:13px;padding:5px 14px;border:0;background:transparent;color:var(--colorNeutralForeground1,inherit);cursor:pointer}
.mr-ct-tab+.mr-ct-tab{border-left:1px solid var(--colorNeutralStroke1,#8a8a8a)}
.mr-ct-tab.is-on{background:var(--colorBrandBackground,#0f6cbd);color:#fff;font-weight:600}
.mr-ac-av.mr-av-grupo{background:var(--colorPaletteBerryBackground3,#8e2cc0);border-radius:8px}
.mr-ac-kind.k-grupo{color:var(--colorPaletteBerryForeground1,#8e2cc0);border-color:currentColor}
.mr-ac-kind.k-avulso{color:var(--colorNeutralForeground3,#707070);border-color:currentColor}
.mr-grp-add{display:flex;gap:6px;margin-top:4px}
.mr-grp-add .mr-input{flex:1}
.mr-grp .mr-pk-list{max-height:40vh}
.mr-grp>.mr-input[type=search]{margin-top:4px}
.lm-field > .mr-rcpt{flex:none;width:100%}