/* 1.2.93 m3 — ✉️ Messages · 🚨 Urgent siren · 🛏 room / bed · 🔑 pickup note (Base44 look: green #2C542F, gold #DEAA14, dark green #183318) */
.m3-seg { display: flex; flex-wrap: wrap; gap: 6px; }
.m3-seg button { flex: 1 1 0; min-width: 0; white-space: nowrap; }
.m3-fc .m3-in { width: 100%; font-size: 15px; line-height: 1.4; }
.m3-fc textarea.m3-in { resize: vertical; min-height: 64px; }
.m3-keys { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; direction: ltr; }
.m3-key { border: 1px solid rgba(44, 84, 47, .35); background: rgba(44, 84, 47, .08); color: #2C542F; border-radius: 999px; padding: 3px 10px; font-size: 12.5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; cursor: pointer; }
.m3-key:active { background: rgba(44, 84, 47, .2); }
.m3-bad { margin-top: 6px; color: #b91c1c; font-size: 13px; }
.m3-prev { margin: 4px 0 0; padding: 10px 12px; border-radius: 10px; background: #f4f6f2; border: 1px solid rgba(24, 51, 24, .12); white-space: pre-wrap; word-break: break-word; font: 14px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; color: #183318; max-height: 220px; overflow: auto; }
.m3-help summary { cursor: pointer; }
.m3-srl { display: flex; flex-direction: column; gap: 6px; }
.m3-sr { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid rgba(24, 51, 24, .15); border-radius: 10px; cursor: pointer; }
.m3-sr.on { border-color: #DEAA14; background: rgba(222, 170, 20, .1); }
.m3-sr input { accent-color: #2C542F; }
.m3-up { margin-top: 12px; }
.m3-pv { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; margin-top: 6px; font-size: 14px; }
.m3-k { color: #2C542F; font-weight: 600; white-space: nowrap; }
.m3-nt { white-space: pre-wrap; word-break: break-word; }
.m3-mrow { margin-top: 8px; padding: 8px 10px; border-radius: 10px; background: rgba(222, 170, 20, .12); border: 1px solid rgba(222, 170, 20, .45); }
.m3-mrow .m3-pv:first-child, .m3-det .m3-pv:first-child { margin-top: 0; }
.m3-det { margin: 10px 0; padding: 10px 12px; border-radius: 10px; background: rgba(222, 170, 20, .12); border: 1px solid rgba(222, 170, 20, .45); }
.m3-ffh { margin: -4px 0 10px; }
.dark .m3-prev { background: #12241a; color: #e8efe6; border-color: rgba(255, 255, 255, .12); }
.dark .m3-key { color: #cfe3cc; border-color: rgba(207, 227, 204, .35); background: rgba(207, 227, 204, .08); }
.dark .m3-k { color: #DEAA14; }
.dark .m3-sr { border-color: rgba(255, 255, 255, .15); }
[dir="rtl"] .m3-prev { text-align: right; }
.m3-fl { margin: 6px 0; padding-inline-start: 18px; } .m3-fl li { margin: 3px 0; } .m3-fl code { font-size: 12.5px; color: #2C542F; } .dark .m3-fl code { color: #DEAA14; }

/* 1.2.93 📻 Radio per member (m5.js) — Base44 colors */
.m5-main { display: flex; align-items: center; gap: 10px; }
.m5-sw { position: relative; flex: none; width: 46px; height: 28px; border-radius: 999px; border: 1px solid hsl(var(--border)); background: hsl(var(--muted, 0 0% 85%)); padding: 0; cursor: pointer; transition: background .15s; }
.m5-sw span { position: absolute; top: 3px; inset-inline-start: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.3); transition: inset-inline-start .15s; }
.m5-sw.on { background: #2C542F; border-color: #2C542F; } .m5-sw.on span { inset-inline-start: 21px; }
.m5-adm { margin: 12px 0 8px; padding: 8px 10px; border-radius: 10px; background: hsl(var(--secondary)); }
.m5-card [data-m5q] { width: 100%; margin-bottom: 8px; }
.m5-bar { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.m5-list { max-height: 56vh; overflow: auto; border: 1px solid hsl(var(--border)); border-radius: 12px; }
.m5-row { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-bottom: 1px solid hsl(var(--border)); } .m5-row:last-child { border-bottom: none; }
.m5-who { flex: 1; min-width: 0; text-align: start; background: none; border: none; padding: 4px 0; color: inherit; cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
.m5-who:disabled { cursor: default; }
.m5-tag { flex-basis: 100%; color: #8a6a0c; } .dark .m5-tag { color: #DEAA14; }
.m5-ch { padding: 8px 0; border-bottom: 1px solid hsl(var(--border)); } .m5-ch:last-of-type { border-bottom: none; }
.m5-chn { margin-bottom: 6px; }
.m5-lv { display: flex; flex-wrap: wrap; } .m5-lv button { flex: 1 1 auto; min-width: 0; padding-inline: 4px; font-size: 12.5px; white-space: nowrap; }
.dark .m5-sw.on { background: #DEAA14; border-color: #DEAA14; } .dark .m5-sw.on span { background: #183318; }
.m5-row[hidden] { display: none; }

/* 1.2.93 ITEM 6 🔘 Features page: pending changes + sticky Save bar (featpage.js) */
.fp-ghead { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 4px; } .fp-ghead .card-title { margin-bottom: 0; min-width: 0; }
.fp-row.fp-pending { background: rgba(222,170,20,.14); box-shadow: inset 3px 0 0 #DEAA14; border-radius: 10px; padding-inline-start: 8px; }
[dir="rtl"] .fp-row.fp-pending { box-shadow: inset -3px 0 0 #DEAA14; }
.fp-will { margin-top: 4px; font-weight: 600; color: #8a6a0c; } .dark .fp-will { color: #DEAA14; }
.fp-bar { position: sticky; bottom: calc(10px + var(--sab, 0px)); z-index: 30; display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 12px; border-radius: 14px; background: #183318; color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.35); border: 1px solid #2C542F; }
.fp-bar .btn-outline { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); } .fp-bar .btn-primary { background: #DEAA14; border-color: #DEAA14; color: #183318; }
.fp-bar-n { min-width: 0; }