.mw-log { display: flex; flex-direction: column; gap: 12px; }

.mw-log-note {
  margin: 0; font-size: 12.5px; line-height: 1.7;
  color: var(--warm-sub, var(--mw-muted));
}




.mw-log-search {
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px;
  padding: 14px; border-radius: 12px;
  background: var(--warm-bg, var(--mw-surface-sunken));
  border: 1px solid var(--warm-line, var(--mw-line));
}
.mw-log-search label {
  display: flex; flex-direction: column; gap: 5px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .02em;
  color: var(--warm-sub, var(--mw-muted));
}
.mw-log-search .f-q { flex: 3 1 200px; }
.mw-log-search .f-date { flex: 1 1 140px; }
.mw-log-search .f-kind { flex: 2 1 170px; }

.mw-log-search input,
.mw-log-search select {
  width: 100%; box-sizing: border-box; height: 38px; padding: 0 10px;
  font-family: inherit; font-size: 13px;
  color: var(--warm-ink, var(--mw-ink));
  background: var(--warm-card, var(--mw-surface));
  border: 1px solid var(--warm-line, var(--mw-line-strong));
  border-radius: 9px;
  transition: border-color var(--mw-dur) var(--mw-ease), box-shadow var(--mw-dur) var(--mw-ease);
}


.mw-log-search input:focus,
.mw-log-search select:focus {
  outline: none;
  border-color: var(--accent, var(--mw-accent));
  box-shadow: 0 0 0 3px var(--accent-soft, var(--mw-accent-soft));
}

:root[data-theme="dark"] .mw-log-search input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1) opacity(.7); }



.mw-log-search .f-go { display: flex; gap: 8px; flex: 0 0 auto; }
.mw-log-search .f-go .btn { height: 38px; }

@media (max-width: 560px) {
  .mw-log-search { padding: 12px; gap: 8px; }
  .mw-log-search .f-go { flex: 1 1 100%; }
  .mw-log-search .f-go .btn { flex: 1 1 0; }
}


.mw-log-summary {
  font-size: 12px; font-weight: 700;
  color: var(--warm-sub, var(--mw-muted));
  font-variant-numeric: tabular-nums;
}
.mw-log-summary:empty { display: none; }







.mw-log-table table { table-layout: auto; }
.mw-log-table td.c-at {
  font-variant-numeric: tabular-nums;
  color: var(--warm-sub, var(--mw-muted));
  white-space: nowrap;
}

.mw-log-table td.c-what { font-weight: 700; }
.mw-log-table td.c-co { color: var(--warm-ink, var(--mw-ink)); }
.mw-log-table td.c-target {
  color: var(--warm-sub, var(--mw-muted));
  word-break: break-all;
}




.log-detail { line-height: 1.5; }
.log-detail .log-head { font-weight: 700; color: var(--warm-ink, var(--mw-ink)); }
.log-detail .log-rest {
  font-size: 12px; margin-top: 2px;
  color: var(--warm-sub, var(--mw-ink-soft, var(--mw-muted)));
}
.log-detail .log-raw {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px;
  word-break: break-all;
  color: var(--warm-sub, var(--mw-ink-soft, var(--mw-muted)));
}


@media (max-width: 640px) {
  .mw-log-table td.c-what { font-weight: 600; }
  .mw-log-table td.c-at { white-space: normal; }
}

.mw-log-empty {
  padding: 28px 14px; text-align: center; font-size: 13px;
  color: var(--warm-sub, var(--mw-muted));
  background: var(--warm-bg, var(--mw-surface-sunken));
  border: 1px dashed var(--warm-line, var(--mw-line));
  border-radius: 12px;
}


.mw-log-more { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.mw-log-more:empty { display: none; }