/**
 * Copyfend — admin panel styles ("refined minimal" design language).
 * Namespaced under .cs-app so nothing leaks into the rest of wp-admin.
 */

.cs-app{
	--cs-ink:#17181c; --cs-body:#4b4e58; --cs-muted:#8a8f9c; --cs-faint:#b6bac4;
	--cs-border:#ececf1; --cs-line-soft:#f2f3f7;
	--cs-bg:#fafbfc; --cs-card:#ffffff;
	--cs-primary:#4f46e5; --cs-primary-l:#eef0ff; --cs-primary-d:#3f38c9;
	--cs-ok:#0e9f6e; --cs-ok-l:#e7f7f0; --cs-off:#8a8f9c;
	--cs-warn:#d97706; --cs-warn-l:#fdf3e3; --cs-bad:#dc2626;
	--cs-pro1:#f59e0b; --cs-pro2:#d97706;
	--cs-radius:12px;
	margin:-10px 0 0 -20px;
	background:var(--cs-bg);
	min-height:calc(100vh - 120px);
	color:var(--cs-ink);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size:13.5px; line-height:1.55;
	-webkit-font-smoothing:antialiased;
}
.cs-app *{box-sizing:border-box}
.cs-app a{text-decoration:none}

/* Utility + focus */
.cs-app .cs-hide{display:none!important}
.cs-app a:focus-visible,.cs-app button:focus-visible{outline:2px solid var(--cs-primary);outline-offset:2px;border-radius:8px}

/* Top bar */
.cs-app .cs-top{display:flex;align-items:center;gap:14px;background:#fff;
	border-bottom:1px solid var(--cs-border);padding:16px 26px 14px}
.cs-app .cs-logo,.cs-app .cs-logo em,.cs-app .cs-pill{line-height:1.2}
.cs-app .cs-logo{display:flex;align-items:center;gap:10px;font-weight:650;font-size:14.5px;letter-spacing:-.01em}
.cs-app .cs-mark{width:27px;height:27px;border-radius:8px;background:var(--cs-primary);display:grid;place-items:center;flex:none}
.cs-app .cs-mark svg{width:16px;height:16px}
.cs-app .cs-logo em{font-style:normal;font-size:10.5px;font-weight:600;color:var(--cs-muted);
	background:var(--cs-line-soft);padding:2px 8px;border-radius:999px}
.cs-app .cs-top-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.cs-app .cs-pill{font-size:11.5px;font-weight:600;color:var(--cs-body);background:var(--cs-line-soft);padding:4px 12px;border-radius:999px}
.cs-app .cs-btn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;
	font-weight:600;font-size:12.5px;padding:8px 15px;border-radius:8px;transition:.13s;line-height:1.2}
