/* WP EasyCart Admin — Settings › Checkout protection as a Store setup page ( 6.0.7 ): Store details' cards, Products' tiles and switches,
   Accounts' steps and previews and Checkout's drawer ( setup-store-v2.css … setup-checkout-v2.css ), with the parts only this page has:
   the status card with its 7-day chart, the attack banner, the six levels and their rules, the human check's test, the attack timeline
   and the shopper messages. Accent follows the admin colorizer through --ecsu-accent ( setup-v2.css ). */
.ecpt2 [hidden] { display:none !important; }
.ecpt2-mono { font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12.5px; }

/* an attack under way */
.ecpt2-attack { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:14px 16px; border:1px solid #fecaca; border-radius:12px; background:#fef2f2; }
.ecpt2-attack .ecac-list-text { flex:1 1 320px; }
.ecpt2-attack .ecac-list-text > b { color:#7f1d1d; }
.ecpt2-attack .ecac-list-text > span { color:#991b1b; }
.ecpt2-attack-mark { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#dc2626; color:#fff; font-weight:800; }

/* status: the state, the numbers, the last 7 days */
.ecpt2-status { display:grid; grid-template-columns:minmax(200px, 260px) minmax(0, 1fr); gap:20px 28px; align-items:start; }
.ecpt2-status-side { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; }
.ecpt2-status-side h2 { margin:0; font-size:18px; font-weight:700; color:var(--ecv2-g900); }
.ecpt2-status-side p { margin:2px 0 0; font-size:13px; color:var(--ecv2-g600); }
.ecpt2-shield { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:12px; }
.ecpt2-shield svg { width:26px; height:26px; }
.ecpt2-shield.is-ok { background:#dcfce7; color:#166534; }
.ecpt2-shield.is-warn { background:#fef3c7; color:#92400e; }
.ecpt2-shield.is-bad { background:#fee2e2; color:#991b1b; }
.ecpt2-shield.is-off { background:var(--ecv2-g100); color:var(--ecv2-g600); }
.ecpt2-status-main { display:flex; flex-direction:column; gap:14px; min-width:0; }
.ecpt2-kpis { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
.ecpt2-kpis > span { display:flex; flex-direction:column; gap:2px; padding:10px 12px; border:1px solid var(--ecv2-g200); border-radius:8px; background:#fff; font-size:12px; line-height:1.35; color:var(--ecv2-g600); min-width:0; }
.ecpt2-kpis > span > b { font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--ecv2-g900); }
.ecpt2-kpis > span.is-warn { border-color:#fde68a; background:#fffbeb; }
.ecpt2-chart { margin:0; display:flex; flex-direction:column; gap:6px; }
.ecpt2-chart figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; font-size:12px; color:var(--ecv2-g600); }
.ecpt2-legend { display:inline-flex; align-items:center; gap:6px; }
.ecpt2-legend i { display:inline-block; width:10px; height:10px; border-radius:2px; }
.ecpt2-legend i + * { margin-left:2px; }
.ecpt2-chart .is-stop { background:var(--ecv2-g800); }
.ecpt2-chart .is-dec { background:#f59e0b; }
.ecpt2-bars { display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:8px; height:76px; padding-bottom:1px; border-bottom:1px solid var(--ecv2-g200); }
.ecpt2-bars > span { display:flex; flex-direction:column-reverse; justify-content:flex-start; min-width:0; height:100%; }
.ecpt2-bars > span > i { display:block; width:100%; min-height:0; border-radius:2px 2px 0 0; }
.ecpt2-bars > span > i + i { border-radius:2px 2px 0 0; }
.ecpt2-chart { position:relative; }
.ecpt2-quiet { position:absolute; left:0; right:0; top:38%; margin:0; text-align:center; font-size:12.5px; color:var(--ecv2-g500); pointer-events:none; }
.ecpt2-days { display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:8px; font-size:11px; text-align:center; color:var(--ecv2-g500); }

/* how strict */
.ecpt2-tiles.is-six { grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); }
.ecpt2-tiles.is-three { grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); }
.ecpt2-rules { display:flex; flex-direction:column; margin:0; padding:12px 14px; list-style:none; border:1px solid var(--ecv2-g200); border-radius:10px; background:var(--ecv2-g50, #f9fafb); }
.ecpt2-rules > li { display:flex; align-items:flex-start; gap:10px; padding:8px 0; border-top:1px solid var(--ecv2-g100); min-width:0; }
.ecpt2-rules > li:first-child { border-top:0; padding-top:0; }
.ecpt2-rules > li:last-child { padding-bottom:0; }
.ecpt2-rule-n { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#fff; border:1px solid var(--ecv2-g300); font-size:11.5px; font-weight:700; color:var(--ecv2-g700); }
.ecpt2-custom { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; padding:14px; border:1px dashed var(--ecv2-g300); border-radius:10px; }

/* the human check's test */
.ecpt2-test { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.ecpt2-widget:empty { display:none; }
#pr_test_result.is-ok { color:#166534; }
#pr_test_result.is-bad { color:#991b1b; }
.ecpt2-check { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--ecv2-g300); border-radius:6px; background:#fafafa; font-size:13px; color:var(--ecv2-g800); }
.ecpt2-check i { margin-left:auto; font-style:normal; font-size:11px; color:var(--ecv2-g500); }
.ecpt2-tick { display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#16a34a; color:#fff; font-size:12px; font-weight:700; }

/* when an attack starts */
.ecpt2-timeline { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.ecpt2-timeline > li { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:12px 14px; border:1px solid var(--ecv2-g200); border-radius:10px; background:#fff; min-width:0; }
.ecpt2-timeline > li > b { font-size:13.5px; color:var(--ecv2-g900); }
.ecpt2-step-label { font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ecsu-accent); }
.ecpt2-num { width:76px; }
.ecpt2-alerts { display:flex; flex-direction:column; align-items:flex-start; gap:8px; align-self:stretch; }
.ecpt2-alerts .ecsd2-field { align-self:stretch; }
.ecpt2-timeline .ecsd2-seg { flex-wrap:wrap; }
.ecpt2-flag { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 14px; padding-top:14px; border-top:1px solid var(--ecv2-g100); }
.ecpt2-flag .ecpr-sw { flex:1 1 360px; }

/* what shoppers see */
.ecpt2-msg { display:block; padding:10px 12px; border:1px solid var(--ecv2-g200); border-radius:6px; background:#fff; font-size:13px; line-height:1.45; color:var(--ecv2-g800); }
.ecpt2-msg.is-bad { border-color:#fecaca; background:#fef2f2; color:#991b1b; }
.ecpt2-msg.is-warn { border-color:#fde68a; background:#fffbeb; color:#92400e; }

/* what a shopper sees at payment: a moment at a time */
.ecpt2-pv { gap:12px; }
.ecpt2-pv-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:3px; border:1px solid var(--ecv2-g200); border-radius:9px; background:#fff; }
.ecpt2-pv-tab { flex:1 1 auto; min-height:32px; padding:4px 10px; border:0; border-radius:6px; background:none; color:var(--ecv2-g700); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; white-space:nowrap; }
.ecpt2-pv-tab:hover { background:var(--ecv2-g50, #f9fafb); color:var(--ecv2-g900); }
.ecpt2-pv-tab.is-on { background:var(--ecsu-accent); color:#fff; }
.ecpt2-pv-tab:focus-visible { outline:2px solid var(--ecsu-accent); outline-offset:2px; }
.ecpt2-pv-pane { display:flex; flex-direction:column; gap:10px; min-width:0; }
.ecpt2-pv-pane:focus-visible { outline:2px solid var(--ecsu-accent-soft); outline-offset:4px; }
.ecpt2-pv-shop { display:flex; flex-direction:column; gap:10px; padding:12px; border:1px solid var(--ecv2-g200); border-radius:10px; background:#fff; }
.ecpt2-pv-form { display:flex; flex-direction:column; gap:9px; }
.ecpt2-pv-form.is-off { opacity:.45; }
.ecac-demo-btn.is-off { background:var(--ecv2-g300); color:var(--ecv2-g600); }
.ecpt2-check-box { display:flex; flex-direction:column; gap:6px; }
.ecpt2-check-box > b { font-size:12px; color:var(--ecv2-g800); }

/* trusted and blocked */
.ecpt2-lists > summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--ecv2-g800); }
.ecpt2-lists[open] > summary { margin-bottom:10px; }
.ecpt2-lists textarea { min-height:88px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:12.5px; }

/* activity and the drawer */
.ecpt2 .ecpt-table td:last-child { white-space:nowrap; text-align:right; }
#pr_activity_drawer .ecpr-chips { margin-bottom:12px; }
.ecpt2-danger { color:#b91c1c; }

@media ( max-width: 900px ) {
	.ecpt2-status { grid-template-columns:1fr; }
	.ecpt2-kpis { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}