/* UI with filter form */
.mm-ui { max-width: 980px; margin: 0 auto; color: #111; }
.mm-ui__header { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:12px; }
.mm-ui__header h2 { margin:0; font-weight:700; }
.mm-ui__header h2 span { font-weight:400; color:#666; margin-left:8px; }
.mm-ui__header-actions { margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.mm-ui__period { margin-left:12px; color:#666; }
.mm-filter select, .mm-filter input[type="date"] { border:1px solid #e5e7eb; border-radius:6px; padding:6px; }
.mm-btn { border:1px solid #e5e7eb; background:#fff; padding:8px 12px; border-radius:6px; cursor:pointer; }
.mm-btn--ghost { background:#fff; }
.mm-btn--primary { background:#0ea5e9; border-color:#0ea5e9; color:#fff; font-weight:600; }
.mm-ui__cards { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; margin:16px 0 10px; }
.mm-card { border:1px solid #e5e7eb; border-radius:10px; padding:12px; }
.mm-card__label { font-size:12px; color:#555; }
.mm-card__value { font-size:22px; font-weight:700; margin-top:6px; }
.mm-card__sub { font-size:12px; color:#888; }
.mm-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }
.mm-level { border:1px solid #e5e7eb; border-radius:10px; padding:12px; }
.mm-level__header { display:flex; justify-content:space-between; font-weight:600; margin-bottom:8px; }
.mm-level__row { margin:4px 0; }
.mm-level__sub { font-size:12px; color:#999; }
.widefat { width: 100%; border-collapse: collapse; }
.widefat th, .widefat td { padding: 10px; border: 1px solid #e5e7eb; }
.widefat thead th { background:#f8fafc; }
@media (max-width: 900px){
  .mm-ui__cards, .mm-grid { grid-template-columns: repeat(2, 1fr); }
}

.mm-btn--black { background:#111; border-color:#111; color:#fff; }
.mm-btn--black:hover{ opacity:.92; }