.mf-panel { margin: 28px 0 36px; padding: 22px; border: 1px solid var(--border-strong, #d1d5db); background: var(--surface, #fff); font-size: 15px; line-height: 1.7; }
.mf-panel h2 { margin: 0 0 12px; font-size: 23px; }
.mf-panel h3 { margin: 18px 0 10px; font-size: 17px; }
.mf-panel p { margin: 8px 0; overflow-wrap: anywhere; }
.mf-note, .mf-record-meta { color: var(--muted); font-size: 13px; }
.mf-context-form, .mf-record-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0; }
.mf-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mf-panel input, .mf-panel select, .mf-panel textarea, .mf-check-state { box-sizing: border-box; width: 100%; min-width: 0; padding: 9px; border: 1px solid var(--border-strong, #d1d5db); background: #fff; color: var(--fg); font: inherit; font-size: 16px; border-radius: 2px; }
.mf-panel textarea { resize: vertical; }
.mf-panel button { padding: 10px 14px; min-height: 44px; border: 1px solid var(--forest); background: transparent; color: var(--forest); font: inherit; cursor: pointer; }
.mf-panel button[type=submit] { background: var(--forest); color: #fff; }
.mf-panel a { color: var(--forest); text-decoration: underline; text-underline-offset: 3px; }
.mf-context-title { font-weight: 600; }
.mf-status { min-height: 1.7em; color: var(--forest); font-size: 13px; }
.mf-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 16px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.mf-stats strong, .mf-stats span { display: block; }
.mf-stats strong { font-size: 24px; color: var(--forest); }
.mf-stats span { font-size: 12px; color: var(--muted); }
.mf-tool-links, .mf-backup-actions, .mf-record-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 18px 0; }
.mf-record { padding: 16px 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.mf-record h3 { margin-top: 6px; }
.mf-record .mf-overdue { color: #9b4938; }
.mf-panel summary { min-height: 44px; padding: 10px 0; cursor: pointer; color: var(--forest); box-sizing: border-box; }
.mf-panel .mf-record-form > .mf-note, .mf-panel .mf-record-form > button { grid-column: 1 / -1; }
.mf-check-print { display: none; }
.mf-panel :is(button, input, select, textarea, a, summary):focus-visible { outline: 2px solid var(--forest); outline-offset: 3px; }
@media(max-width:700px) { .mf-panel { padding: 16px; } .mf-context-form, .mf-record-form { grid-template-columns: 1fr; } .mf-stats { grid-template-columns: 1fr 1fr; } .mf-backup-actions { display: grid; grid-template-columns: 1fr 1fr; } }
@media print {
  .mf-context-form, .mf-record-controls, .mf-record-editor, .mf-new-record, .mf-backup-actions, .mf-tool-links, .mf-panel > .mf-note, .mf-status, .mf-check-state { display: none !important; }
  .mf-check-print { display: inline; }
  .mf-panel { border: 0; padding: 0; margin: 0; }
  .mf-record { break-inside: avoid; }
  .mf-overview-print .article-shell > :not([data-mflow]), .mf-overview-print .topic-nav, .mf-overview-print .topic-footer { display: none !important; }
  .mf-overview-print .article-shell { width: 100%; max-width: none; padding: 0; }
}