/* Meeting extract (meeting-x.js): Todos and "From this meeting" on a meeting. */
.mx{margin-top:4px}
.mx-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mx-head .h3{margin-bottom:0}
.mx-todos .mx-head{margin-bottom:8px}
.mx-note,.mx-err{margin:4px 0 10px}
.mx-err{color:var(--ink)}
.mx-refresh{min-height:44px;padding:0 4px;color:var(--orange-ink, var(--orange));font-weight:600}
.mx-fresh{min-height:44px;display:inline-flex;align-items:center;font-size:13px;color:var(--ink-3)}
.mx-group{margin-top:12px}
.mx-gh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px;min-height:44px}
.mx-gt{font-size:13px;font-weight:700;color:var(--ink-2);margin:0;display:inline-flex;align-items:center;gap:6px}
.mx-gt .count{font-weight:600;color:var(--ink-3)}
.mx-toggle{background:none;border:0;padding:0 4px;min-height:44px;cursor:pointer;font-family:inherit}
.mx-toggle .ic:last-child{transition:transform .2s var(--ease, ease)}
.mx-toggle[aria-expanded="false"] .ic:last-child{transform:rotate(-90deg)}
.mx-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 14px;min-height:56px}
.mx-item + .mx-item{border-top:1px solid var(--hair)}
.mx-main{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:2px}
.mx-text{overflow-wrap:anywhere;font-size:14px}
.mx-sub{font-size:12px;color:var(--ink-3)}
.mx-item.is-done .mx-text{text-decoration:line-through;color:var(--ink-3)}
.mx-end{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.mx-btn{min-height:44px}
.mx-link{min-height:44px;padding:0 6px;display:inline-flex;align-items:center;color:var(--orange-ink, var(--orange));font-weight:600;text-decoration:none}
.mx-pill{white-space:nowrap}
.mx-picker{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mx-pick-q{font-size:13px;color:var(--ink-2);width:100%}
.mx-who{min-height:44px;gap:6px;padding:0 12px;cursor:pointer;border:0;font-family:inherit}
.mx-src{font-size:12px;color:var(--ink-3);text-align:left;padding:0;min-height:0;overflow-wrap:anywhere}
button.mx-src{color:var(--orange-ink, var(--orange));cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.mx-from{margin-top:20px}
.mx button:focus-visible,.mx a:focus-visible,.mx-src:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media (max-width:600px){
  .mx-item{padding:10px 12px}
  .mx-main{flex-basis:160px}
}
.mx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}