/* Meridiam meetings styles — extracted from index.html (build 783) */

  html[data-theme="light"] .mtg-card { background: var(--bg-surface); border-color: var(--border); }

  html[data-theme="light"] .mtg-btn-secondary { background: var(--bg-elevated); border-color: var(--border); color: var(--text-primary); }

  html[data-theme="light"] .mtg-stats { background: var(--bg-surface); }

  html[data-theme="light"] .mtg-stat { background: var(--bg-elevated); border-color: var(--border); }

  html[data-theme="light"] .mtg-search { background: var(--bg-elevated); border-color: var(--border); color: var(--text-primary); }

  html[data-theme="light"] .mtg-card { background: var(--bg-surface); border-color: var(--border); }

  html[data-theme="light"] .mtg-card-type { background: var(--bg-elevated); color: var(--text-secondary); }

  html[data-theme="light"] .mtg-participant { background: var(--bg-elevated); color: var(--text-primary); }

  html[data-theme="light"] .mtg-tabs { border-color: var(--border); }

  html[data-theme="light"] .mtg-link { background: var(--bg-elevated); border-color: var(--border); color: var(--text-primary); }

  html[data-theme="light"] .mtg-copy-btn { background: var(--bg-surface); border-color: var(--border); color: var(--text-secondary); }

  html[data-theme="light"] .mtg-conf-overlay { background: var(--bg-base); }

  html[data-theme="light"] .mtg-conf-toolbar { background: var(--bg-surface); border-color: var(--border); }

  html[data-theme="light"] .mtg-conf-sidebar { background: var(--bg-surface); border-color: var(--border); }

  html[data-theme="light"] .mtg-conf-sidebar-header { border-color: var(--border); color: var(--text-primary); }

  html[data-theme="light"] .mtg-conf-participant { border-color: var(--border); color: var(--text-primary); }

  html[data-theme="light"] .mtg-conf-controls { background: var(--bg-surface); border-color: var(--border); }

  html[data-theme="light"] .mtg-modal { background: var(--bg-surface); border-color: var(--border); }

  html[data-theme="light"] .mtg-modal-header { border-color: var(--border); color: var(--text-primary); }

  html[data-theme="light"] .mtg-form-group label { color: var(--text-secondary); }

  html[data-theme="light"] .mtg-member-chip { background: var(--bg-elevated); color: var(--text-primary); }

  html[data-theme="light"] .mtg-modal-footer { border-color: var(--border); }

  html[data-theme="light"] .mtg-conf-sidebar-tabs { border-bottom-color: var(--border); }

  html[data-theme="light"] .mtg-conf-title { color: var(--text-primary); }

  html[data-theme="light"] .mtg-transcript-text { color: var(--text-secondary); }

  html[data-theme="light"] .mtg-conf-p-name { color: var(--text-primary); }

  html[data-theme="light"] .mtg-modal-close { color: var(--text-primary); }

  .mtg-layout { padding:0 24px 24px; }

  .mtg-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap; }

  .mtg-header h2 { font-size:18px;font-weight:700;color:var(--text-primary, #f1f5f9);margin:0;display:flex;align-items:center;gap:10px; }

  .mtg-actions { display:flex;gap:8px; }

  .mtg-btn { padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.15s; }

  .mtg-btn-primary { background:#3b82f6;color:#fff; }

  .mtg-btn-primary:hover { background:#2563eb; }

  .mtg-btn-secondary { background:var(--bg-elevated, #1e293b);color:#94a3b8;border:1px solid var(--border, #334155); }

  .mtg-btn-secondary:hover { background:var(--border, #334155);color:#e2e8f0; }

  .mtg-btn-success { background:#10b981;color:#fff; }

  .mtg-btn-success:hover { background:#059669; }

  .mtg-stats { display:flex;gap:0;margin-bottom:16px;border-radius:10px;overflow:hidden;border:1px solid var(--border, #1e293b); }

  .mtg-stat { flex:1;padding:14px 16px;text-align:center;background:var(--bg-surface, #0f172a);border-right:1px solid var(--border, #1e293b);cursor:pointer;transition:background 0.15s; }

  .mtg-stat:last-child { border-right:none; }

  .mtg-stat:hover { background:var(--bg-elevated, #1e293b); }

  .mtg-stat.active { background:rgba(59,130,246,0.08);box-shadow:inset 0 -3px 0 #3b82f6; }

  .mtg-stat-val { font-size:22px;font-weight:700;line-height:1.2; }

  .mtg-stat-label { font-size:10px;text-transform:uppercase;letter-spacing:0.5px;color:#64748b;margin-top:2px; }

  .mtg-toolbar { display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap; }

  .mtg-search { flex:1;min-width:180px;padding:8px 12px 8px 34px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:13px;outline:none;transition:border-color 0.15s; }

  .mtg-search:focus { border-color:#3b82f6; }

  .mtg-search-wrap { position:relative;flex:1;min-width:180px; }

  .mtg-search-wrap svg { position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none; }

  .mtg-grid { display:grid;grid-template-columns:repeat(auto-fill, minmax(380px, 1fr));gap:16px; }

  .mtg-card { background:var(--bg-surface, #0f172a);border:1px solid var(--border, #1e293b);border-radius:12px;padding:20px;transition:border-color 0.2s,box-shadow 0.2s;position:relative; }

  .mtg-card:hover { border-color:#475569;box-shadow:0 4px 12px rgba(0,0,0,0.15); }

  .mtg-card-type { position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated, #1e293b); }

  .mtg-card-header { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px; }

  .mtg-card-title { font-size:15px;font-weight:600;color:var(--text-primary, #f1f5f9);padding-right:40px; }

  .mtg-card-time { font-size:12px;color:#64748b;margin-bottom:8px; }

  .mtg-card-host { font-size:12px;color:#94a3b8;margin-bottom:10px; }

  .mtg-card-participants { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px; }

  .mtg-participant { display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-elevated, #1e293b);border-radius:12px;font-size:11px;color:#94a3b8; }

  .mtg-participant-avatar { width:18px;height:18px;border-radius:50%;background:#1e3a5f;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#60a5fa; }

  .mtg-card-actions { display:flex;gap:8px;flex-wrap:wrap; }

  .mtg-template-item { display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary, #e2e8f0);cursor:pointer;text-align:left;transition:background 0.15s; }

  .mtg-template-item:hover { background:rgba(59,130,246,0.1); }

  #mtgRecordBtn.active { color:#f87171;background:rgba(239,68,68,0.15); }

  .mtg-summary-tag { display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;background:rgba(139,92,246,0.15);color:#a78bfa;margin-left:4px; }

  .mtg-lobby-badge { display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;background:rgba(245,158,11,0.12);color:#fbbf24; }

  .mtg-badge { display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600; }

  .mtg-badge-live { background:rgba(239,68,68,0.15);color:#f87171;animation:mtgPulse 2s infinite; }

  .mtg-badge-scheduled { background:rgba(59,130,246,0.15);color:#60a5fa; }

  .mtg-badge-ended { background:rgba(100,116,139,0.15);color:#64748b; }

  .mtg-empty { text-align:center;padding:60px 20px;color:#475569; }

  .mtg-empty svg { margin-bottom:16px;opacity:0.3; }

  .mtg-empty p { font-size:14px;margin:4px 0; }

  .mtg-tabs { display:inline-flex;gap:4px;background:var(--bg-surface, #0d1526);border-radius:8px;padding:3px;border:1px solid var(--border, #1e293b); }

  .mtg-tab { padding:7px 16px;border-radius:6px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;gap:6px; }

  .mtg-tab.active { background:#3b82f6;color:#fff; }

  .mtg-tab:hover:not(.active) { color:#94a3b8;background:rgba(255,255,255,0.04); }

  .mtg-tab-count { font-size:10px;background:rgba(255,255,255,0.15);padding:1px 6px;border-radius:10px;font-weight:700; }

  .mtg-tab.active .mtg-tab-count { background:rgba(255,255,255,0.25); }

  .mtg-card-relative { display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-bottom:8px; }

  .mtg-card-relative.soon { background:rgba(16,185,129,0.12);color:#10b981; }

  .mtg-card-relative.today { background:rgba(251,191,36,0.12);color:#fbbf24; }

  .mtg-card-relative.later { background:rgba(100,116,139,0.1);color:#94a3b8; }

  .mtg-section-title { font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px; }

  .mtg-link { display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1e293b;border-radius:8px;font-size:12px;color:#60a5fa;cursor:pointer;border:1px solid #334155;margin-bottom:10px; }

  .mtg-link:hover { background:#334155; }

  .mtg-link code { flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#60a5fa; }

  .mtg-copy-btn { padding:4px 10px;border-radius:4px;background:#334155;border:none;color:#94a3b8;font-size:11px;cursor:pointer; }

  .mtg-copy-btn:hover { background:#475569;color:#fff; }

  .mtg-conf-overlay { position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;background:#0f172a;transition:all 0.3s ease; }

  .mtg-conf-overlay.mtg-pip { inset:auto 16px 16px auto;width:380px;height:240px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.5);border:1px solid #334155;resize:both;overflow:hidden;cursor:move; }

  .mtg-conf-overlay.mtg-pip .mtg-conf-toolbar { padding:4px 8px; }

  .mtg-conf-overlay.mtg-pip .mtg-conf-sidebar { display:none; }

  .mtg-conf-overlay.mtg-pip .mtg-conf-controls { padding:4px;gap:4px; }

  .mtg-conf-overlay.mtg-pip .mtg-conf-controls .call-ctrl-btn { width:32px;height:32px; }

  .mtg-conf-overlay.mtg-pip .mtg-conf-controls .call-btn-end { width:40px;height:32px; }

  .mtg-conf-overlay.mtg-pip #mtgRecordLabel { display:none !important; }

  .mtg-conf-toolbar { display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1e293b;border-bottom:1px solid #334155;z-index:2; }

  .mtg-conf-title { font-size:14px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:10px; }

  .mtg-conf-timer { font-size:12px;color:#10b981;font-family:'SF Mono',Monaco,Consolas,monospace; }

  .mtg-conf-body { flex:1;display:flex;overflow:hidden; }

  .mtg-conf-main { flex:1;display:flex;flex-direction:column;position:relative; }

  .mtg-conf-iframe { flex:1;border:none;width:100%;height:100%; }

  .mtg-conf-sidebar { width:280px;background:#0d1526;border-left:1px solid #1e293b;display:flex;flex-direction:column;overflow:hidden; }

  .mtg-conf-sidebar.hidden { display:none; }

  .mtg-conf-sidebar-header { padding:12px 16px;border-bottom:1px solid #1e293b;font-size:13px;font-weight:600;color:#f1f5f9; }

  .mtg-conf-sidebar-tabs { display:flex;border-bottom:1px solid #1e293b; }

  .mtg-sidebar-tab { flex:1;padding:10px 8px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;border-bottom:2px solid transparent; }

  .mtg-sidebar-tab.active { color:#60a5fa;border-bottom-color:#3b82f6;background:rgba(59,130,246,0.05); }

  .mtg-sidebar-tab:hover:not(.active) { color:#94a3b8; }

  .mtg-transcript-entry { padding:6px 12px;border-bottom:1px solid rgba(30,41,59,0.5);font-size:12px;line-height:1.5; }

  .mtg-transcript-entry:last-child { border-bottom:none; }

  .mtg-transcript-speaker { font-weight:600;color:#60a5fa;font-size:11px; }

  .mtg-transcript-time { font-size:10px;color:#475569;margin-left:6px; }

  .mtg-transcript-text { color:#cbd5e1;margin-top:2px; }

  .mtg-transcript-interim { color:#475569;font-style:italic; }

  #mtgTranscriptBtn.active { color:#60a5fa;background:rgba(59,130,246,0.15); }

  .mtg-transcript-badge { display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;background:rgba(59,130,246,0.15);color:#60a5fa;margin-left:4px; }

  .mtg-conf-participants { flex:1;overflow-y:auto;padding:8px; }

  .mtg-conf-participant { display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px; }

  .mtg-conf-participant:hover { background:#1e293b; }

  .mtg-conf-p-avatar { width:32px;height:32px;border-radius:50%;background:#1e3a5f;border:2px solid #3b82f6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#60a5fa; }

  .mtg-conf-p-name { font-size:13px;color:#e2e8f0; }

  .mtg-conf-p-role { font-size:11px;color:#64748b; }

  .mtg-conf-controls { display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#1e293b;border-top:1px solid #334155; }

  .mtg-modal-bg { position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center; }

  .mtg-modal { background:#0f172a;border:1px solid #1e293b;border-radius:12px;width:480px;max-width:90vw;max-height:85vh;overflow-y:auto; }

  .mtg-modal-header { display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #1e293b; }

  .mtg-modal-header h3 { font-size:16px;font-weight:700;color:#f1f5f9;margin:0; }

  .mtg-modal-close { background:none;border:none;color:#64748b;cursor:pointer;padding:4px; }

  .mtg-modal-close:hover { color:#f1f5f9; }

  .mtg-modal-body { padding:20px; }

  .mtg-form-group { margin-bottom:16px; }

  .mtg-form-group label { display:block;font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:6px; }

  .mtg-form-group input, .mtg-form-group select, .mtg-form-group textarea { width:100%;padding:8px 12px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:13px;box-sizing:border-box; }

  .mtg-form-group input:focus, .mtg-form-group select:focus, .mtg-form-group textarea:focus { outline:none;border-color:#3b82f6; }

  .mtg-form-row { display:flex;gap:12px; }

  .mtg-form-row .mtg-form-group { flex:1; }

  .mtg-member-list { display:flex;flex-wrap:wrap;gap:6px;margin-top:8px; }

  .mtg-member-chip { display:flex;align-items:center;gap:4px;padding:4px 10px;background:#1e293b;border:1px solid #334155;border-radius:16px;font-size:12px;color:#e2e8f0;cursor:pointer;transition:all 0.15s; }

  .mtg-member-chip.selected { background:rgba(59,130,246,0.2);border-color:#3b82f6;color:#60a5fa; }

  .mtg-member-chip:hover { border-color:#475569; }

  .mtg-part-chips { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px; }
  .mtg-part-chips:empty { display:none; }
  .mtg-part-chip { display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px;background:rgba(59,130,246,0.18);border:1px solid #3b82f6;border-radius:14px;font-size:12px;color:#bfdbfe; }
  .mtg-part-chip-x { background:transparent;border:0;color:#bfdbfe;cursor:pointer;font-size:14px;line-height:1;padding:0 6px;border-radius:50%; }
  .mtg-part-chip-x:hover { background:rgba(255,255,255,0.12);color:#fff; }
  .mtg-part-picker { position:relative; }
  .mtg-part-dropdown { position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:240px;overflow-y:auto;background:#0f172a;border:1px solid #334155;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.4);z-index:10; }
  .mtg-part-row { display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;color:#e2e8f0;cursor:pointer; }
  .mtg-part-row:hover { background:#1e293b; }
  .mtg-part-role { font-size:11px;color:#64748b; }
  .mtg-part-empty { padding:10px 12px;font-size:12px;color:#64748b;font-style:italic; }
  html[data-theme="light"] .mtg-part-chip { background:#dbeafe;border-color:#3b82f6;color:#1e40af; }
  html[data-theme="light"] .mtg-part-chip-x { color:#1e40af; }
  html[data-theme="light"] .mtg-part-dropdown { background:var(--bg-elevated);border-color:var(--border); }
  html[data-theme="light"] .mtg-part-row { color:var(--text-primary); }
  html[data-theme="light"] .mtg-part-row:hover { background:var(--bg-hover); }

  .mtg-modal-footer { display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #1e293b; }

  /* Build 1006 Phase B — meetings mobile rules.
     `.mtg-grid` is `auto-fill, minmax(380px, 1fr)` — at 390px viewport
     that gives one column anyway, but the meeting card itself has
     fixed-width children. Drop the minmax floor on mobile. */
  @media (max-width: 640px) {
    .mtg-grid { grid-template-columns: 1fr; gap: 12px; }
    .mtg-card { padding: 12px; }
    .mtg-modal-footer { padding: 10px 12px; flex-wrap: wrap; }
    .mtg-part-dropdown { max-width: calc(100vw - 32px); }
  }