.atk-security { color: #243247; }
.atk-security .atk-security-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0 22px; }
.atk-security h1 { font-weight: 600; }
.atk-security p { font-size: 14px; line-height: 1.6; margin: 8px 0; }
.atk-security-badge { display: inline-block; border-radius: 5px; background: #e8edf2; color: #37465a; padding: 4px 10px; font-size: 12px; white-space: nowrap; }
.atk-security-heading-actions { display: flex; align-items: center; gap: 12px; }
.atk-security #atk-security-overview-toggle { padding: 0; border: 0; background: transparent; color: #2271b1; font-size: 13px; line-height: 1.5; white-space: nowrap; cursor: pointer; }
.atk-security #atk-security-overview-toggle:hover { color: #135e96; text-decoration: underline; }
.atk-security #atk-security-overview-toggle:focus-visible { outline: 2px solid #2271b1; outline-offset: 3px; }
.atk-security-overview-hidden #atk-security-overview-content,
.atk-security-overview-hidden .atk-security-description { display: none; }
.atk-security-overview-hidden .atk-security-heading { margin-bottom: 12px; }
.atk-security-coverage { background: #f6f9fc; border: 1px solid #d7e1eb; padding: 16px 20px; border-radius: 8px; }
.atk-security .atk-security-meta { color: #64748b; font-size: 12px; }
.atk-security details { border-top: 1px solid #eef1f4; padding-top: 10px; margin-top: 12px; }
.atk-security summary { cursor: pointer; color: #526174; }
.atk-security-failed { color: #b42318; background: #feeceb; }
.atk-security-error, .atk-security-requires_action, .atk-security-processing { color: #805600; background: #fff0cd; }
.atk-security-succeeded { color: #1e604b; background: #e0f0e9; }
.atk-security-review { margin: 16px 0; padding: 16px 20px; border-left: 4px solid #c68a14; background: #fff8e7; }

.atk-coverage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 14px 0; }
.atk-coverage-card { padding: 16px; border: 1px solid #dce2e8; border-radius: 8px; background: #fff; }
.atk-coverage-name { display: block; margin-bottom: 10px; font-size: 14px; color: #243247; }
.atk-coverage-status { display: inline-flex; align-items: center; gap: 7px; padding: 3px 9px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.atk-coverage-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.atk-coverage-active { color: #166534; background: #eaf7ee; }
.atk-coverage-inactive { color: #b42318; background: #fff0ee; }
.atk-coverage-pending { color: #854d0e; background: #fff5d6; }
.atk-security .atk-coverage-card p { margin: 10px 0 0; color: #526174; font-size: 13px; }
.atk-security .atk-coverage-note { margin: 0; color: #64748b; font-size: 12px; }
@media (max-width: 700px) { .atk-coverage-grid { grid-template-columns: 1fr; } }



.atk-security .atk-security-heading { background: #fff; border: 1px solid #c3c4c7; padding: 16px 20px; border-radius: 3px; }
.atk-security .atk-security-heading h1, .atk-security .atk-security-heading h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 20px; }
.atk-security-heading .dashicons-cart { color: #2271b1; }
.atk-security-filters { height: auto; margin: 16px 0; }
.atk-security-filters.tablenav .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; float: none; padding: 0; }
.atk-security-filters .actions select, .atk-security-filters .actions input, .atk-security-filters .actions .button { margin: 0; }
.atk-security-filters input[type="number"] { width: 105px; }
.atk-security-group-orders { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.atk-security-table-scroll { overflow-x: auto; }
.atk-security-table { table-layout: fixed; min-width: 760px; }
.atk-security-table th:nth-child(1) { width: 18%; }
.atk-security-table th:nth-child(2) { width: 12%; }
.atk-security-table th:nth-child(3) { width: 10%; }
.atk-security-table th:nth-child(4) { width: 17%; }
.atk-security-table th:nth-child(5) { width: 43%; }
.atk-security-table td { padding: 12px 10px; vertical-align: top; overflow-wrap: anywhere; }
.atk-security-table small { font-size: 12px; color: #646970; }
.atk-security-user { display: flex; align-items: center; gap: 8px; }
.atk-security-user .avatar { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; }
.atk-security-user > span { min-width: 0; }
.atk-security-user-name { color: #243247; font-weight: 500; }
.atk-security-user small { display: block; }
.atk-security-source, .atk-security-reason, .atk-security-test { display: block; margin-top: 4px; }
.atk-security-test { font-weight: 600; }
.atk-security-event-title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.atk-security-count { display: inline-block; padding: 2px 8px; border-radius: 12px; background: #e8eef6; color: #475569; font-size: 11px; white-space: nowrap; }
.atk-security-event-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.atk-security-event-links button { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: transparent; color: #2271b1; font-size: 12px; cursor: pointer; line-height: 18px; }
.atk-security-event-links .dashicons { width: 14px; height: 14px; font-size: 14px; }
.atk-security-event-links button:hover { color: #135e96; text-decoration: none; }
.atk-security-event-links button:hover .atk-security-link-label { text-decoration: underline; }
.atk-security-event-links button:focus-visible { outline: 2px solid #2271b1; outline-offset: 3px; }
#atk-security-dialog { box-sizing: border-box; top: 64px; bottom: auto; margin: 0 auto; width: min(1100px, 95vw); max-width: 95vw; max-height: calc(100vh - 80px); padding: 0; border: 1px solid #c3c4c7; border-radius: 6px; background: #fff; color: #243247; }
#atk-security-dialog::backdrop { background: rgba(0, 0, 0, .45); }
#atk-security-dialog.atk-security-details-view { width: min(760px, 95vw); }
.atk-security-evidence + .atk-security-evidence { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dcdcde; }
.atk-security-evidence-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.atk-security-evidence-heading h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.5; }
.atk-security-evidence-heading small, .atk-security-evidence-facts dt, .atk-security-evidence-facts small { color: #646970; font-size: 12px; }
.atk-security-evidence-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 20px 0 0; }
.atk-security-evidence-facts dt { margin-bottom: 6px; }
.atk-security-evidence-facts dd { margin: 0; overflow-wrap: anywhere; font-size: 13px; line-height: 1.6; }
.atk-security-evidence-facts small { display: block; }
.atk-security-evidence-wide { grid-column: 1 / -1; }
.atk-security-evidence-note { padding: 10px 12px; border-left: 3px solid #c68a14; background: #fff8e7; }
@media (max-width: 480px) { .atk-security-evidence-facts { grid-template-columns: minmax(0, 1fr); gap: 14px; } }
#atk-security-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #dcdcde; }
#atk-security-dialog h2 { margin: 0; font-size: 20px; }
.atk-security-close { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border: 0; background: transparent; cursor: pointer; color: #50575e; }
.atk-security-scope { display: flex; gap: 0; margin: 16px 20px 0; }
.atk-security-scope[hidden] { display: none; }
.atk-security-scope button { border: 1px solid #c3c4c7; padding: 6px 14px; background: #f6f7f7; color: #2271b1; cursor: pointer; }
.atk-security-scope button[aria-pressed="true"] { background: #2271b1; color: #fff; }
#atk-security-dialog-content { max-height: 65vh; overflow-y: auto; padding: 16px 20px; overflow-wrap: anywhere; }
#atk-security-dialog-content p { line-height: 1.6; }
.atk-security-history-note { color: #646970; font-size: 12px; margin-top: 0; }
.atk-security-history-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
#atk-security-dialog details { margin-top: 6px; }
#atk-security-dialog summary { cursor: pointer; color: #2271b1; font-size: 12px; }
@media (max-width: 782px) {
    .atk-security .atk-security-heading { flex-wrap: wrap; padding: 12px; }
    .atk-security-filters select { max-width: 180px; }
    #atk-security-dialog header, #atk-security-dialog-content { padding: 12px; }
    .atk-security-scope { margin: 12px 12px 0; }
}
