/**
 * Evoka client-ready report styles. Enqueued only on the Report admin
 * screen (see Evoka_Admin_Ui::enqueue). Scoped under .evoka-report so it
 * never bleeds into other admin UI. The screen is designed to be printed /
 * saved as PDF with the browser's own print dialog; @media print hides the
 * admin chrome and the toolbar.
 */
.evoka-report * { box-sizing: border-box; }
.evoka-report { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #1d2327; }
.evoka-report .evoka-report-actions { max-width: 800px; margin: 0 auto 16px; text-align: right; }
.evoka-report .evoka-sheet { max-width: 800px; margin: 0 auto; background: #fff; padding: 48px; box-shadow: 0 1px 4px rgba(0,0,0,.08); border: 1px solid #e0e0e0; }
.evoka-report .evoka-head { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #1d2327; padding-bottom: 16px; }
.evoka-report .evoka-head h1 { font-size: 22px; margin: 0 0 4px; }
.evoka-report .evoka-head .evoka-brand { font-size: 13px; color: #646970; }
.evoka-report .evoka-meta { text-align: right; font-size: 12px; color: #646970; }
.evoka-report .evoka-score-row { display: flex; align-items: center; gap: 28px; margin: 32px 0; }
.evoka-report .evoka-badge { width: 128px; height: 128px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; flex: 0 0 auto; }
.evoka-report .evoka-badge.evoka-grade-a { background: #00a32a; }
.evoka-report .evoka-badge.evoka-grade-b { background: #46b450; }
.evoka-report .evoka-badge.evoka-grade-c { background: #dba617; }
.evoka-report .evoka-badge.evoka-grade-d { background: #d98500; }
.evoka-report .evoka-badge.evoka-grade-f { background: #d63638; }
.evoka-report .evoka-badge .evoka-n { font-size: 46px; font-weight: 700; line-height: 1; }
.evoka-report .evoka-badge .evoka-m { font-size: 13px; opacity: .85; }
.evoka-report .evoka-score-copy h2 { margin: 0 0 6px; font-size: 18px; }
.evoka-report .evoka-score-copy p { margin: 0; color: #50575e; font-size: 14px; max-width: 460px; }
.evoka-report h3 { font-size: 15px; border-bottom: 1px solid #dcdcde; padding-bottom: 6px; margin: 32px 0 14px; }
.evoka-report ol.evoka-fixes { padding-left: 0; list-style: none; counter-reset: f; }
.evoka-report ol.evoka-fixes li { counter-increment: f; position: relative; padding: 10px 10px 10px 40px; border: 1px solid #f0f0f1; border-left: 4px solid #dba617; border-radius: 6px; margin-bottom: 8px; }
.evoka-report ol.evoka-fixes li.fail { border-left-color: #d63638; }
.evoka-report ol.evoka-fixes li::before { content: counter(f); position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; background: #1d2327; color: #fff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 12px; }
.evoka-report ol.evoka-fixes strong { display: block; font-size: 14px; }
.evoka-report ol.evoka-fixes p { margin: 3px 0 0; font-size: 13px; color: #50575e; }
.evoka-report .evoka-tag { font-size: 10px; text-transform: uppercase; letter-spacing: .4px; padding: 1px 6px; border-radius: 3px; border: 1px solid #dcdcde; color: #50575e; margin-left: 6px; }
.evoka-report .evoka-tag.high { background: #fcf0f1; border-color: #f1aeb0; color: #b32d2e; }
.evoka-report table.evoka-checks { width: 100%; border-collapse: collapse; font-size: 13px; }
.evoka-report table.evoka-checks th, .evoka-report table.evoka-checks td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #f0f0f1; }
.evoka-report table.evoka-checks th { color: #646970; font-weight: 600; }
.evoka-report .evoka-pill { padding: 2px 10px; border-radius: 10px; font-size: 12px; font-weight: 600; }
.evoka-report .evoka-pill.pass { background: #edfaef; color: #00812e; }
.evoka-report .evoka-pill.warn { background: #fcf9e8; color: #8a6d00; }
.evoka-report .evoka-pill.fail { background: #fcf0f1; color: #b32d2e; }
.evoka-report .evoka-foot { margin-top: 36px; padding-top: 14px; border-top: 1px solid #dcdcde; font-size: 11px; color: #9ca2a7; }

@media print {
	#adminmenumain, #wpadminbar, #wpfooter, .evoka-report-actions, .update-nag, .notice { display: none !important; }
	#wpcontent, #wpbody-content { margin: 0 !important; padding: 0 !important; float: none !important; }
	.evoka-report .evoka-sheet { box-shadow: none; border: 0; margin: 0; max-width: none; padding: 0; }
	body { background: #fff !important; }
}
