/* M13 กฎแจ้งเตือน (NTF-01, prefix .m13-) + M16 Activity Log (LOG-01, prefix .m16l-) — design tokens only */

/* ---------------------------------------------------------------- shared cells */
.m13-kpi { margin-bottom: var(--rv-space-1); }
.m13-card.is-active { border-color: var(--rv-primary-700); background: var(--rv-selected-bg); box-shadow: inset 0 0 0 1px var(--rv-primary-700); }
.m13-explain .rv-bullets { margin: 0; }
.m13-num { font-variant-numeric: tabular-nums; }

.m13-event { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.m13-event__label { font-weight: 500; color: var(--rv-text-primary); overflow-wrap: anywhere; }
.m13-event__spec { font-size: var(--rv-fs-small); line-height: var(--rv-lh-small); color: var(--rv-text-secondary); }
.m13-event__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.m13-event__meta code { font-size: var(--rv-fs-small); color: var(--rv-text-muted); }

.m13-recip { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.m13-recip__roles { display: flex; flex-wrap: wrap; gap: 4px; }
.m13-upd { display: inline-flex; flex-direction: column; gap: 0; min-width: 0; }

/* inline switches (NTF-01) */
.m13-switch { white-space: nowrap; }
.m13-switch__text { min-width: 3.5em; }
.m13-switch.is-disabled { cursor: not-allowed; color: var(--rv-text-muted); }

/* lead days (NTF-01) */
.m13-lead-text { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---------------------------------------------------------------- drawers + forms */
.m13-form .m13-sec, .m13-drawer .m13-sec { display: flex; flex-direction: column; gap: var(--rv-space-3); min-width: 0; }
.m13-sec__title { margin: 0; font-size: var(--rv-fs-body); line-height: var(--rv-lh-body); font-weight: 600; color: var(--rv-text-primary); }
.m13-sec + .m13-sec { padding-top: var(--rv-space-4); border-top: 1px solid var(--rv-divider); }
.m13-chrows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rv-space-3); }
.m13-chrow { display: flex; flex-direction: column; gap: var(--rv-space-2); min-width: 0; padding: var(--rv-space-3); border: 1px solid var(--rv-border); border-radius: var(--rv-radius-card); background: var(--rv-surface); }
.m13-chrow__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rv-space-2); }
.m13-chrow__head .rv-field { flex: 1 1 auto; }
.m13-lead { min-width: 0; }
.m13-lead__chips { display: flex; flex-wrap: wrap; gap: 6px; min-height: var(--rv-control-h); align-items: center; }
.m13-lead__add { display: flex; flex-wrap: wrap; gap: var(--rv-space-2); margin-top: var(--rv-space-2); align-items: center; }
.m13-lead__input { width: 120px; }

/* ---------------------------------------------------------------- LOG-01 (M16 Activity Log) */
.m16l-note { margin-bottom: 0; }
.m16l-id { font-size: var(--rv-fs-small); white-space: nowrap; }
.m16l-role { margin-top: 2px; }
.m16l-mod { display: inline-block; min-width: 0; overflow-wrap: anywhere; }
.m16l-sum { color: var(--rv-text-secondary); overflow-wrap: anywhere; }
.m16l-ip { font-variant-numeric: tabular-nums; }

/* ---------------------------------------------------------------- responsive */
@media (max-width: 767px) {
  .m13-chrows { grid-template-columns: minmax(0, 1fr); }
  .m13-lead__input { width: 100%; max-width: 160px; }
}