.ma-dialog { border:0; border-radius:24px; padding:0; width:min(720px,94vw); max-height:90vh; background:#fff; color:#292524; font-family:inherit; font-weight:600; box-shadow:0 24px 70px #0004; }
.ma-dialog::backdrop { background:#1c1917aa; }
.ma-dialog header,.ma-dialog footer { display:flex; align-items:center; gap:12px; padding:20px 24px; }
.ma-dialog header { justify-content:space-between; border-bottom:1px solid #e7e5e4; }
.ma-dialog header h3 { margin:0; font-size:20px; font-weight:800; }
.ma-dialog header button { min-width:36px; min-height:36px; font-size:26px; }
.ma-dialog footer { justify-content:flex-end; border-top:1px solid #e7e5e4; }
.ma-dialog-body { padding:16px 24px; overflow:auto; max-height:63vh; line-height:1.7; }
.ma-dialog-body p { margin:8px 0 16px; }
.ma-dialog-body label { display:block; margin:14px 0; font-size:14px; }
.ma-dialog-body input:not([type=checkbox]),.ma-dialog-body textarea,.ma-dialog-body select { display:block; box-sizing:border-box; border:2px solid #d6d3d1; border-radius:10px; background:#fff; padding:10px 12px; width:100%; font:inherit; color:#292524; }
.ma-dialog-body input:disabled { background:#f5f5f4; color:#78716c; }
.ma-dialog-body .ma-check { display:flex; align-items:flex-start; gap:10px; }
.ma-check input { margin-top:6px; width:18px; height:18px; accent-color:#ea580c; flex-shrink:0; }
.ma-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ma-button { display:inline-flex; justify-content:center; align-items:center; gap:6px; min-height:38px; padding:8px 12px; background:#f5f5f4; color:#44403c; border:1px solid #d6d3d1; border-radius:10px; font-size:13px; font-weight:800; cursor:pointer; white-space:normal; }
.ma-button:hover { border-color:#ea580c; color:#9a3412; }
.ma-button.ma-primary { color:#fff; background:#c2410c; border-color:#c2410c; }
.ma-button.ma-secondary { color:#fff; background:#0f766e; border-color:#0f766e; }
.ma-app-link { box-sizing:border-box; width:100%; min-height:52px; font-size:16px; text-decoration:none; }
.ma-button:disabled { opacity:.55; cursor:wait; }
.ma-button[hidden] { display:none; }
.ma-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.ma-actions .ma-button { flex:1; min-height:44px; }
.ma-muted { color:#57534e; font-size:12px; line-height:1.7; margin-top:10px; font-weight:600; }
.ma-error { color:#b91c1c; padding:0 24px; font-size:14px; white-space:pre-wrap; }
.ma-error:empty { display:none; }
.ma-summary { background:#fff7ed; border:1px solid #fed7aa; border-radius:14px; padding:12px 16px; color:#9a3412; }
.ma-summary:nth-child(2) { background:#eff6ff; border-color:#bfdbfe; color:#1e40af; }
.ma-summary:nth-child(3) { background:#f0fdfa; border-color:#99f6e4; color:#115e59; }
.ma-summary span { display:block; font-size:12px; font-weight:700; }
.ma-summary strong { display:block; font-size:22px; }
.ma-history { margin:16px 0; padding:16px; background:#fafaf9; border:1px solid #d6d3d1; border-radius:12px; overflow-wrap:anywhere; }
.ma-history h4 { font-weight:800; }
.ma-history p { margin:6px 0; font-size:13px; }
#meeting-attendance-tbody td { white-space:normal; min-width:105px; }
#meeting-attendance-tbody .ma-button { margin:3px; white-space:nowrap; }
@media(max-width:560px) { .ma-grid { grid-template-columns:1fr; gap:0; } .ma-dialog header,.ma-dialog footer { padding:14px 16px; } .ma-dialog-body { padding:12px 16px; } }