/* Company mail + Desk dock — injected on every page at the render seam, like the language runtime.
 * Sits bottom-LEFT above the language pill; the AI launcher and Support own the right corner.
 * In RTL the page mirrors, so it moves to the right and clears the launcher, same as #langDock. */
#mdock{position:fixed;bottom:64px;left:18px;z-index:9001;font-family:var(--body,Inter,system-ui,sans-serif)}
html[dir="rtl"] #mdock{left:auto;right:18px;bottom:124px}
#mdock-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:99px;
  border:1px solid var(--line,rgba(40,34,28,.12));background:var(--card,#faf6ef);color:var(--text,#26221e);
  font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 8px 22px -10px rgba(86,56,30,.35)}
#mdock-btn:hover{border-color:var(--accent-line,rgba(194,91,56,.32))}
#mdock-n{min-width:19px;height:19px;border-radius:99px;background:var(--accent,#C25B38);color:#fff;
  font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 6px}
#mdock-n.on{display:inline-flex}
#mpanel{position:fixed;bottom:64px;left:18px;z-index:9002;width:min(420px,94vw);height:min(600px,82vh);
  background:var(--card,#faf6ef);color:var(--text,#26221e);border:1px solid var(--line,rgba(40,34,28,.12));
  border-radius:18px;box-shadow:0 30px 70px -22px rgba(40,26,14,.5);display:none;flex-direction:column;overflow:hidden}
html[dir="rtl"] #mpanel{left:auto;right:18px;bottom:124px}
#mpanel.open{display:flex}
.mp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;
  border-bottom:1px solid var(--line,rgba(40,34,28,.12))}
