/* ChatBase — 📋 Meetings+ (meetingplus.js) */
#mplus { margin-top: 18px; }
.mp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mp-col { display: flex; flex-direction: column; gap: 14px; }
.mp-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 14px; }
.mp-card h4 { margin: 0 0 10px; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.mp-count { background: rgba(52,232,176,.18); color: #5ef0c0; border-radius: 999px; padding: 1px 9px; font-size: 12px; }
.mp-muted { color: var(--neo-dim, rgba(235,235,245,.55)); font-size: 12.5px; }
.mp-here { display: flex; flex-wrap: wrap; gap: 5px; }
.mp-pill { background: rgba(255,255,255,.08); border-radius: 999px; padding: 3px 10px; font-size: 12px; }
.mp-row { display: flex; gap: 6px; margin-top: 8px; }
.mp-row input, #mpPollForm input, #mpPollForm textarea { flex: 1; padding: 8px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.25); color: inherit; font: inherit; }
.mp-row button, #mpPollForm button, #mpAgendaForm button { font: inherit; font-weight: 700; cursor: pointer; padding: 8px 14px; border-radius: 9px; border: none; background: var(--gradient-purple, linear-gradient(135deg,#8ab4ff,#b69cff)); color: #10132a; }
.mp-ag { display: flex; align-items: center; gap: 8px; font-size: 13.5px; padding: 4px 0; }
.mp-ag.mp-done span { text-decoration: line-through; opacity: .6; }
.mp-ag span { flex: 1; }
.mp-prog { height: 6px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; margin-bottom: 8px; }
.mp-prog span { display: block; height: 100%; background: linear-gradient(90deg,#34e8b0,#8ab4ff); border-radius: 999px; transition: width .3s; }
.mp-x { background: none; border: none; color: rgba(255,255,255,.5); cursor: pointer; font-size: 12px; }
.mp-x:hover { color: #ff8aa0; }
.mp-newpoll { margin-top: 8px; font-size: 12.5px; }
.mp-newpoll summary { cursor: pointer; color: var(--neo-dim, rgba(235,235,245,.7)); }
#mpPollForm { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.mp-pollq { font-weight: 700; font-size: 14px; margin-bottom: 8px; }
.mp-opt { position: relative; display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; font: inherit; cursor: pointer; padding: 9px 11px; margin-bottom: 5px; border-radius: 10px; border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.04); color: inherit; overflow: hidden; }
.mp-opt-bar { position: absolute; inset: 0 auto 0 0; background: rgba(138,180,255,.25); border-radius: 10px; transition: width .4s; }
.mp-opt-t { position: relative; flex: 1; font-size: 13px; }
.mp-opt-n { position: relative; font-size: 12px; font-weight: 700; }
.mp-mine { border-color: #8ab4ff; }
.mp-link { background: none; border: none; color: #8ab4ff; cursor: pointer; font: inherit; text-decoration: underline; }
.mp-qlist { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; max-height: 240px; overflow-y: auto; }
.mp-q { display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.03); border-radius: 10px; padding: 7px 10px; }
.mp-q-b { flex: 1; font-size: 13px; }
.mp-upv { font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; padding: 4px 9px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); color: inherit; white-space: nowrap; }
.mp-upv-on { border-color: #8ab4ff; color: #8ab4ff; }
.mp-react { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 14px; }
.mp-react-lbl { font-size: 12.5px; color: var(--neo-dim, rgba(235,235,245,.6)); }
.mp-react-btn { font-size: 20px; cursor: pointer; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 4px 9px; }
.mp-react-btn:active { transform: scale(.85); }
#mpReactLayer { position: fixed; inset: 0; pointer-events: none; z-index: 99950; overflow: hidden; }
.mp-float { position: absolute; bottom: 80px; font-size: 34px; animation: mpFloat 2.6s ease-out forwards; }
@keyframes mpFloat { 0% { opacity: 0; transform: translateY(0) scale(.5); } 15% { opacity: 1; transform: translateY(-20px) scale(1.1); } 100% { opacity: 0; transform: translateY(-320px) scale(1); } }
@media (max-width: 700px) { .mp-grid { grid-template-columns: 1fr; } }