/* The meetings page.
 *
 * Sits on top of msz-dash.css, which dresses the dark header, the row of tabs,
 * the ring and the gate exactly as the boards have them. Everything here is new
 * and prefixed mt-, because msz-dash.css already owns short names like .tabs,
 * .chip and .block and this page must not inherit their rules by accident.
 *
 * The one decorative idea is the subject's own: a minute book. The line the
 * secretary writes on is a ruled line with a margin, the teams sit under it as
 * index tabs, the minutes keep the time in the margin, and every to-do carries
 * the ID of its row on the board as an ink stamp -- the proof it landed.
 *
 * Built for a laptop on a meeting table and a phone in a hand: 16px fields
 * (iOS zooms on anything smaller), 44px targets, sheets that rise from the
 * bottom on a phone and sit in the middle on a desktop. */

.msz-meet {
  --margin:#cfe0cc; --paper:#fffffe; --rule:#e9ebe5;
  --alert:#751a1a; --alert-wash:#fbeded; --warn:#8a6a1f; --warn-wash:#fbf3df;
}

/* Themes style bare controls -- uppercase buttons, coloured fills, input
   borders -- and they print after this sheet. Two classes put these back on
   our side of that argument. */
.msz-dash.msz-meet button,.msz-dash.msz-meet input,.msz-dash.msz-meet select,
.msz-dash.msz-meet textarea { font:inherit; color:inherit; margin:0;
  letter-spacing:normal; text-transform:none; text-shadow:none; box-shadow:none;
  min-height:0; line-height:1.3; }
.msz-dash.msz-meet button { cursor:pointer; background:none; border:0;
  padding:0; border-radius:0; width:auto; -webkit-tap-highlight-color:transparent; }