.mp-head b{font-family:var(--display,'Space Grotesk',sans-serif);font-size:15px}
.mp-head .s{font-size:11px;color:var(--muted,#7b7367)}
.mp-x{border:1px solid var(--line,rgba(40,34,28,.12));background:transparent;border-radius:8px;
  width:28px;height:28px;cursor:pointer;color:var(--muted,#7b7367)}
.mp-body{flex:1;overflow-y:auto;padding:8px 10px}
.mp-row{display:flex;gap:10px;padding:10px 8px;border-radius:11px;cursor:pointer;align-items:flex-start}
.mp-row:hover{background:var(--inset,#e9e1d4)}
.mp-row.unread .mp-sub{font-weight:700}
.mp-av{width:30px;height:30px;border-radius:50%;flex:0 0 30px;display:grid;place-items:center;
  background:var(--inset,#e9e1d4);font-weight:700;font-size:11px}
.mp-from{font-size:12px;color:var(--muted,#7b7367)}
.mp-sub{font-size:13px;line-height:1.3}
.mp-prev{font-size:12px;color:var(--muted,#7b7367);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-msg{padding:10px 12px;border-radius:12px;margin:6px 0;font-size:13px;line-height:1.55;
  background:var(--inset,#e9e1d4);white-space:pre-wrap}
.mp-msg.me{background:var(--accent-soft,rgba(194,91,56,.12))}
.mp-msg .m{font-size:11px;color:var(--muted,#7b7367);margin-bottom:3px}
.mp-foot{padding:10px 12px;border-top:1px solid var(--line,rgba(40,34,28,.12));display:flex;flex-direction:column;gap:7px}
.mp-foot input,.mp-foot select,.mp-foot textarea{width:100%;font:inherit;font-size:13px;padding:8px 10px;
  border-radius:9px;border:1px solid var(--line,rgba(40,34,28,.12));background:var(--raised,#fff);color:inherit}
.mp-foot textarea{resize:vertical;min-height:58px}
.mp-btn{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:9px;border:0;
  background:var(--accent,#C25B38);color:#fff;cursor:pointer}
.mp-btn.ghost{background:transparent;color:var(--text,#26221e);border:1px solid var(--line,rgba(40,34,28,.12))}
.mp-empty{padding:26px 14px;text-align:center;color:var(--muted,#7b7367);font-size:13px;line-height:1.6}
.mp-state{font-size:11.5px;color:var(--muted,#7b7367);min-height:14px}
.mp-state.bad{color:var(--red,#b23c2e)}
@media (max-width:640px){#mpanel{width:100vw;height:100vh;inset:0;border-radius:0}}

/* ── the Desk in the dock: a Reminders tab, quick add with a live read-back, and the due toast ── */
.mp-tabs{display:flex;gap:4px;padding:8px 10px 0}
.mp-tab{flex:1;border:0;border-radius:9px;background:transparent;font:inherit;font-size:12.5px;font-weight:600;padding:7px 0;cursor:pointer;color:var(--muted,#7b7367)}
.mp-tab.on{background:var(--inset,#e9e1d4);color:var(--text,#26221e)}
.mp-tab .b{display:inline-block;min-width:16px;border-radius:99px;background:var(--accent,#C25B38);color:#fff;font-size:10px;padding:0 5px;margin-inline-start:5px;vertical-align:1px}
.mp-quick{display:flex;gap:6px;padding:8px 10px 2px}
.mp-quick input{flex:1;font:inherit;font-size:13px;padding:9px 11px;border-radius:10px;border:1px solid var(--line,rgba(40,34,28,.12));background:var(--raised,#fff);color:inherit}
.mp-read{font-size:11.5px;color:var(--muted,#7b7367);padding:0 14px 6px;min-height:16px}
.mp-read b{color:var(--text,#26221e)}
.mp-rem{display:flex;gap:9px;align-items:flex-start;padding:9px 8px;border-radius:11px}
.mp-rem:hover{background:var(--inset,#e9e1d4)}
.mp-rem .rchk{width:20px;height:20px;flex:0 0 20px}
.mp-rem .t{font-size:13px;line-height:1.3;color:var(--text,#26221e);flex:1;min-width:0;overflow-wrap:anywhere}
.mp-rem .w{font-size:11px;color:var(--muted,#7b7367);font-family:var(--display,'Space Grotesk',sans-serif);font-weight:700;white-space:nowrap}
.mp-rem.over .w{color:var(--red,#b23c2e)}
#dtoast{position:fixed;bottom:118px;left:18px;z-index:9003;width:min(340px,92vw);background:var(--text,#26221e);color:var(--accent-ink,#fdf6f1);
  border-radius:14px;padding:12px 14px;box-shadow:0 20px 50px -18px rgba(0,0,0,.6);display:none;gap:10px;align-items:flex-start;
  font-family:var(--body,Inter,system-ui,sans-serif)}
html[dir="rtl"] #dtoast{left:auto;right:18px;bottom:178px}
#dtoast.on{display:flex}
#dtoast .tt{flex:1;min-width:0;font-size:13px;line-height:1.35}
#dtoast .tt b{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:2px}
#dtoast button{border:0;border-radius:8px;font:inherit;font-size:11.5px;font-weight:600;padding:6px 9px;cursor:pointer;background:rgba(255,255,255,.14);color:inherit}
#dtoast button:hover{background:rgba(255,255,255,.26)}
/* the checkbox in the dock reuses the Desk's */
.rchk{width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:1.5px solid var(--line-strong,rgba(40,34,28,.17));background:var(--raised,#fff);
  cursor:pointer;display:grid;place-items:center;color:transparent;font-size:12px;margin-top:1px;transition:.15s}
.rchk:hover{border-color:var(--green,#6F9156);color:var(--green,#6F9156)}
/* what a new reminder is ABOUT — pinned by clicking a [data-remind] anywhere in the system */
.mp-pin{display:flex;align-items:center;gap:6px;margin:8px 10px 0;padding:7px 10px;border-radius:10px;
  background:var(--accent-soft,rgba(194,91,56,.12));border:1px solid var(--accent-line,rgba(194,91,56,.32));
  font-size:12px;color:var(--text,#26221e);line-height:1.3}
.mp-pin b{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright,#a8472a);font-weight:700}
.mp-pin button{margin-inline-start:auto;border:0;background:transparent;color:var(--muted,#7b7367);cursor:pointer;font-size:12px;flex:0 0 auto}
.mp-pin button:hover{color:var(--red,#b23c2e)}
/* the button itself, wherever a page hangs it — quiet until hovered, it is never the main action */
[data-remind]{cursor:pointer}
.remind-btn{border:1px solid var(--line,rgba(40,34,28,.12));background:transparent;border-radius:8px;
  font:inherit;font-size:11px;font-weight:600;padding:4px 9px;cursor:pointer;color:var(--muted,#7b7367);line-height:1.4}
.remind-btn:hover{color:var(--accent-bright,#a8472a);border-color:var(--accent-line,rgba(194,91,56,.32))}