/* palummu meetings widget — complements app.css */
.meeting-panel .meet-list{padding-top:4px}
.meeting{border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:14px;background:#fff}
.meeting:last-child{margin-bottom:0}
.meeting-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.meeting-head .actions{display:flex;gap:8px;flex-shrink:0}
.meeting-summary{white-space:pre-wrap;line-height:1.6;font-size:.92rem;margin:8px 0}
.meeting-notes{margin:8px 0;font-size:.9rem}
.meeting-notes summary{cursor:pointer;color:var(--muted)}
.meeting-notes p{white-space:pre-wrap;line-height:1.6;margin-top:6px}
.meeting-items{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.meeting-items li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.88rem}
.meeting-items li.is-done{background:var(--bg)}
.meet-check{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer}
.meet-check input{accent-color:var(--green, #1a7f4e)}
.meet-item-title{flex:1;min-width:0}
.meeting-items li.is-done .meet-item-title{text-decoration:line-through;color:var(--muted)}
/* Meeting filter bar — date/department/status stay on ONE row on mobile +
   desktop; horizontal scroll fallback on narrow screens (spec item 34).
   Contract: app.js wraps its meeting filter controls in
   <div class="meeting-filters">…</div> with compact .select/inputs. */
.meeting-filters{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:8px 2px;margin-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.meeting-filters .select,.meeting-filters input[type="date"],.meeting-filters input[type="search"]{flex:0 0 auto;min-height:36px;height:36px;font-size:.85rem;padding:6px 10px;white-space:nowrap}
.meeting-filters .select{max-width:190px}
/* Meeting activity modal — Save + X sit top-right in the dialoghead */
.mact-top{display:flex;align-items:center;gap:8px;flex-shrink:0}
.mact-top .btn{min-height:38px}
.mact .actions{margin:10px 0 0}
.mact-escalate{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fafbfd}
.mact-escalate .field{margin-top:10px;margin-bottom:10px}
@media(max-width:640px){.meeting-head{flex-direction:column}.meeting-items li{flex-wrap:wrap}}