.msz-dash.msz-meet button:disabled,.msz-dash.msz-meet button[aria-disabled="true"] { cursor:default; }
.msz-dash.msz-meet [hidden] { display:none !important; }
.msz-dash.msz-meet a { color:inherit; }
.msz-meet .mt-app svg,.msz-meet .mt-sheet svg,.msz-meet .mt-toast svg {
  width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.msz-meet :focus-visible { outline:3px solid rgba(66,125,70,.45); outline-offset:2px; }
.msz-meet .rk { max-width:92px; text-align:center; line-height:1.3; }
.msz-meet .mt-app { max-width:1180px; margin:0 auto; }
.msz-meet .mt-sr { position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; }

/* ------------------------------------------------------------ buttons -- */

.msz-dash.msz-meet .mt-btn { display:inline-flex; align-items:center; gap:7px;
  height:40px; padding:0 14px; border-radius:11px; border:1.5px solid var(--line);
  background:#fff; color:var(--ink); font-size:14px; font-weight:700;
  text-decoration:none; white-space:nowrap; transition:border-color .15s, background .15s; }
.msz-dash.msz-meet .mt-btn.strong { background:var(--accent-deep);
  border-color:var(--accent-deep); color:#fff; }
.msz-dash.msz-meet .mt-btn:disabled { opacity:.5; }
.msz-dash.msz-meet .mt-primary { display:inline-flex; align-items:center;
  justify-content:center; gap:8px; height:48px; padding:0 22px; border-radius:12px;
  background:var(--accent-deep); color:#fff; font-size:15px; font-weight:700;
  white-space:nowrap; transition:background .15s, transform .1s; }
.msz-dash.msz-meet .mt-primary:active { transform:scale(.98); }
.msz-dash.msz-meet .mt-primary.danger { background:var(--alert); }
.msz-dash.msz-meet .mt-primary:disabled { opacity:.5; cursor:default; }
.msz-meet .mt-primary svg { width:19px; height:19px; stroke-width:2.2; }
.msz-dash.msz-meet .mt-linkbtn { color:var(--accent-deep); font-weight:700;
  text-decoration:underline; text-underline-offset:3px; font-size:13.5px; }
.msz-dash.msz-meet .mt-linkbtn.danger { color:var(--alert); }

/* The ID of a row on Tasks, stamped in ink. */
.msz-dash.msz-meet .mt-stamp { display:inline-flex; align-items:center;
  border:1.5px solid var(--accent-deep); color:var(--accent-deep); border-radius:5px;
  padding:1px 6px; font-size:11.5px; font-weight:800; letter-spacing:.05em;
  line-height:1.5; text-decoration:none; font-variant-numeric:tabular-nums;
  white-space:nowrap; background:#fff; }
.msz-meet .mt-flag { display:inline-flex; align-items:center; gap:4px;
  font-size:11.5px; font-weight:700; padding:1px 8px; border-radius:99px;
  white-space:nowrap; background:var(--warn-wash); color:var(--warn); }
.msz-meet .mt-flag svg { width:13px; height:13px; stroke-width:2.6; }
.msz-meet .mt-flag.lv-ok { background:var(--accent-wash); color:var(--accent-deep); }
.msz-meet .mt-flag.lv-alert { background:var(--alert-wash); color:var(--alert); }
.msz-meet .mt-count { font-size:12.5px; font-weight:700; color:var(--muted);
  background:#fff; border:1px solid var(--line); border-radius:99px; padding:2px 10px;
  white-space:nowrap; font-variant-numeric:tabular-nums; }
.msz-meet .mt-count.ok { color:var(--accent-deep); border-color:#cfe0cc; }
.msz-meet .mt-quiet { font-size:14px; color:var(--muted); margin:0; display:flex;
  gap:8px; align-items:center; }
.msz-meet .mt-quiet svg { color:var(--accent-deep); }
.msz-meet .mt-dim { color:var(--muted); }

/* --------------------------------------------------------------- home -- */

.msz-meet .mt-home { display:grid; gap:22px; }
.msz-meet .mt-start { display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--lift); padding:24px 26px; position:relative; overflow:hidden; }
/* The minute book's margin, down the left of the card that opens one. */
.msz-meet .mt-start::before { content:''; position:absolute; top:0; bottom:0;
  left:14px; width:2px; background:var(--margin); }
.msz-meet .mt-starttext { flex:1 1 380px; padding-left:8px; }
.msz-meet .mt-start h2,.msz-meet .mt-idle h2 { margin:0 0 6px; font-size:22px;
  font-weight:800; letter-spacing:-.02em; color:var(--ink); }
.msz-meet .mt-start p,.msz-meet .mt-idle p { margin:0; font-size:14.5px;
  color:var(--muted); line-height:1.55; max-width:62ch; }
.msz-meet .mt-start .mt-startnext { display:flex; gap:7px; align-items:center;
  margin-top:10px; color:var(--accent-deep); font-weight:600; }
.msz-dash.msz-meet .mt-startbtn { height:54px; padding:0 26px; font-size:16px; }
.msz-meet .mt-idle { background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:20px 22px; }

.msz-meet .mt-secthead { display:flex; align-items:center; gap:12px;
  margin:0 0 12px; padding-bottom:9px; border-bottom:2px solid var(--ink); }
.msz-meet .mt-secthead h2 { margin:0; font-size:20px; font-weight:800;
  letter-spacing:-.02em; color:var(--ink); flex:1; }

.msz-meet .mt-owedgrid { display:grid; gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); }
.msz-meet .mt-owedteam { background:#fff; border:1px solid var(--line);
  border-radius:12px; padding:14px 16px; }
.msz-meet .mt-owedteam h3 { display:flex; justify-content:space-between;
  margin:0 0 8px; font-size:15px; font-weight:800; color:var(--ink); }
.msz-meet .mt-owedteam h3 span { font-size:12px; color:var(--muted); font-weight:700; }
.msz-meet .mt-owedteam ul { list-style:none; margin:0; padding:0; }
.msz-meet .mt-owedteam li { display:grid; grid-template-columns:auto minmax(0,1fr);
  gap:3px 10px; padding:8px 0; border-top:1px solid var(--rule); margin:0; }
.msz-meet .mt-owedteam li .mt-stamp { grid-row:span 2; align-self:start; margin-top:2px; }
.msz-meet .mt-owedtext { font-size:14px; font-weight:600; color:var(--ink);
  line-height:1.35; overflow-wrap:anywhere; }
.msz-meet .mt-owedmeta { font-size:12.5px; color:var(--muted); }
.msz-meet .mt-owedmeta .mt-flag { margin-left:4px; }

.msz-meet .mt-pastlist { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.msz-meet .mt-pastlist li { margin:0; }
.msz-dash.msz-meet .mt-pastrow { width:100%; display:flex; align-items:center;
  gap:16px; text-align:left; background:#fff; border:1px solid var(--line);
  border-radius:12px; padding:12px 16px; transition:border-color .15s, box-shadow .15s; }
.msz-meet .mt-cal { flex:0 0 52px; display:flex; flex-direction:column;
  align-items:center; border:1.5px solid var(--ink); border-radius:9px; padding:3px 0 4px;
  font-size:11px; font-weight:700; letter-spacing:.06em; color:var(--muted); line-height:1.1; }
.msz-meet .mt-cal b { font-size:21px; font-weight:800; color:var(--ink); letter-spacing:-.02em; }
.msz-meet .mt-pastmain { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.msz-meet .mt-pasttitle { font-size:15.5px; font-weight:800; color:var(--ink); }
.msz-meet .mt-pastmeta,.msz-meet .mt-pastcounts { font-size:13px; color:var(--muted); }
.msz-meet .mt-pastcounts { color:#4d5049; font-weight:600; }
.msz-meet .mt-state { font-size:12px; font-weight:700; padding:3px 10px;
  border-radius:99px; background:var(--canvas); color:var(--muted); white-space:nowrap; }
.msz-meet .mt-state.sent { background:var(--accent-wash); color:var(--accent-deep); }
.msz-meet .mt-state.live { background:var(--warn-wash); color:var(--warn); }

/* ------------------------------------------------------- the meeting -- */

.msz-meet .mt-live { display:block; }
.msz-meet .mt-strip { display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap;
  margin:0 0 14px; }
.msz-meet .mt-striptext { flex:1 1 420px; min-width:0; }
.msz-meet .mt-live-dot { display:flex; align-items:center; gap:8px; margin:0 0 3px;
  font-size:12.5px; font-weight:700; color:var(--accent-deep); }
.msz-meet .mt-live-dot::before { content:''; width:9px; height:9px; border-radius:50%;
  background:#4f9a52; box-shadow:0 0 0 0 rgba(79,154,82,.5); animation:mt-pulse 2.4s infinite; }
@keyframes mt-pulse { 0% { box-shadow:0 0 0 0 rgba(79,154,82,.45); }
  70% { box-shadow:0 0 0 9px rgba(79,154,82,0); } 100% { box-shadow:0 0 0 0 rgba(79,154,82,0); } }
.msz-meet .mt-strip h2 { margin:0 0 3px; font-size:24px; font-weight:800;
  letter-spacing:-.022em; color:var(--ink); line-height:1.15; }
.msz-meet .mt-stripmeta { margin:0; font-size:13.5px; color:var(--muted);
  display:flex; flex-wrap:wrap; gap:4px 14px; align-items:center; }
.msz-meet .mt-timer { display:inline-flex; align-items:center; gap:5px;
  font-variant-numeric:tabular-nums; color:#4d5049; font-weight:600; }
.msz-meet .mt-timer svg { width:15px; height:15px; }
.msz-meet .mt-stale { display:flex; gap:8px; align-items:flex-start; margin:10px 0 0;
  padding:9px 12px; border-radius:10px; background:var(--warn-wash); color:var(--warn);
  font-size:13.5px; font-weight:600; }
.msz-meet .mt-stripacts { display:flex; gap:8px; flex-wrap:wrap; }
.msz-meet .mt-follow { display:flex; gap:8px; align-items:center; margin:0 0 14px;
  font-size:13.5px; color:var(--muted); }

/* ------------------------------------------------------- the line -- */

/* The composer: a sheet of the minute book with a margin, the kind of line
   above it, the line itself, and the teams underneath as index tabs. */
.msz-meet .mt-composer { position:relative; background:var(--paper);
  border:1px solid var(--line); border-radius:16px; box-shadow:var(--lift-hi);
  padding:14px 18px 12px 34px; margin:0 0 18px; z-index:20; }
.msz-meet .mt-composer::before { content:''; position:absolute; top:0; bottom:0;
  left:18px; width:2px; background:var(--margin); border-radius:2px; }

.msz-meet .mt-kinds { display:flex; gap:4px; flex-wrap:wrap; margin:0 0 8px; }
.msz-dash.msz-meet .mt-kind { display:inline-flex; align-items:center; gap:6px;
  height:32px; padding:0 11px; border-radius:99px; font-size:13px; font-weight:700;
  color:var(--muted); border:1.5px solid transparent; transition:background .15s, color .15s; }
.msz-meet .mt-kind svg { width:15px; height:15px; stroke-width:2.1; }
.msz-dash.msz-meet .mt-kind.on { background:var(--ink); color:#fff; }
.msz-dash.msz-meet .mt-kind.k-decision.on { background:var(--accent-deep); }
.msz-dash.msz-meet .mt-kind.k-blocker.on { background:var(--alert); }

.msz-meet .mt-line { display:flex; align-items:flex-end; gap:12px; }
.msz-dash.msz-meet .mt-text { flex:1; min-width:0; display:block; resize:none;
  border:0; border-bottom:2px solid var(--rule); border-radius:0; background:transparent;
  font-size:20px; font-weight:500; line-height:1.4; padding:6px 2px 8px; color:var(--ink);
  min-height:46px; max-height:180px; overflow-y:auto; transition:border-color .15s; }
.msz-dash.msz-meet .mt-text::placeholder { color:#a9ada4; font-weight:400; }
.msz-dash.msz-meet .mt-text:focus { outline:none; border-bottom-color:var(--accent); }
.msz-dash.msz-meet .mt-go { flex:0 0 auto; display:inline-flex; align-items:center;
  gap:8px; height:46px; padding:0 18px; border-radius:12px; background:var(--accent-deep);
  color:#fff; font-size:14.5px; font-weight:700; max-width:320px;
  transition:background .15s, transform .1s; }
.msz-meet .mt-go span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msz-meet .mt-go svg { width:18px; height:18px; stroke-width:2.2; }
.msz-dash.msz-meet .mt-go:active { transform:scale(.98); }
.msz-dash.msz-meet .mt-go.waiting { background:#c9ccc4; color:#fff; }

/* The teams as index tabs, hanging from the line. */
.msz-meet .mt-teams { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 0; }
.msz-dash.msz-meet .mt-team { display:inline-flex; align-items:center; gap:6px;
  min-height:38px; padding:0 13px; border-radius:10px 10px 4px 4px;
  border:1.5px solid var(--line); border-top-width:3px; background:#fff;
  font-size:14px; font-weight:700; color:var(--ink);
  transition:background .12s, border-color .12s, color .12s, transform .1s; }
.msz-dash.msz-meet .mt-team.all,.msz-dash.msz-meet .mt-team.whole { border-style:dashed;
  border-top-style:solid; color:var(--accent-deep); }
.msz-meet .mt-team .mt-n { font-size:11.5px; font-weight:800; min-width:18px; height:18px;
  padding:0 5px; border-radius:99px; background:var(--canvas); color:var(--muted);
  display:inline-flex; align-items:center; justify-content:center; }
.msz-dash.msz-meet .mt-team.on { background:var(--ink); border-color:var(--ink); color:#fff;
  transform:translateY(-1px); }
.msz-dash.msz-meet .mt-team.on .mt-n { background:rgba(255,255,255,.2); color:#fff; }
/* Picked from what was typed, not tapped: the same, drawn as a suggestion. */
.msz-dash.msz-meet .mt-team.on.auto { background:var(--accent-wash);
  border-color:var(--accent); border-top-color:var(--accent-deep); color:var(--accent-deep); }
.msz-dash.msz-meet .mt-team.on.auto .mt-n { background:#fff; color:var(--accent-deep); }
@keyframes mt-nudge { 0%,100% { transform:none; } 20% { transform:translateX(-6px); }
  40% { transform:translateX(6px); } 60% { transform:translateX(-4px); } 80% { transform:translateX(3px); } }
.msz-meet .mt-teams.nudge { animation:mt-nudge .42s ease; }

.msz-meet .mt-extras { display:flex; flex-wrap:wrap; align-items:center;
  gap:10px 18px; margin:12px 0 0; }
.msz-meet .mt-extras:empty { display:none; }
.msz-meet .mt-lab { font-size:12.5px; font-weight:700; color:var(--muted); margin-right:2px; }
.msz-meet .mt-owner { display:inline-flex; align-items:center; gap:8px; }
.msz-meet .mt-owner span { font-size:12.5px; font-weight:700; color:var(--muted); }
.msz-dash.msz-meet .mt-owner input { width:210px; height:36px; border:1.5px solid var(--line);
  border-radius:10px; padding:0 10px; font-size:14px; background:#fff; }
.msz-dash.msz-meet .mt-owner input:focus { outline:none; border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(66,125,70,.12); }
.msz-meet .mt-due,.msz-meet .mt-wait,.msz-meet .mt-settle { display:flex; align-items:center;
  flex-wrap:wrap; gap:5px; }
.msz-dash.msz-meet .mt-chipbtn { display:inline-flex; align-items:center; gap:5px;
  height:34px; padding:0 11px; border-radius:99px; border:1.5px solid var(--line);
  background:#fff; font-size:13px; font-weight:600; color:var(--ink); white-space:nowrap; }
.msz-dash.msz-meet .mt-chipbtn.on { background:var(--ink); border-color:var(--ink); color:#fff; }
.msz-meet .mt-settle .mt-chipbtn { max-width:340px; overflow:hidden; text-overflow:ellipsis; }
.msz-meet .mt-settle .mt-chipbtn b { font-weight:800; letter-spacing:.03em; }
.msz-dash.msz-meet .mt-chipbtn.more { border-style:dashed; color:var(--accent-deep); }
.msz-meet .mt-pick { position:relative; display:inline-flex; align-items:center;
  justify-content:center; width:36px; height:34px; border-radius:99px;
  border:1.5px solid var(--line); background:#fff; color:var(--muted); cursor:pointer; }
.msz-meet .mt-pick.on { background:var(--ink); border-color:var(--ink); color:#fff; }
.msz-meet .mt-pick svg { width:17px; height:17px; }
/* The native date picker, stretched invisibly over the icon, so tapping the
   icon opens the calendar the phone already knows. */
.msz-dash.msz-meet .mt-pick input { position:absolute; inset:0; width:100%; height:100%;
  opacity:0; cursor:pointer; font-size:16px; border:0; padding:0; }
.msz-meet .mt-duesaid { font-size:13px; font-weight:700; color:var(--ink); }
.msz-meet .mt-each { display:flex; align-items:center; gap:7px; margin:0;
  font-size:13px; color:var(--accent-deep); font-weight:600; }
.msz-meet .mt-hint { margin:10px 0 0; font-size:12.5px; color:var(--muted); min-height:1em; }
.msz-meet .mt-hint:empty { display:none; }

/* ------------------------------------------------------------ views -- */

.msz-meet .mt-views { display:flex; gap:4px; margin:0 0 14px; overflow-x:auto;
  scrollbar-width:none; border-bottom:1px solid var(--line); }
.msz-meet .mt-views::-webkit-scrollbar { display:none; }
.msz-dash.msz-meet .mt-tab { flex:0 0 auto; display:inline-flex; align-items:center;
  gap:8px; height:44px; padding:0 14px; font-size:14px; font-weight:700;
  color:var(--muted); border-bottom:3px solid transparent; margin-bottom:-1px; }
.msz-meet .mt-tab .mt-n { font-size:12px; font-weight:800; padding:1px 8px;
  border-radius:99px; background:var(--canvas); color:var(--muted);
  font-variant-numeric:tabular-nums; }
.msz-dash.msz-meet .mt-tab.on { color:var(--ink); border-bottom-color:var(--ink); }
.msz-meet .mt-tab.on .mt-n { background:var(--ink); color:#fff; }
.msz-meet .mt-viewhead { display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  margin:0 0 14px; }
.msz-meet .mt-viewhead p { flex:1 1 320px; margin:0; font-size:14px; color:var(--muted); }

/* ---------------------------------------------------------- minutes -- */

.msz-meet .mt-minutes { display:grid; gap:14px; }
.msz-meet .mt-block { background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:14px 18px 10px; }
.msz-meet .mt-block h3 { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px;
  margin:0 0 6px; font-size:16px; font-weight:800; letter-spacing:-.01em; color:var(--ink); }
.msz-meet .mt-lead { font-size:12.5px; font-weight:600; color:var(--muted); }
.msz-dash.msz-meet .mt-more { margin-left:auto; font-size:12.5px; font-weight:700;
  color:var(--accent-deep); padding:4px 0; }
.msz-meet .mt-decisions { border-left:4px solid var(--accent-deep); }

.msz-meet .mt-entries { list-style:none; margin:0; padding:0; counter-reset:mt-dec; }
.msz-meet .mt-entry { display:grid; grid-template-columns:44px 22px minmax(0,1fr);
  gap:0 8px; align-items:start; padding:8px 0; margin:0; border-top:1px solid var(--rule); }
.msz-meet .mt-entry:first-child { border-top:0; }
/* The margin: when it was said. */
.msz-meet .mt-time { font-size:12px; font-weight:600; color:#9a9e95; text-align:right;
  padding-top:3px; font-variant-numeric:tabular-nums; border-right:2px solid var(--margin);
  padding-right:8px; align-self:stretch; }
.msz-meet .mt-glyph { color:var(--muted); padding-top:2px; }
.msz-meet .mt-glyph svg { width:17px; height:17px; }
.msz-meet .k-task .mt-glyph { color:var(--accent-deep); }
.msz-meet .k-decision .mt-glyph { color:var(--accent-deep); }
.msz-meet .k-blocker .mt-glyph { color:var(--alert); }
.msz-meet .mt-entrymain { min-width:0; display:flex; flex-direction:column; gap:4px; }
.msz-dash.msz-meet .mt-entrytext { display:block; text-align:left; font-size:15px;
  line-height:1.45; color:var(--ink); overflow-wrap:anywhere; white-space:pre-wrap; }
.msz-meet .k-task .mt-entrytext,.msz-meet .k-blocker .mt-entrytext,
.msz-meet .k-decision .mt-entrytext { font-weight:600; }
.msz-meet .mt-entry.done .mt-entrytext { color:var(--muted); text-decoration:line-through;
  text-decoration-color:rgba(18,19,9,.25); }
.msz-meet .mt-entrymeta { display:flex; flex-wrap:wrap; align-items:center;
  gap:5px 10px; font-size:12.5px; color:var(--muted); }
.msz-meet .mt-closes { display:inline-flex; align-items:center; gap:5px; font-size:12px; }
.msz-meet .mt-sending { font-size:12px; font-weight:700; color:var(--warn); }
.msz-meet .mt-entry.pending { opacity:.72; }
@keyframes mt-landed { from { background:var(--accent-wash); } }
.msz-meet .mt-entry.landed,.msz-meet .mt-card.landed { animation:mt-landed 1.1s ease-out; }
@keyframes mt-stamp { 0% { transform:scale(.4) rotate(-8deg); opacity:0; }
  60% { transform:scale(1.15) rotate(2deg); opacity:1; } 100% { transform:none; } }
.msz-meet .mt-entry.landed .mt-stamp { animation:mt-stamp .42s cubic-bezier(.22,.68,.32,1.3); }

.msz-meet .mt-quietteams { display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  margin:2px 0 0; font-size:13px; color:var(--muted); }
.msz-meet .mt-quietteams > span:first-child { margin-right:2px; }
.msz-dash.msz-meet .mt-quietteam { display:inline-flex; align-items:center;
  height:30px; padding:0 11px; border-radius:99px; border:1.5px dashed #cfd2ca;
  font-size:12.5px; font-weight:700; color:#6d7169; background:transparent; }

.msz-meet .mt-blank { text-align:center; background:#fff; border:1px dashed #cfd2ca;
  border-radius:16px; padding:34px 22px; color:var(--muted); }
.msz-meet .mt-blank svg { width:34px; height:34px; color:#b9bdb3; margin:0 auto 8px; display:block; }
.msz-meet .mt-blank h3 { margin:0 0 6px; font-size:18px; font-weight:800; color:var(--ink); }
.msz-meet .mt-blank p { margin:0 auto; max-width:52ch; font-size:14px; line-height:1.55; }

/* ------------------------------------------------------- attendance -- */

.msz-meet .mt-seats { display:grid; gap:10px; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); }
.msz-meet .mt-seat { position:relative; }
.msz-dash.msz-meet .mt-seatbtn { width:100%; min-height:96px; display:flex;
  flex-direction:column; align-items:flex-start; gap:3px; text-align:left;
  padding:13px 44px 12px 14px; border-radius:13px; border:1.5px solid var(--line);
  background:#fff; transition:background .15s, border-color .15s; }
.msz-meet .mt-seatname { font-size:15.5px; font-weight:800; color:var(--ink); }
.msz-meet .mt-seatwho { font-size:13px; color:var(--muted); line-height:1.3; }
.msz-meet .mt-seatstate { margin-top:auto; display:inline-flex; align-items:center; gap:4px;
  font-size:12.5px; font-weight:700; color:#8b8f86; }
.msz-meet .mt-seatstate svg { width:15px; height:15px; stroke-width:2.6; }
.msz-meet .mt-seatnote { font-size:12px; color:var(--muted); font-style:italic; }
.msz-dash.msz-meet .s-yes .mt-seatbtn { background:var(--accent-wash); border-color:#b9d3b6; }
.msz-meet .s-yes .mt-seatstate { color:var(--accent-deep); }
.msz-dash.msz-meet .s-no .mt-seatbtn { background:#fff; border-color:#e7cccc; }
.msz-meet .s-no .mt-seatstate { color:var(--alert); }
.msz-meet .s-no .mt-seatname { color:#5b3a3a; }
.msz-dash.msz-meet .mt-seatedit { position:absolute; top:8px; right:8px; width:34px; height:34px;
  border-radius:9px; display:inline-flex; align-items:center; justify-content:center;
  color:var(--muted); }
.msz-meet .mt-seatedit svg { width:16px; height:16px; }
.msz-meet .mt-guests { margin-top:14px; max-width:640px; }

/* ------------------------------------------------ last time's to-dos -- */

.msz-meet .mt-carry { display:grid; gap:14px; }
.msz-meet .mt-carry .mt-viewhead { margin-bottom:0; }
/* Two or three cards a row on a laptop: a long carry-over is a lot of cards. */
.msz-meet .mt-carry .mt-block { padding-bottom:14px; display:grid; gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(380px,1fr)); align-items:start; }
.msz-meet .mt-carry .mt-block h3 { grid-column:1 / -1; margin-bottom:0; }
.msz-meet .mt-carry .mt-card { margin:0; }
.msz-meet .mt-card { border:1px solid var(--line); border-left:4px solid #c9ccc4;
  border-radius:12px; padding:12px 14px; margin:10px 0 0; background:#fff; }
.msz-meet .mt-cardtop { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 6px; }
.msz-meet .mt-cardbody { margin:0; font-size:15px; font-weight:700; color:var(--ink);
  line-height:1.4; overflow-wrap:anywhere; }
.msz-meet .mt-cardmeta { margin:3px 0 0; font-size:12.5px; color:var(--muted); }
.msz-meet .mt-cardstatus { margin:8px 0 0; font-size:13px; color:var(--muted); }
.msz-meet .mt-review { display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px; margin:10px 0 0; }
.msz-dash.msz-meet .mt-rv { display:inline-flex; align-items:center; justify-content:center;
  gap:5px; height:42px; border-radius:10px; border:1.5px solid var(--line); background:var(--canvas);
  font-size:13.5px; font-weight:700; color:var(--ink); transition:background .12s, color .12s, border-color .12s; }
.msz-meet .mt-rv svg { width:16px; height:16px; stroke-width:2.6; }
.msz-dash.msz-meet .mt-rv.rv-done.on { background:var(--accent-deep); border-color:var(--accent-deep); color:#fff; }
.msz-dash.msz-meet .mt-rv.rv-doing.on { background:var(--ink); border-color:var(--ink); color:#fff; }
.msz-dash.msz-meet .mt-rv.rv-stuck.on { background:var(--alert); border-color:var(--alert); color:#fff; }
.msz-dash.msz-meet .mt-rv.rv-open.on { background:#5e625a; border-color:#5e625a; color:#fff; }
.msz-meet .mt-card.reviewed { border-left-color:var(--ink); }
.msz-meet .mt-card.s-done { border-left-color:var(--accent-deep); background:#fbfdfb; }
.msz-meet .mt-card.s-stuck { border-left-color:var(--alert); }
.msz-meet .mt-reviewed { display:flex; justify-content:space-between; gap:10px;
  align-items:center; margin:9px 0 0; font-size:13px; color:var(--muted); }
.msz-meet .mt-reviewed b { color:var(--ink); }
.msz-meet .mt-rvnote { margin:8px 0 0; }

/* ----------------------------------------------------------- wrap up -- */

.msz-meet .mt-wrap { display:grid; gap:14px; }
.msz-meet .mt-wrap .mt-block { padding:16px 18px; }
.msz-meet .mt-form { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.msz-meet .mt-nextform { grid-template-columns:170px 130px minmax(0,1fr); }
.msz-meet .mt-field { display:flex; flex-direction:column; gap:6px; min-width:0; }
.msz-meet .mt-field.wide { grid-column:1 / -1; }
.msz-meet .mt-field > span { font-size:12.5px; font-weight:700; color:var(--ink); }
.msz-dash.msz-meet .mt-field input,.msz-dash.msz-meet .mt-field textarea,
.msz-dash.msz-meet .mt-field select { display:block; width:100%; font-size:15px;
  padding:10px 12px; border:1.5px solid var(--line); border-radius:11px; background:#fff;
  color:var(--ink); min-height:44px; }
.msz-dash.msz-meet .mt-field textarea { resize:vertical; line-height:1.45; }
.msz-dash.msz-meet .mt-field input:focus,.msz-dash.msz-meet .mt-field textarea:focus,
.msz-dash.msz-meet .mt-field select:focus { outline:none; border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(66,125,70,.12); }
.msz-meet .mt-saved { margin:8px 0 0; font-size:12.5px; color:var(--muted); min-height:1em; }
.msz-meet .mt-loose { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.msz-meet .mt-loose > li { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px;
  margin:0; padding:12px 14px; border-radius:12px; background:var(--warn-wash); }
.msz-meet .mt-loosehead { flex:1 1 300px; display:flex; flex-direction:column; gap:2px; }
.msz-meet .mt-loosehead b { font-size:14.5px; color:#5c4712; }
.msz-meet .mt-loosehead span { font-size:13px; color:#6f5b2a; }
.msz-meet .mt-looselist { flex:1 1 100%; list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:4px; }
.msz-meet .mt-looselist li { margin:0; }
.msz-meet .mt-looselist .mt-linkbtn { text-align:left; font-weight:600; color:#5c4712; }
.msz-meet .mt-finish { display:flex; align-items:center; gap:16px 24px; flex-wrap:wrap;
  background:var(--ink); color:#fff; border-radius:16px; padding:20px 22px; }
.msz-meet .mt-finish > div { flex:1 1 360px; }
.msz-meet .mt-finish h3 { margin:0 0 4px; font-size:18px; font-weight:800; color:#fff; }
.msz-meet .mt-finish p { margin:0; font-size:14px; color:rgba(255,255,255,.7); line-height:1.5; }
.msz-dash.msz-meet .mt-finish .mt-primary { background:#fff; color:var(--ink); }
.msz-meet .mt-throw { margin:2px 0 0; font-size:13px; color:var(--muted); }

/* --------------------------------------------------------- the reader -- */

.msz-meet .mt-readbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 14px; }
.msz-meet .mt-readacts { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-left:auto; }
.msz-meet .mt-readnote { display:flex; gap:8px; align-items:center; margin:0 0 14px;
  padding:10px 14px; border-radius:11px; background:var(--warn-wash); color:var(--warn);
  font-size:13.5px; font-weight:600; }
.msz-meet .mt-readnote.ok { background:var(--accent-wash); color:var(--accent-deep); }
.msz-meet .mt-readnote.bad { background:var(--alert-wash); color:var(--alert); }

/* The minutes as a page of the minute book: ruled margin, generous measure. */
.msz-meet .mt-paper { position:relative; background:var(--paper); border:1px solid var(--line);
  border-radius:6px; box-shadow:var(--lift-hi); padding:40px 48px 44px 76px;
  max-width:880px; margin:0 auto; line-height:1.6; color:var(--ink); }
.msz-meet .mt-paper::before { content:''; position:absolute; top:0; bottom:0; left:48px;
  width:2px; background:var(--margin); }
.msz-meet .mt-paper.loading { min-height:320px; }
.msz-meet .mt-paperhead { margin:0 0 20px; padding-bottom:16px; border-bottom:2px solid var(--ink); }
.msz-meet .mt-papereyebrow { margin:0 0 4px; font-size:13px; font-weight:700; color:var(--accent-deep); }
.msz-meet .mt-paperhead h2 { margin:0 0 6px; font-size:30px; font-weight:800;
  letter-spacing:-.025em; line-height:1.15; color:var(--ink); }
.msz-meet .mt-paperfacts { margin:0; font-size:15px; font-weight:600; color:#3f433b; }
.msz-meet .mt-paperby { margin:2px 0 0; font-size:13.5px; color:var(--muted); }
.msz-meet .mt-paper section { margin:0 0 22px; }
.msz-meet .mt-paper h3 { margin:0 0 8px; font-size:17px; font-weight:800; letter-spacing:-.01em; color:var(--ink); }
.msz-meet .mt-paper p { margin:0 0 6px; font-size:15px; }
.msz-meet .mt-paperlist { margin:0; padding-left:20px; }
.msz-meet .mt-paperlist li { margin:0 0 6px; font-size:15px; overflow-wrap:anywhere; }
.msz-meet .mt-paperlist.plain { list-style:none; padding-left:0; }
.msz-meet .mt-paperlist .mt-stamp { margin-right:4px; vertical-align:1px; }
.msz-meet .mt-papernote { display:block; font-size:13.5px; color:var(--muted); font-style:italic; }
.msz-meet .mt-paperteam { margin:0 0 16px; }
.msz-meet .mt-paperteam h4 { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  margin:0 0 6px; padding:6px 10px; border-radius:6px; background:var(--accent-wash);
  font-size:14px; font-weight:800; letter-spacing:.02em; color:var(--accent-deep); }
.msz-meet .mt-paperteam h4 span { font-size:12.5px; font-weight:600; color:var(--muted); letter-spacing:0; }
.msz-meet .mt-todos { width:100%; border-collapse:collapse; margin:6px 0 0; font-size:14px;
  table-layout:fixed; }
/* The same columns in every team's table, so they line up down the page. */
.msz-meet .mt-todos th:nth-child(2),.msz-meet .mt-todos td:nth-child(2) { width:21%; }
.msz-meet .mt-todos th:nth-child(3),.msz-meet .mt-todos td:nth-child(3) { width:13%; }
.msz-meet .mt-todos th:nth-child(4),.msz-meet .mt-todos td:nth-child(4) { width:21%; }
.msz-meet .mt-tag { display:inline-block; font-size:11.5px; font-weight:700; color:var(--muted);
  border:1px solid var(--line); border-radius:99px; padding:0 8px; vertical-align:1px;
  white-space:nowrap; background:#fff; }
.msz-meet .mt-todos th { text-align:left; font-size:11.5px; font-weight:700; color:var(--muted);
  padding:6px 8px; border-bottom:1.5px solid var(--ink); }
.msz-meet .mt-todos td { padding:8px; border-bottom:1px solid var(--rule); vertical-align:top;
  overflow-wrap:anywhere; }
.msz-meet .mt-todos td:first-child { font-weight:600; width:48%; }
.msz-meet .mt-word { display:inline-flex; align-items:center; gap:3px; font-weight:700; }
.msz-meet .mt-word svg { width:14px; height:14px; stroke-width:2.6; }
.msz-meet .mt-word.w-done { color:var(--accent-deep); }
.msz-meet .mt-word.w-stuck { color:var(--alert); }

/* ------------------------------------------------------------- sheets -- */

html.mt-locked, html.mt-locked body { overflow:hidden; }
.msz-meet .mt-sheet { position:fixed; inset:0; z-index:100000; display:flex;
  align-items:flex-end; justify-content:center; }
.msz-meet .mt-scrim { position:absolute; inset:0; background:rgba(18,19,9,.46);
  animation:mt-fade .2s ease both; }
@keyframes mt-fade { from { opacity:0; } }
.msz-meet .mt-panel { position:relative; width:100%; max-width:620px;
  max-height:calc(100% - env(safe-area-inset-top, 0px) - 16px); display:flex;
  flex-direction:column; background:var(--canvas); border-radius:20px 20px 0 0;
  box-shadow:0 -10px 40px rgba(18,19,9,.22); overflow:hidden;
  animation:mt-rise .28s cubic-bezier(.22,.68,.32,1) both; }
@keyframes mt-rise { from { transform:translateY(40px); opacity:0; } }
.msz-meet .mt-grip { width:40px; height:5px; border-radius:99px; background:#c9ccc4;
  margin:8px auto 0; flex:0 0 auto; }
.msz-meet .mt-sheethead { display:flex; align-items:center; gap:10px; padding:10px 16px 12px 20px; }
.msz-meet .mt-sheethead h2 { margin:0; flex:1; font-size:19px; font-weight:800;
  letter-spacing:-.02em; color:var(--ink); line-height:1.2; }
.msz-dash.msz-meet .mt-x { width:40px; height:40px; border-radius:11px; font-size:26px;
  line-height:1; color:var(--muted); }
.msz-meet .mt-sheetbody { overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:4px 20px 18px; flex:1 1 auto; overscroll-behavior:contain; }
.msz-meet .mt-sheetfoot { display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  padding:12px 20px calc(12px + env(safe-area-inset-bottom, 0px));
  background:#fff; border-top:1px solid var(--line); }
.msz-meet .mt-sheetfoot .mt-msg { flex:1 1 100%; order:-1; margin:0; font-size:13.5px; color:var(--muted); }
.msz-meet .mt-sheetfoot .mt-msg:empty { display:none; }
.msz-meet .mt-sheetfoot .mt-msg.bad { color:var(--alert); font-weight:700; }
.msz-meet .mt-sheetfoot .mt-linkbtn { margin-right:auto; }
.msz-meet .mt-sheetfoot .mt-btn,.msz-meet .mt-sheetfoot .mt-primary { height:48px; }
.msz-meet .mt-note { margin:0 0 14px; font-size:14px; color:#4d5049; line-height:1.55; }
.msz-meet .mt-note.bad { color:var(--alert); font-weight:600; }
.msz-meet .mt-note .mt-stamp { margin-right:4px; }
.msz-meet .mt-sheet .mt-form { margin:0 0 14px; }
.msz-meet .mt-tolist { margin:-6px 0 14px; font-size:13px; color:var(--muted);
  background:#fff; border:1px solid var(--line); border-radius:10px; padding:9px 12px;
  overflow-wrap:anywhere; }
.msz-dash.msz-meet .mt-copytext { display:block; width:100%; font-size:14px;
  line-height:1.5; padding:12px; border:1.5px solid var(--line); border-radius:12px;
  background:#fff; resize:vertical; font-family:inherit; }
.msz-meet .mt-callist { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.msz-meet .mt-callist li { display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  gap:4px 10px; align-items:center; margin:0; background:#fff; border:1px solid var(--line);
  border-radius:10px; padding:8px 10px; font-size:13.5px; }
.msz-meet .mt-callist li span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msz-meet .mt-calstate { grid-column:1 / -1; font-style:normal; font-size:12px; color:var(--muted); }
.msz-meet .mt-calstate:empty { display:none; }

/* ------------------------------------------------------------ toast -- */

.msz-meet .mt-toast { position:fixed; left:50%; bottom:calc(20px + env(safe-area-inset-bottom, 0px));
  z-index:100001; transform:translate(-50%, 16px); opacity:0; pointer-events:none;
  display:flex; align-items:center; gap:4px 14px; flex-wrap:wrap;
  width:max-content; max-width:min(92vw, 560px); background:var(--ink); color:#fff;
  border-radius:13px; padding:12px 16px; font-size:14px; font-weight:600; line-height:1.4;
  box-shadow:0 12px 30px rgba(18,19,9,.3); transition:opacity .2s, transform .2s; }
.msz-meet .mt-toast.show { opacity:1; transform:translate(-50%, 0); pointer-events:auto; }
.msz-meet .mt-toast.bad { background:var(--alert); }
.msz-meet .mt-toast.ok { background:#1d3a20; }
.msz-dash.msz-meet .mt-toast button { font-weight:800; color:#b9e0b4;
  text-decoration:underline; text-underline-offset:3px; padding:4px 2px; }
.msz-dash.msz-meet .mt-toast.bad button { color:#fff; }

/* ---------------------------------------------------------- skeleton -- */

.msz-meet .mt-ghosts { display:grid; gap:10px; }
.msz-meet .mt-ghost { height:86px; border-radius:14px; background:#fff; border:1px solid var(--line);
  padding:16px; display:grid; gap:10px; }
.msz-meet .mt-ghost span { border-radius:6px; background:var(--canvas);
  animation:mt-shimmer 1.2s ease-in-out infinite alternate; }
.msz-meet .mt-ghost span:nth-child(2) { width:60%; }
@keyframes mt-shimmer { to { opacity:.45; } }

/* ------------------------------------------------------ screen sizes -- */

/* On a laptop the line stays in reach while the minutes scroll under it. */
@media (min-width:861px) {
  .msz-meet .mt-composer { position:sticky; top:12px; }
  body.admin-bar .msz-meet .mt-composer { top:44px; }
}
@media (min-width:600px) {
  .msz-meet .mt-panel { max-height:min(88vh, 820px); border-radius:20px; margin-bottom:max(4vh, 20px); }
  .msz-meet .mt-sheet { align-items:center; }
  .msz-meet .mt-grip { display:none; }
  .msz-meet .mt-sheethead { padding-top:16px; }
  .msz-meet .mt-sheetfoot { border-radius:0 0 20px 20px; }
}
@media (max-width:860px) {
  .msz-meet .mt-composer { padding:12px 14px 12px 26px; border-radius:14px; }
  .msz-meet .mt-composer::before { left:12px; }
  .msz-meet .mt-line { flex-wrap:wrap; }
  .msz-dash.msz-meet .mt-text { font-size:18px; flex:1 1 100%; }
  .msz-dash.msz-meet .mt-go { flex:1 1 100%; justify-content:center; max-width:none; height:48px; }
  /* One swipeable row of teams, rather than three rows of them pushing the
     minutes off the screen. */
  .msz-meet .mt-teams { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none;
    margin:12px -14px 0 -26px; padding:2px 14px 4px 26px; -webkit-overflow-scrolling:touch; }
  .msz-meet .mt-teams::-webkit-scrollbar { display:none; }
  .msz-dash.msz-meet .mt-team { flex:0 0 auto; min-height:42px; }
  /* Owner and date only once there is something to give them to. */
  .msz-meet .mt-composer:not(.open) .mt-extras,.msz-meet .mt-composer:not(.open) .mt-hint { display:none; }
  .msz-dash.msz-meet .mt-owner input { width:100%; font-size:16px; height:42px; }
  .msz-meet .mt-owner { flex:1 1 100%; }
  .msz-meet .mt-owner span { flex:0 0 auto; }
  .msz-meet .mt-due { flex:1 1 100%; }
  .msz-dash.msz-meet .mt-chipbtn { height:38px; }
  .msz-dash.msz-meet .mt-field input,.msz-dash.msz-meet .mt-field textarea,
  .msz-dash.msz-meet .mt-field select,.msz-dash.msz-meet .mt-copytext { font-size:16px; }
  .msz-meet .mt-nextform { grid-template-columns:1fr 1fr; }
  .msz-meet .mt-nextform .mt-field.grow { grid-column:1 / -1; }
  .msz-meet .mt-strip h2 { font-size:21px; }
  .msz-meet .mt-paper { padding:26px 18px 30px 36px; border-radius:6px; }
  .msz-meet .mt-paper::before { left:20px; }
  .msz-meet .mt-paperhead h2 { font-size:24px; }
  .msz-meet .mt-todos thead { display:none; }
  .msz-meet .mt-todos tr { display:block; border-bottom:1px solid var(--rule); padding:6px 0; }
  .msz-meet .mt-todos td { display:block; border:0; padding:2px 0; width:auto !important; }
  .msz-meet .mt-todos td[data-label]:not(:first-child)::before { content:attr(data-label) ': ';
    color:var(--muted); font-weight:600; font-size:12.5px; }
  .msz-meet .mt-readacts { margin-left:0; }
  .msz-meet .mt-owedgrid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .msz-meet header.top { padding:24px 0 26px; margin-bottom:20px; }
  .msz-meet header.top .heroside { flex-wrap:nowrap; gap:14px; align-items:center; }
  .msz-meet .ringwrap { width:96px; height:96px; }
  .msz-meet .rn { font-size:27px; }
  .msz-meet .rn i { font-size:12px; }
  .msz-meet .rk { font-size:8px; max-width:66px; letter-spacing:.12em; margin-top:3px; }
  .msz-meet header.top .chip { flex:1 1 auto; min-width:0; max-width:none; padding:12px 13px; }
  .msz-meet .mt-start { padding:20px 18px 20px 30px; }
  .msz-meet .mt-start::before { left:12px; }
  .msz-dash.msz-meet .mt-startbtn { width:100%; justify-content:center; }
  .msz-meet .mt-block { padding:12px 14px 8px; }
  .msz-meet .mt-entry { grid-template-columns:38px 18px minmax(0,1fr); gap:0 6px; }
  .msz-meet .mt-time { font-size:11px; padding-right:6px; }
  .msz-meet .mt-review { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .msz-meet .mt-seats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .msz-dash.msz-meet .mt-seatbtn { min-height:92px; padding:11px 38px 10px 12px; }
  .msz-meet .mt-form { grid-template-columns:minmax(0,1fr); }
  .msz-meet .mt-form .mt-field { grid-column:1 / -1; }
  .msz-meet .mt-sheetfoot .mt-btn,.msz-meet .mt-sheetfoot .mt-primary { flex:1 1 0; justify-content:center; }
  .msz-meet .mt-sheetfoot .mt-linkbtn { flex:1 1 100%; order:-1; text-align:left; }
  .msz-dash.msz-meet .mt-pastrow { gap:12px; padding:11px 12px; }
  .msz-meet .mt-state { display:none; }
  .msz-meet .mt-finish .mt-primary { width:100%; }
}
/* The four kinds as one row of equal segments on a phone, rather than three
   and one left over. */
@media (max-width:520px) {
  .msz-meet .mt-kinds { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px;
    background:var(--canvas); border-radius:11px; padding:3px; }
  .msz-dash.msz-meet .mt-kind { justify-content:center; padding:0 2px; height:34px;
    border-radius:9px; font-size:13px; }
  .msz-meet .mt-kind svg { display:none; }
  .msz-meet .mt-carry .mt-block { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:380px) {
  .msz-meet .mt-seats { grid-template-columns:minmax(0,1fr); }
  .msz-dash.msz-meet .mt-kind { font-size:12.5px; }
}

/* Hover only where there is a pointer that hovers. On a phone a tap leaves
   :hover applied to whatever was tapped, so a button that darkens on hover
   stays dark after being pressed. */
@media (hover:hover) {
  .msz-dash.msz-meet .mt-btn:hover { border-color:#c3c6be; }
  .msz-dash.msz-meet .mt-btn.strong:hover { background:var(--ink); border-color:var(--ink); }
  .msz-dash.msz-meet .mt-primary:hover { background:var(--ink); }
  .msz-dash.msz-meet .mt-finish .mt-primary:hover { background:#e9f2e7; }
  .msz-dash.msz-meet .mt-go:hover { background:var(--ink); }
  .msz-dash.msz-meet .mt-go.waiting:hover { background:#b9bdb3; }
  .msz-dash.msz-meet .mt-kind:hover { color:var(--ink); border-color:var(--line); }
  .msz-dash.msz-meet .mt-kind.on:hover { color:#fff; }
  .msz-dash.msz-meet .mt-team:hover { border-color:#b9bdb3; }
  .msz-dash.msz-meet .mt-team.on:hover { border-color:var(--ink); }
  .msz-dash.msz-meet .mt-chipbtn:hover { border-color:#b9bdb3; }
  .msz-dash.msz-meet .mt-pastrow:hover { border-color:#c3c6be; box-shadow:var(--lift); }
  .msz-dash.msz-meet .mt-entrytext:hover { text-decoration:underline;
    text-decoration-thickness:1px; text-underline-offset:3px; text-decoration-color:#b9bdb3; }
  .msz-dash.msz-meet .mt-stamp:hover { background:var(--accent-deep); color:#fff; }
  .msz-dash.msz-meet .mt-rv:hover { border-color:#b9bdb3; }
  .msz-dash.msz-meet .mt-seatbtn:hover { border-color:#b9bdb3; }
  .msz-dash.msz-meet .mt-seatedit:hover { background:var(--canvas); color:var(--ink); }
  .msz-dash.msz-meet .mt-quietteam:hover { border-color:var(--accent); color:var(--accent-deep); }
  .msz-dash.msz-meet .mt-x:hover { background:#fff; color:var(--ink); }
  .msz-dash.msz-meet .mt-tab:hover { color:var(--ink); }
}

@media (prefers-reduced-motion:reduce) {
  .msz-meet *,.msz-meet *::before,.msz-meet *::after { animation:none !important;
    transition:none !important; }
}
@media print {
  .msz-meet header.top,.msz-meet .mt-readbar,.msz-meet .mt-toast,.msz-meet .msz-take,
  .msz-meet .whoami { display:none !important; }
  .msz-meet .mt-paper { box-shadow:none; border:0; padding:0 0 0 30px; }
}