.mf-anon-report-form *{ box-sizing:border-box; }

.mf-ar-wrap{
  width:100%;
  max-width:720px;
  margin:0 auto;
  padding:0 12px;
}

.mf-alert{
  width:100%;
  border-radius:10px;
  padding:12px 14px;
  margin:10px 0 14px 0;
  font-weight:700;
  line-height:1.35;
}

.mf-alert-success{
  background:#e9f7ee;
  border:1px solid #2e7d32;
  color:#1b5e20;
}

.mf-hide{
  opacity:0;
  max-height:0;
  margin:0;
  padding:0;
  overflow:hidden;
  transition: opacity .25s ease, max-height .25s ease, margin .25s ease, padding .25s ease;
}

.mf-anon-report-form label{
  display:block;
  font-weight:800;
  margin:14px 0 8px 0;
}

.mf-anon-report-form input[type="text"],
.mf-anon-report-form input[type="date"],
.mf-anon-report-form select,
.mf-anon-report-form textarea{
  width:100%;
  min-height:46px;
  border:1px solid #d6a24a;
  border-radius:8px;
  padding:10px 12px;
  background:#fff;
  font-size:16px;
}

.mf-anon-report-form textarea{
  min-height:120px;
  resize:vertical;
}

.mf-toggle{
  display:flex;
  gap:12px;
}

.mf-toggle-btn{
  border:1px solid #d6a24a;
  border-radius:8px;
  padding:10px 16px;
  font-weight:800;
  background:#f8f5ee;
  color:#111 !important; /* prevent theme overrides causing invisible text */
  cursor:pointer;
  min-width:96px;
}

.mf-toggle-btn.is-active{
  background:#caa24a;
  color:#111;
}

.mf-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:16px 0 10px 0;
}

.mf-btn{
  border:0;
  border-radius:8px;
  padding:12px 16px;
  font-weight:900;
  cursor:pointer;
}

.mf-btn-primary{ background:#2e7d32; color:#fff; }
.mf-btn-secondary{ background:#eef2f5; color:#222; }

.mf-btn-sm{
  padding:8px 12px;
  border-radius:8px;
  font-weight:900;
}

/* Meta bar */
.mf-ar-meta-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,0.10);
  border-radius:10px;
  background:#fff;
  margin:10px 0 14px 0;
}

.mf-ar-meta-item{ font-weight:800; }

.mf-ar-meta-actions{ margin-left:auto; }

.mf-ar-after-submit{ margin: 0 0 14px 0; }

@media (max-width: 768px){
  .mf-ar-wrap{ padding:0 10px; }
  .mf-actions{ flex-direction:column; }
  .mf-actions .mf-btn{ width:100%; }
  .mf-toggle{ width:100%; }
  .mf-toggle-btn{ flex:1; }
  .mf-ar-meta-bar{ flex-direction:column; align-items:flex-start; }
  .mf-ar-meta-actions{ margin-left:0; width:100%; }
  .mf-ar-meta-actions a{ width:100%; display:inline-block; text-align:center; }
}

/* ===============================
   Public Search UI
=============================== */
.mf-ar-search{ margin: 6px 0 14px 0; }

.mf-ar-search-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.mf-ar-search-row input[type="search"]{
  flex: 1 1 280px;
  min-height:46px;
  border:1px solid #d6a24a;
  border-radius:8px;
  padding:10px 12px;
  background:#fff;
  font-size:16px;
}

.mf-ar-search-row select{
  flex: 0 0 140px;
  min-height:46px;
  border:1px solid #d6a24a;
  border-radius:8px;
  padding:10px 12px;
  background:#fff;
  font-size:16px;
}

.mf-ar-search-meta{
  margin-top:10px;
  font-weight:700;
}

.mf-ar-table-wrap{ width:100%; overflow-x:auto; }

.mf-ar-table{
  width:100%;
  border-collapse: collapse;
  min-width: 720px;
}

.mf-ar-table th, .mf-ar-table td{
  border-bottom:1px solid rgba(0,0,0,0.08);
  padding:10px 12px;
  vertical-align: top;
  text-align:left;
}

.mf-ar-table th{ font-weight:900; }

.mf-ar-desc{ font-weight:600; }

.mf-ar-details{ margin-top:6px; }

.mf-ar-pagination{
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap:10px;
  margin-top:14px;
}

.mf-ar-page{
  display:inline-block;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:8px;
  text-decoration:none;
}

.mf-ar-page.is-disabled{
  opacity:0.5;
}

.mf-ar-page-info{ font-weight:800; }

.mf-ar-empty{
  padding:12px 14px;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:10px;
  background:#fff;
  font-weight:700;
}

@media (max-width: 768px){
  .mf-ar-search-row select{ flex: 1 1 160px; }
}


/* Strong override: some themes set search inputs to huge heights */
.mf-ar-wrap .mf-ar-search-row input[type="search"]{
  height:46px !important;
  max-height:46px !important;
  min-height:46px !important;
  line-height:24px !important;
}

/* Smaller, subtler counters on search page */
.mf-ar-search-meta{
  font-size:14px;
  color: rgba(0,0,0,0.65);
  font-weight:700;
}


/* Admin readability fixes */
.wp-admin .mf-ar-table{table-layout:auto !important;}
.wp-admin .mf-ar-desc-cell{min-width:420px !important;max-width:640px !important;max-height:140px;overflow:auto;white-space:normal !important;word-break:break-word;line-height:1.45;}