/* Meeting information hierarchy follows Android W26–W28, using the shared warm-paper palette. */
.mtg-page { max-width:1180px; margin-inline:auto; }
.mtg-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 24px; }
.mtg-tabs a { text-decoration:none; }
.mtg-list { display:grid; gap:14px; }
.mtg-list-item { display:flex; gap:20px; align-items:center; text-decoration:none; color:inherit; margin:0; }
.mtg-list-item h2 { font-size:18px; margin:0 0 8px; }
.mtg-date { display:grid; justify-items:center; gap:3px; flex:none; width:88px; padding:12px 8px; border-radius:10px; background:var(--sc); font-size:12px; color:var(--on-var); font-variant-numeric:tabular-nums; }
.mtg-date strong { font-size:30px; line-height:1.15; font-weight:550; color:var(--on); }
.mtg-list-time { color:var(--on); margin:0 0 5px; font-variant-numeric:tabular-nums; }
.mtg-list-item .row-main { min-width:0; flex:1; }
.mtg-list-item h2 { overflow-wrap:anywhere; }
.mtg-state { display:inline-flex; align-items:center; gap:6px; font-size:12px; padding:5px 10px; border:1px solid var(--outline-var); border-radius:var(--r-chip); white-space:nowrap; }
.mtg-state::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.mtg-state.state-present,.mtg-state.state-done,.mtg-state.state-published { color:var(--success); }
.mtg-state.state-blocked,.mtg-state.state-absent,.mtg-overdue { color:var(--error); }
.mtg-state.state-cancelled,.mtg-state.state-changed { color:var(--on-var); }
.mtg-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; background:linear-gradient(125deg,var(--surface),var(--sc)); }
.mtg-when { font-size:22px; font-weight:650; margin:14px 0 4px; }
.mtg-mascot { object-fit:contain; flex-shrink:0; }
.mtg-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:20px 0; }
.mtg-stats > div { display:grid; gap:8px; padding:18px 12px; border-radius:var(--r-card); background:var(--sc); text-align:center; }
.mtg-stats strong { font-size:26px; font-weight:600; font-variant-numeric:tabular-nums; }
.mtg-stats span { color:var(--on-var); font-size:13px; }
.mtg-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:20px; align-items:start; }
.mtg-columns > div,.mtg-columns > section { min-width:0; }
.mtg-roster { list-style:none; margin:0; padding:0; }
.mtg-roster li { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid var(--outline-var); }
.mtg-roster small { display:block; flex-basis:100%; margin:0; }
.mtg-agenda { padding-left:28px; margin:0; }
.mtg-agenda li { padding:10px 0 14px 8px; border-bottom:1px solid var(--outline-var); }
.mtg-agenda li::marker { color:var(--brand); font-weight:600; }
.mtg-agenda p,.mtg-prose { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.85; }
.mtg-agenda p { margin:6px 0; color:var(--on-var); }
.mtg-decisions { display:grid; gap:16px; }
.mtg-decision { padding:20px; border:1px solid var(--outline-var); border-radius:var(--r-card); background:var(--surface); min-width:0; }
.mtg-decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mtg-decision .facts { font-size:13px; }
.mtg-decision .row { flex-wrap:wrap; }
.mtg-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mtg-fields .field { margin:0; }
.mtg-editor { display:grid; gap:20px; }
.mtg-editor .card { margin:0; }
.meeting-composer { max-width:980px; margin-inline:auto; }
.meeting-editor-options { margin-top:16px; padding-top:16px; border-top:1px solid var(--outline-var); }
.mtg-editor :is(input,textarea,select) { scroll-margin-block:100px 180px; }
.meeting-editor-outline { display:flex; flex-wrap:wrap; gap:8px; padding:4px 0; }
.meeting-editor-outline button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid var(--outline-var); border-radius:var(--r-chip); color:var(--on); background:var(--surface); font:inherit; cursor:pointer; }
.meeting-editor-outline button span { color:var(--on-var); font-size:.8em; font-variant-numeric:tabular-nums; }
.meeting-editor-outline button:hover { background:var(--sc); }
.meeting-composer .card > h2,.meeting-composer .card > h3 { scroll-margin-top:100px; }
.editor-save-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; align-items:center; padding:16px 0; border-top:1px solid var(--outline-var); }
.editor-save-bar .form-error { grid-column:1/-1; margin:0; }
.editor-save-bar .form-error:empty { display:none; }
.editor-save-bar .page-actions { margin:0; }
.editor-save-state { margin:0; color:var(--on-var); font-size:.9em; overflow-wrap:anywhere; }
@media(max-width:699px) {
  .editor-save-bar { position:sticky; bottom:calc(var(--bottom-h) + env(safe-area-inset-bottom) + 8px); padding:12px; background:var(--surface); border:1px solid var(--outline-var); border-radius:var(--r-card); box-shadow:0 4px 18px #0000000c; z-index:4; }
  .editor-save-bar .page-actions .btn { min-height:44px; }
  .meeting-editor-outline { gap:6px; }
  .meeting-editor-outline button { flex:1; justify-content:center; padding-inline:8px; }
}
.mtg-editor textarea[name=body] { min-height:420px; line-height:1.85; }
.mtg-reorder { display:flex; flex-wrap:wrap; gap:4px; }
.mtg-footer { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; padding:12px 0 24px; }
.mtg-projector { display:grid; justify-items:center; gap:12px; text-align:center; padding:32px; }
.mtg-projector:fullscreen { background:var(--surface); color:var(--on); overflow:auto; }
.mtg-qr { width:min(360px,100%); aspect-ratio:1; display:grid; place-items:center; }
.mtg-qr svg { width:100%; height:100%; }
@media(max-width:899px) { .mtg-columns,.mtg-decision-grid { grid-template-columns:1fr; } }
@media(max-width:599px) {
  .mtg-list-item { display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px 14px; padding:16px; align-items:start; }
  .mtg-date { width:64px; padding:10px 4px; grid-row:1 / span 2; }
  .mtg-date strong { font-size:26px; }
  .mtg-list-item .row-main { min-width:0; }
  .mtg-list-item > .mtg-state { grid-column:2; justify-self:start; }
  .mtg-list-item h2 { font-size:16px; }
  .mtg-fields { grid-template-columns:1fr; }
  .mtg-mascot { width:76px; height:76px; }
  .mtg-when { font-size:18px; }
  .mtg-stats { gap:8px; }
  .mtg-stats > div { padding:14px 6px; }
  .mtg-stats strong { font-size:22px; }
  .mtg-projector { padding:20px; }
  .mtg-editor textarea[name=body] { min-height:320px; }
}

.mtg-filters { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin:16px 0 24px; }
.mtg-filters .field { margin:0; min-width:180px; }
.mtg-history-list { list-style:none; padding:0; display:grid; gap:16px; }
.mtg-history-list > li { margin:0; border-left:3px solid var(--accent-container); }
.mtg-version-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.mtg-version-row p { flex-basis:100%; margin:0; }
.mtg-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mtg-comparison > h3 { grid-column:1/-1; margin-bottom:0; font-size:16px; }
.mtg-comparison > div { background:var(--sc); padding:16px; border-radius:var(--r-card); min-width:0; }
.mtg-comparison h4 { color:var(--on-var); font-size:13px; margin:0; }
.mtg-comparison .mtg-prose { max-height:420px; overflow:auto; }
.mtg-version-detail { margin-top:20px; }
@media(max-width:599px) { .mtg-comparison { grid-template-columns:1fr; } .mtg-filters .field { min-width:0; width:100%; } }