.mg-card { padding: 12px 0; border-bottom: 1px solid #e4ebf2; } .mg-card:last-child { border-bottom: 0; }
.mg-tl { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 8px; } .mg-tl li { padding: 8px 10px; border-left: 3px solid #cbd7e2; background: #f8fafc; } .mg-tl li.staff { border-left-color: #2b6cb0; } .mg-tl li.int { border-left-color: #b7791f; background: #fffaf0; } .mg-tl li.notice { border-left-color: #c05621; } .mg-tl p { margin: 4px 0 0; }
.mg-act { display: inline-block; text-align: left; margin: 4px 4px 4px 0; } .mg-act > summary { list-style: none; cursor: pointer; } .mg-act[open] { display: block; padding: 10px; border: 1px solid #cbd7e2; border-radius: 8px; background: #f8fafc; }
.mg-reply { margin-top: 8px; } .mg-inline { display: inline-block; margin: 4px 4px 0 0; }