/* Workplace messenger extensions — token-based (see messenger.css / premium.css). Native colour emoji preserved. */
#mx-root{filter:none!important;--mx-red:var(--pm-red,#D3263E)}
#mx-root .mx-wsempty-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--mx-surf2);color:var(--mx-mut)}
#mx-root .mx-wsempty-ic svg{width:24px;height:24px}
#mx-root .mx-wsempty-in{display:grid;justify-items:center;gap:10px}
#mx-root .mx-note{background:var(--mx-surf);color:var(--mx-ink)}
#mx-root .mx-note.bad{background:var(--mx-red);color:#fff}
#mx-root .mx-tx{font-family:var(--pm-font,system-ui),-apple-system,"Segoe UI","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-variant-emoji:normal}
#mx-root .mx-picker,#mx-root .mx-reacts button,#mx-root .mx-emoji-large{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui;font-variant-emoji:emoji;filter:none!important;-webkit-text-fill-color:initial;text-shadow:none}
#mx-root .mx-reacts button,#mx-root .mx-picker button{min-height:32px}
#mx-root .mx-picker{max-height:190px;overflow:auto;padding:8px;gap:4px;flex-wrap:wrap}
#mx-root .mx-picker:not([hidden]){display:flex}
#mx-root .mx-picker>button{font-size:22px;min-width:38px}
#mx-root .mx-emoji-form{width:100%;display:flex;gap:7px;align-items:end;margin:7px 0 0;font-size:12px}
#mx-root .mx-emoji-form label{flex:1;min-width:0;color:var(--mx-mut)}
#mx-root .mx-emoji-form input{width:100%;font-size:16px;font-family:var(--pm-font,system-ui),"Apple Color Emoji","Noto Color Emoji";background:var(--mx-input);color:var(--mx-ink);border:1px solid var(--mx-line);border-radius:8px;padding:8px}
#mx-root .mx-emoji-form button{font-size:12px;padding:8px}
#mx-root .mx-emoji-large{font-size:38px;text-align:center}
#mx-root .mx-role{font:600 10px/1.5 var(--pm-font,system-ui);border:1px solid var(--mx-line);border-radius:999px;padding:0 7px;display:inline-block;letter-spacing:.02em;color:var(--mx-mut)}
#mx-root .mx-role-technician,#mx-root .mx-role-mobile_mechanic,#mx-root .mx-role-lube_technician{color:var(--pm-info,#4F93E6)}
#mx-root .mx-role-advisor{color:var(--pm-ok,#2FB574)}
#mx-root .mx-role-manager{color:var(--pm-warn,#E3A33A)}
#mx-root .mx-role-parts{color:var(--mx-red)}
#mx-root .mx-from{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:6px}
#mx-root .mx-extra-acts{display:flex;gap:5px;flex-wrap:wrap;padding-top:7px}
#mx-root .mx-extra-acts .mx-btn{font-size:11px;min-height:28px;padding:4px 8px}
#mx-root .mx-forwarded{font-size:10.5px;opacity:.75;margin-top:5px}
#mx-root .mx-mentions{font-size:11px;opacity:.85;white-space:normal;overflow-wrap:anywhere}
#mx-root .mx-mentioned{border-left:2px solid var(--mx-red);padding-left:7px}
#mx-root .mx-important{border-left:3px solid var(--mx-red);padding:8px 10px;margin:6px 0;background:var(--mx-redbg);border-radius:6px}
#mx-root .mx-important b{font-size:11px;letter-spacing:.06em}
#mx-root .mx-important small{display:block;font-size:11px;line-height:1.5;padding:4px 0}
#mx-root .mx-workplace-settings{border-top:1px solid var(--mx-line);padding-top:10px;margin-top:12px}
#mx-root .mx-form textarea,#mx-root .mx-form select,#mx-root .mx-form input:not([type=checkbox]):not([type=radio]){color:var(--mx-ink);background:var(--mx-input);border:1px solid var(--mx-line);border-radius:8px;padding:9px;min-width:0;max-width:100%}
#mx-root .mx-form textarea{width:100%;resize:vertical;font-family:inherit}
#mx-root .mx-time-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#mx-root .mx-time-row>label{min-width:0}
#mx-root .mx-permission,#mx-root .mx-report-row{border-bottom:1px solid var(--mx-soft);padding:10px 0;display:flex;gap:8px;align-items:center;justify-content:space-between}
#mx-root .mx-report-row{display:block}
#mx-root .mx-report-row small{display:block;color:var(--mx-mut);padding-top:5px}
#mx-root .mx-permission span{min-width:0;overflow-wrap:anywhere}
#mx-root .mx-permission button{flex-shrink:0;max-width:48%;white-space:normal}
#mx-root .mx-thread-log{padding:4px 0}
#mx-root .mx-thread-form{position:sticky;bottom:0;background:var(--mx-surf);border-top:1px solid var(--mx-line);padding:10px 0;z-index:3}
#mx-root .mx-thread-form textarea{font-size:16px}
#mx-root .mx-preview{display:block;width:100%;max-height:65vh;object-fit:contain;background:#05070A;border-radius:8px}
#mx-root .mx-people-search{display:block;padding:10px 0;font-size:12px}
#mx-root .mx-people-search input{display:block;width:100%;background:var(--mx-input);border:1px solid var(--mx-line);color:var(--mx-ink);padding:9px;border-radius:8px}
#mx-root .mx-poll .mx-pbar{background:var(--mx-redbg)}
#mx-root .mx-m.mx-held .mx-acts{display:flex}
#mx-root .mx-m{touch-action:pan-y}
@media(max-width:720px){
 #mx-root .mx-wt b{font-size:14px}
 #mx-root .mx-wt small{font-size:11px}
 #mx-root .mx-bub{max-width:86%}
 #mx-root .mx-form input,#mx-root .mx-form select{font-size:16px}
}
@media(prefers-reduced-motion:no-preference){
 #mx-root .mx-reacts button{transition:background .15s,border-color .15s}
}