.cs-app .cs-btn.upgrade{background:#fff;color:var(--cs-ink);border:1px solid var(--cs-border)}
.cs-app .cs-btn.upgrade:hover{border-color:#d9dce4}
.cs-app .cs-dot{width:7px;height:7px;border-radius:999px;background:var(--cs-pro1);flex:none}
.cs-app .cs-btn.primary{background:var(--cs-primary);color:#fff}
.cs-app .cs-btn.primary:hover{background:var(--cs-primary-d)}
.cs-app .cs-btn.pro{background:linear-gradient(135deg,var(--cs-pro1),var(--cs-pro2));color:#fff;
	box-shadow:0 3px 10px rgba(217,119,6,.25)}
.cs-app .cs-btn.pro:hover{filter:brightness(1.05)}

/* Saved banner */
.cs-app .cs-saved{background:var(--cs-ok-l);color:#0a7d57;font-weight:600;font-size:12.5px;
	padding:10px 26px;border-bottom:1px solid #d2f0e3}

/* Shell */
.cs-app .cs-shell{display:flex;align-items:stretch}
.cs-app .cs-nav{width:228px;flex:none;padding:16px 12px;background:#fff;
	border-right:1px solid var(--cs-border);position:sticky;top:32px;height:calc(100vh - 32px);overflow-y:auto}
.cs-app .cs-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;
	color:var(--cs-body);font-weight:500;font-size:13px;margin-bottom:1px;cursor:pointer;transition:.12s}
.cs-app .cs-nav a:hover{background:var(--cs-line-soft);color:var(--cs-ink)}
.cs-app .cs-nav a.active{background:var(--cs-primary-l);color:var(--cs-primary-d);font-weight:600}
.cs-app .cs-nav a .i{width:19px;text-align:center;line-height:1;color:var(--cs-muted)}
.cs-app .cs-nav a.active .i{color:var(--cs-primary)}
.cs-app .cs-nav a .cs-lock{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.03em;
	color:var(--cs-warn);background:var(--cs-warn-l);padding:2px 6px;border-radius:5px}
.cs-app .cs-navgroup{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;
	color:var(--cs-faint);font-weight:650;padding:16px 10px 6px}

/* Main */
.cs-app .cs-main{flex:1;padding:26px 32px 48px;max-width:1024px;min-width:0}
.cs-app .cs-h2{font-size:19px;font-weight:650;letter-spacing:-.015em;margin:0;color:var(--cs-ink)}
.cs-app .cs-sub{color:var(--cs-muted);font-size:13px;margin:4px 0 22px}
.cs-app .cs-view{display:none}
.cs-app .cs-view.active{display:block;animation:cs-fade .2s ease}
@keyframes cs-fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Cards & grid */
.cs-app .cs-grid{display:grid;gap:14px;margin-bottom:14px}
.cs-app .cs-grid.stats{grid-template-columns:repeat(4,1fr)}
.cs-app .cs-grid.two{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.cs-app .cs-grid.stats{grid-template-columns:1fr 1fr}.cs-app .cs-grid.two{grid-template-columns:1fr}}
.cs-app .cs-card{background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius);
	padding:22px 24px;margin-bottom:14px}
.cs-app .cs-grid .cs-card{margin-bottom:0}
.cs-app .cs-card h3{margin:0 0 2px;font-size:13.5px;font-weight:650;letter-spacing:-.005em;color:var(--cs-ink)}
.cs-app .cs-card .cs-desc{color:var(--cs-muted);font-size:12.5px;margin:0 0 14px}

/* Card header with a right-aligned action */
.cs-app .cs-cardhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cs-app .cs-cardhead h3{margin:0}
.cs-app .cs-mini{font-size:12px;font-weight:600;color:var(--cs-primary);white-space:nowrap}
.cs-app .cs-mini:hover{color:var(--cs-primary-d)}
.cs-app .cs-dismiss{background:none;border:0;cursor:pointer;color:var(--cs-ok);font-size:19px;
	line-height:1;padding:2px 6px;border-radius:6px;flex:none}
.cs-app .cs-dismiss:hover{background:var(--cs-ok-l)}

/* Stat cards (legacy tiles, still used by Pro views) */
.cs-app .cs-card.stat .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}
.cs-app .cs-card.stat .ic.ok{background:var(--cs-ok-l);color:var(--cs-ok)}
.cs-app .cs-card.stat .ic.off{background:var(--cs-line-soft);color:var(--cs-off)}
.cs-app .cs-card.stat .ic.pri{background:var(--cs-primary-l);color:var(--cs-primary)}
.cs-app .cs-card.stat .ic.warn{background:var(--cs-warn-l);color:var(--cs-warn)}
.cs-app .cs-card.stat .val{font-size:22px;font-weight:700;letter-spacing:-.02em}
.cs-app .cs-card.stat .lbl{color:var(--cs-muted);font-size:12.5px;margin-top:2px}
.cs-app .cs-ic{width:1em;height:1em;display:inline-block;vertical-align:-.15em}
.cs-app .cs-nav a .i .cs-ic{width:17px;height:17px}
.cs-app .cs-card.stat .ic .cs-ic{width:19px;height:19px}
.cs-app .cs-pro-ic .cs-ic{width:22px;height:22px}

/* Tags */
.cs-app .cs-tag{font-size:10px;font-weight:650;padding:2px 7px;border-radius:5px;vertical-align:middle}
.cs-app .cs-tag.pro{background:var(--cs-warn-l);color:var(--cs-warn)}
.cs-app .cs-tag.rec{background:var(--cs-ok-l);color:var(--cs-ok)}
.cs-app .cs-tag.warn{background:var(--cs-warn-l);color:#b45309}
/* When licensed (PRO), hide every upsell card, PRO tag and lock badge. */
.cs-app.cs-is-pro .cs-pro-card,
.cs-app.cs-is-pro .cs-tag.pro,
.cs-app.cs-is-pro .cs-lock{display:none}

/* Toggle rows */
.cs-app .cs-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--cs-line-soft)}
.cs-app .cs-card h3 + .cs-row,.cs-app .cs-card .cs-desc + .cs-row{border-top:0}
.cs-app .cs-row-txt{flex:1;min-width:0}
.cs-app .cs-row-txt b{display:block;font-weight:600;font-size:13px}
.cs-app .cs-row-txt span{color:var(--cs-muted);font-size:12px}
.cs-app .cs-switch{position:relative;display:inline-block;width:36px;height:21px;flex:none}
.cs-app .cs-switch input{opacity:0;width:0;height:0;margin:0;position:absolute}
.cs-app .cs-slider{position:absolute;inset:0;background:#d7dae2;border-radius:999px;transition:.15s;cursor:pointer}
.cs-app .cs-slider::before{content:"";position:absolute;height:15px;width:15px;left:3px;top:3px;
	background:#fff;border-radius:50%;transition:.15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.cs-app .cs-switch input:checked + .cs-slider{background:var(--cs-primary)}
.cs-app .cs-switch input:checked + .cs-slider::before{transform:translateX(15px)}
.cs-app .cs-switch input:disabled + .cs-slider{opacity:.45;cursor:not-allowed}
.cs-app .cs-switch input:focus-visible + .cs-slider{outline:2px solid var(--cs-primary);outline-offset:2px}

/* Status & edit */
.cs-app .cs-state{font-size:11px;font-weight:650;padding:3px 9px;border-radius:999px}
.cs-app .cs-state.on{background:var(--cs-ok-l);color:var(--cs-ok)}
.cs-app .cs-state.off{background:var(--cs-line-soft);color:var(--cs-muted)}
.cs-app .cs-edit{font-size:12px;font-weight:600;color:var(--cs-primary);cursor:pointer;white-space:nowrap}
.cs-app .cs-edit:hover{color:var(--cs-primary-d)}

/* Fields */
.cs-app .cs-field{margin-top:14px}
.cs-app .cs-field:first-child{margin-top:0}
.cs-app .cs-field label{font-weight:600;font-size:12.5px;display:block;margin-bottom:6px}
.cs-app .cs-field input[type=text]{width:100%;max-width:380px}
.cs-app .cs-field input{padding:8px 12px;border:1px solid var(--cs-border);border-radius:8px;font-size:13px;background:#fff}
.cs-app .cs-field input.cs-num{max-width:120px}
.cs-app .cs-field input:focus{outline:0;border-color:var(--cs-primary);box-shadow:0 0 0 3px var(--cs-primary-l)}
.cs-app .cs-field select{padding:7px 10px;border:1px solid var(--cs-border);border-radius:8px;font-size:13px;background:#fff}
.cs-app .cs-hint{color:var(--cs-muted);font-size:12px;margin-top:6px}

/* PRO upsell */
.cs-app .cs-pro-card{position:relative;overflow:hidden;border:1px solid #f3e3c2;
	background:radial-gradient(800px 150px at -10% -40%,rgba(245,158,11,.07),transparent),#fff}
.cs-app .cs-pro-card.big{text-align:center;padding:36px 24px}
.cs-app .cs-pro-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
	background:linear-gradient(135deg,var(--cs-pro1),var(--cs-pro2));color:#fff;
	box-shadow:0 6px 16px rgba(217,119,6,.28);margin-bottom:12px}
.cs-app .cs-pro-card.big .cs-pro-ic{margin:0 auto 14px}
.cs-app .cs-pro-card h3{font-size:15px}
.cs-app .cs-pro-card .cs-btn{margin-top:6px}

/* Checklist */
.cs-app .cs-check-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--cs-line-soft)}
.cs-app .cs-card h3 + .cs-check-row,.cs-app .cs-cardhead + .cs-check-row,
.cs-app .cs-card .cs-desc + .cs-check-row{border-top:0}
.cs-app .cs-check{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;
	font-size:11px;font-weight:700;flex:none}
.cs-app .cs-check.done{background:var(--cs-ok-l);color:var(--cs-ok)}
.cs-app .cs-check.todo{background:#fff;border:1.5px solid var(--cs-border)}
.cs-app .cs-check-row b{font-weight:600;font-size:13px}
.cs-app .cs-check-row b.done{font-weight:500;color:var(--cs-muted)}
.cs-app .cs-check-row .cs-row-txt span{font-size:12px}

/* Save bar */
.cs-app .cs-savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;
	padding:14px 0 8px;margin-top:6px;background:linear-gradient(to top,var(--cs-bg) 55%,rgba(250,251,252,0))}
.cs-app .cs-savebar .cs-save.button-primary{background:var(--cs-primary);border-color:var(--cs-primary-d);
	box-shadow:none;border-radius:8px;padding:5px 20px;height:auto;font-weight:600;font-size:13px}
.cs-app .cs-savebar .cs-save.button-primary:hover{background:var(--cs-primary-d)}

/* Onboarding welcome card */
.cs-app .cs-welcome{border:1px solid var(--cs-border)}
.cs-app .cs-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:960px){.cs-app .cs-profiles{grid-template-columns:1fr}}
.cs-app .cs-profile{cursor:pointer;text-align:left;background:#fff;border:1.5px solid var(--cs-border);
	border-radius:11px;padding:16px;transition:.14s;display:block;font:inherit;color:inherit}
.cs-app .cs-profile:hover{border-color:var(--cs-primary);box-shadow:0 0 0 3px var(--cs-primary-l)}
.cs-app .cs-profile b{display:block;margin:10px 0 4px;font-size:13.5px;font-weight:650}
.cs-app .cs-profile .d{color:var(--cs-muted);font-size:12px;line-height:1.5;display:block}
.cs-app .cs-profile-ic{width:34px;height:34px;border-radius:9px;background:var(--cs-primary-l);
	color:var(--cs-primary);display:grid;place-items:center}
.cs-app .cs-profile-ic .cs-ic{width:17px;height:17px}
.cs-app .cs-skip{margin:12px 0 0;text-align:center}
.cs-app .cs-linklike{background:none;border:0;color:var(--cs-muted);cursor:pointer;
	font-size:12px;text-decoration:underline;padding:0;font-family:inherit}
.cs-app .cs-linklike:hover{color:var(--cs-ink)}

/* "Profile applied" summary */
.cs-app .cs-applied{border:1px solid #d2f0e3;background:#fbfefd}
.cs-app .cs-applied h3{color:#0a7d57}
.cs-app .cs-chips{margin:10px 0 0}
.cs-app .cs-chip{display:inline-block;background:var(--cs-ok-l);color:#0a7d57;font-size:11.5px;
	font-weight:600;border-radius:999px;padding:3px 10px;margin:0 6px 6px 0}

/* Protection-score hero */
.cs-app .cs-hero{display:flex;gap:28px;align-items:center;padding:26px 28px}
.cs-app .cs-score{position:relative;width:108px;height:108px;flex:none}
.cs-app .cs-score svg{width:108px;height:108px;transform:rotate(-90deg)}
.cs-app .cs-score circle{fill:none;stroke-width:8;stroke-linecap:round}
.cs-app .cs-score .bg{stroke:var(--cs-line-soft)}
.cs-app .cs-score .fg{stroke:var(--cs-ok);transition:stroke-dasharray .6s ease}
.cs-app .cs-score.mid .fg{stroke:var(--cs-warn)}
.cs-app .cs-score.low .fg{stroke:var(--cs-bad)}
.cs-app .cs-score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	font-size:25px;font-weight:700;letter-spacing:-.03em}
.cs-app .cs-score-num span{font-size:12px;font-weight:600;color:var(--cs-muted);margin-top:5px}
.cs-app .cs-hero-txt{flex:1;min-width:0}
.cs-app .cs-hero-txt h3{font-size:14.5px}
.cs-app .cs-hero-txt .cs-desc{margin:3px 0 0;max-width:400px}
.cs-app .cs-hero-stats{margin-left:auto;display:flex;flex:none;flex-wrap:wrap}
.cs-app .cs-hero-stats .hs{padding:4px 24px;border-left:1px solid var(--cs-border);max-width:170px}
.cs-app .cs-hero-stats .hs:first-child{border-left:0}
.cs-app .cs-hero-stats .hs b{display:block;font-size:20px;font-weight:700;letter-spacing:-.02em}
.cs-app .cs-hero-stats .hs span{color:var(--cs-muted);font-size:11.5px}
@media(max-width:820px){.cs-app .cs-hero{flex-direction:column;text-align:center}
	.cs-app .cs-hero-stats{justify-content:center}}

/* Test-your-protection card */
.cs-app .cs-teststeps{margin:12px 0 18px;padding:0;list-style:none;counter-reset:cs-step}
.cs-app .cs-teststeps li{display:flex;gap:12px;padding:6px 0;color:var(--cs-body);font-size:13px;margin:0}
.cs-app .cs-teststeps li::before{counter-increment:cs-step;content:counter(cs-step);
	width:21px;height:21px;flex:none;border-radius:999px;background:var(--cs-primary-l);
	color:var(--cs-primary-d);font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}
.cs-app .cs-testwarn{display:block;background:var(--cs-warn-l);color:#8a5a10;border-radius:8px;
	padding:9px 12px;font-size:12px;font-weight:500;margin:0 0 12px}

/* DMCA generator + shortcode examples */
.cs-app .cs-dmca-output{width:100%;margin:4px 0 2px;padding:12px;border:1px solid var(--cs-border);
	border-radius:8px;background:#fbfcfe;resize:vertical;line-height:1.55;
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}
.cs-app #cs-dmca .button{margin-right:8px}
.cs-app #cs-dmca p{margin:14px 0 0}
