/* MKA Website Management – Portal-compatible UI */

.mka-wa-wrap{width:100%;max-width:100%;margin:24px 0;box-sizing:border-box}
.mka-wa-muted{color:#6b7280;font-size:14px}
.mka-wa-strong{font-weight:800}

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

/* Grids */
.mka-wa-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mka-wa-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){
  .mka-wa-grid2,.mka-wa-grid3{grid-template-columns:1fr}
}

.mka-wa-label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}

/* Dashboard cards */
.mka-wa-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 16px}
@media(max-width:900px){.mka-wa-cards{grid-template-columns:1fr}}
.mka-wa-carditem{
  display:block;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  text-decoration:none;
  color:inherit;
}
.mka-wa-carditem:hover{border-color:#d1d5db}
.mka-wa-cardtitle{font-weight:900;margin-bottom:6px}
.mka-wa-carddesc{color:#6b7280;font-size:13px;line-height:1.35}

.mka-wa-input{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  font-size:14px;
  box-sizing:border-box;
}

/* Light section panels (single level only) */
.mka-wa-panel{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  box-sizing:border-box;
}

/* Simple grid for stat tiles */
.mka-wa-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:14px 0 18px;
}
@media(max-width:900px){
  .mka-wa-stats{grid-template-columns:1fr}
}

.mka-wa-pill{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;border:1px solid #e5e7eb}
.mka-wa-pill.active{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.mka-wa-pill.inactive{background:#f3f4f6;color:#374151;border-color:#e5e7eb}

.mka-wa-badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;border:1px solid #e5e7eb;max-width:520px;white-space:normal}

.lvl-0{background:#f3f4f6;color:#374151}
.lvl-1{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.lvl-2{background:#f0fdf4;color:#166534;border-color:#bbf7d0}
.lvl-3{background:#fffbeb;color:#92400e;border-color:#fde68a}
.lvl-4{background:#fff1f2;color:#9f1239;border-color:#fecdd3}
.lvl-5{background:#ffe4e6;color:#881337;border-color:#fda4af}

/* DataTables tweaks to match portal */
.dataTables_wrapper{
  width:100%;
  box-sizing:border-box;
  max-width:100%;
}
.dataTables_wrapper .dataTables_filter input{
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:8px 10px;
}
.dataTables_wrapper .dataTables_length select{
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:6px 8px;
}
table.dataTable{
  width:100% !important;
}

/* Laptop overflow fix: allow horizontal scroll instead of clipping */
@media (min-width: 768px){
  .dataTables_wrapper{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .dataTables_wrapper .dataTables_scrollBody{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
}

/* Table wrap to avoid layout breaking */
.mka-wa-tablewrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mka-wa-table{width:100%;border-collapse:collapse}
.mka-wa-table th,.mka-wa-table td{padding:10px 12px;border-bottom:1px solid #eef2f7;font-size:13px;vertical-align:top}
.mka-wa-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}

/* ── Audit Report Page (sc_audit_report) ───────────────────────────── */
.mka-audit-report{max-width:860px;margin:0 auto;padding:0 0 40px}

/* Back link */
.mka-ar-back{margin-bottom:24px}
.mka-ar-back a,.mka-ar-back--bottom a{
  font-size:13px;color:#4f6ef7;text-decoration:none;font-weight:500
}
.mka-ar-back a:hover,.mka-ar-back--bottom a:hover{text-decoration:underline}
.mka-ar-back--bottom{margin-top:36px}

/* Header */
.mka-ar-header{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:24px;flex-wrap:wrap;padding-bottom:20px
}
.mka-ar-title{
  font-size:22px;font-weight:700;color:#111827;margin:0 0 6px
}
.mka-ar-url a{font-size:13px;color:#4f6ef7;text-decoration:none}
.mka-ar-url a:hover{text-decoration:underline}

.mka-ar-header__meta{text-align:right}
.mka-ar-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:3px}
.mka-ar-meta-date{font-size:17px;font-weight:600;color:#111827}
.mka-ar-meta-signed{font-size:12px;color:#6b7280;margin-top:4px}

/* Rule */
.mka-ar-rule{border:none;border-top:1px solid #e5e7eb;margin:0 0 28px}

/* Sections */
.mka-ar-section{margin-bottom:28px}
.mka-ar-section-title{
  font-size:13px;font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;color:#6b7280;margin:0 0 10px
}
.mka-ar-section-sub{font-weight:400;text-transform:none;letter-spacing:0;font-size:12px}

/* Analytics table */
.mka-ar-analytics{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.mka-ar-analytics th{
  background:#f9fafb;font-size:12px;text-transform:uppercase;
  letter-spacing:.05em;color:#6b7280;padding:10px 16px;
  border-bottom:1px solid #e5e7eb;text-align:left;font-weight:600
}
.mka-ar-analytics td{
  padding:14px 16px;font-size:16px;font-weight:600;color:#111827;
  border-right:1px solid #e5e7eb
}
.mka-ar-analytics td:last-child{border-right:none}

/* Security badge (bigger on report page) */
.mka-ar-badge{font-size:13px;padding:6px 14px}

/* Pre blocks for wordfence/comments/plugins */
.mka-ar-pre{
  background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;
  padding:14px 16px;font-size:13px;white-space:pre-wrap;
  word-break:break-word;line-height:1.6;color:#374151;margin:0
}

/* Two-column layout for admins/editors */
.mka-ar-grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:600px){.mka-ar-grid2{grid-template-columns:1fr}}
@media(max-width:600px){.mka-ar-header{flex-direction:column}.mka-ar-header__meta{text-align:left}}

/* ── Reports table: tighter cell padding ─────────────────────────── */
.mka-reports-table th,
.mka-reports-table td {
  padding: 8px 8px;
  font-size: 12px;
}
.mka-reports-table .mka-wa-badge {
  font-size: 11px;
  padding: 3px 7px;
  white-space: nowrap;
}