/*
 * Core SEO Premium — admin screens and the premium parts of the editor box.
 * Builds on Core SEO's admin.css / editor.css (same accent and spacing).
 */

/* ---------- Shared ---------- */
.cseop-alert{ margin:0 0 18px; padding:12px 14px; border-left:4px solid #0e9f6e; border-radius:6px; background:#edfaf4; }
.cseop-alert.is-error{ border-left-color:#d63638; background:#fcf0f1; }
.cseop-muted{ color:#646970; }
.cseop-check{ display:inline-flex; align-items:center; gap:6px; margin:4px 0; }
.cseop-danger{ color:#b32d2e !important; }
.cseop-tag{ display:inline-block; margin-left:6px; padding:1px 7px; border-radius:99px; background:#f0f0f1; color:#50575e; font-size:11px; font-weight:600; vertical-align:middle; }
.cseop-tag.is-auto{ background:#e7f5ee; color:#0a7a54; }
.cseop-code{ display:inline-block; min-width:36px; padding:2px 6px; border-radius:5px; font-size:12px; font-weight:700; text-align:center; }
.cseop-code.is-move{ background:#e7f0fb; color:#1d4ed8; }
.cseop-code.is-gone{ background:#fcf0f1; color:#b32d2e; }
.cseop-type{ flex:0 0 auto; padding:1px 7px; border-radius:99px; background:#f0f0f1; color:#646970; font-size:11px; }

/* ---------- Redirect form ---------- */
.cseop-add{ margin:18px 0 26px; padding:18px 20px; border:1px solid #dcdcde; border-radius:8px; background:#f6f7f7; }
.cseop-add h3{ margin:0 0 12px; font-size:14px; }
.cseop-add__grid{ display:grid; grid-template-columns:1fr auto 1fr 220px; gap:12px; align-items:end; }
.cseop-add label > span,
.cseop-dialog label > span{ display:block; margin-bottom:4px; color:#50575e; font-size:12px; font-weight:600; }
.cseop-add input[type="text"],
.cseop-add select,
.cseop-dialog input[type="text"]{ width:100%; min-height:36px; }
.cseop-add__arrow{ padding-bottom:8px; color:#8c8f94; font-size:18px; }
.cseop-add__foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; }
.cseop-add__foot > span{ display:flex; align-items:center; gap:14px; }

/* ---------- Tables ---------- */
.cseop-listhead{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; }
.cseop-listhead h3{ margin:0; font-size:14px; }
.cseop-search input{ min-width:240px; }
.cseop-table{ border-radius:8px; }
.cseop-table td,
.cseop-table th{ vertical-align:middle; }
.cseop-table code{ font-size:12px; word-break:break-all; }
.cseop-table .num{ width:70px; text-align:right; }
.cseop-guess{ margin-top:3px; color:#0a7a54; font-size:12px; }
.cseop-ref a{ text-decoration:none; }
.cseop-tablefoot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:12px 0 0; }
.cseop-tablefoot > span{ display:flex; align-items:center; gap:14px; }
.cseop-pages{ display:flex; gap:4px; }
.cseop-pages a,
.cseop-pages b,
.cseop-pages span{ display:inline-grid; place-items:center; min-width:30px; height:30px; padding:0 6px; border-radius:6px; text-decoration:none; }
.cseop-pages a{ border:1px solid #dcdcde; background:#fff; }
.cseop-pages b{ background:#1d2327; color:#fff; }

.cseop-more{ margin-top:22px; border:1px solid #dcdcde; border-radius:8px; }
.cseop-more summary{ padding:12px 16px; font-weight:600; cursor:pointer; }
.cseop-more__body{ padding:4px 16px 16px; border-top:1px solid #f0f0f1; }
.cseop-inline{ display:inline-block; margin:12px 8px 0 0; }

.cseop-dialog{ width:min(520px,92vw); padding:20px 22px; border:0; border-radius:10px; box-shadow:0 20px 50px rgba(0,0,0,.25); }
.cseop-dialog::backdrop{ background:rgba(0,0,0,.4); }
.cseop-dialog h3{ margin:0 0 14px; }
.cseop-dialog label{ display:block; margin-bottom:12px; }
.cseop-dialog__foot{ display:flex; justify-content:flex-end; gap:8px; margin:6px 0 0; }

/* ---------- Links, AI bulk, licence, dashboard ---------- */
.cseop-index{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:18px 0 24px; padding:16px 18px; border:1px solid #dcdcde; border-radius:8px; }
.cseop-index > div{ flex:1; }
.cseop-index p{ margin:4px 0 0; }
.cseop-index__bar{ flex:0 0 100%; width:100%; height:8px; }
.cseop-bulk{ margin-top:28px; padding:18px 20px; border:1px solid #dcdcde; border-radius:8px; }
.cseop-bulk h3{ margin:0 0 6px; }
.cseop-bulk__log{ max-height:340px; margin:12px 0 0 20px; overflow:auto; }
.cseop-bulk__log li{ margin-bottom:8px; }
.cseop-bulk__log li b{ display:block; }
.cseop-bulk__log li span{ color:#50575e; }
.cseop-bulk__log li.is-err{ color:#b32d2e; }
.cseop-bulk__log li.is-end{ list-style:none; margin-left:-20px; font-weight:600; }
.cseop-licence{ max-width:680px; margin-top:18px; }
.cseop-licence__row{ display:flex; gap:8px; margin:6px 0; }
.cseop-licence__row input{ flex:1; font-family:Menlo,Consolas,monospace; }
.cseop-dash .cseo-list code{ flex:1; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.cseop-more-link{ float:right; font-size:12px; font-weight:600; text-decoration:none; }

/* ---------- Editor box ---------- */
.cseo .cseop-ai-btn{ color:#7c3aed; font-weight:600; text-decoration:none; }
.cseo .cseop-ai-btn:hover{ color:#5b21b6; text-decoration:underline; }
.cseo .cseop-ai-btn.is-busy{ opacity:.6; cursor:wait; }
.cseo .cseop-ai-btn.is-busy::after{ content:" …"; }
.cseo .cseop-kp-btn{ margin-top:6px; }
.cseo .cseo-field,
.cseo .cseo-focus{ position:relative; }
.cseop-pop{ position:absolute; z-index:50; right:0; left:0; margin-top:6px; padding:12px 14px; border:1px solid #c3c4c7; border-radius:8px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.14); }
.cseop-pop p{ margin:0 0 8px; }
.cseop-pop__head{ color:#646970; font-size:12px; }
.cseop-pop__err{ color:#b32d2e; }
.cseop-pop__warn{ margin:0 0 8px; padding:6px 9px; border-radius:6px; background:#fcf9e8; color:#8a6100; font-size:12px; }
.cseop-pop ul{ margin:0 0 8px; }
.cseop-pop li{ margin:0 0 6px; }
.cseop-pick{ display:block; width:100%; padding:9px 11px; border:1px solid #dcdcde; border-radius:6px; background:#fff; color:#1d2327; font-size:13px; line-height:1.45; text-align:left; cursor:pointer; }
.cseop-pick:hover{ border-color:#7c3aed; background:#faf7ff; }
.cseop-pick small{ display:block; margin-top:2px; color:#8c8f94; font-size:11px; }
.cseop-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.cseop-chip{ padding:4px 11px; border:1px solid #d8c7fb; border-radius:99px; background:#faf7ff; color:#5b21b6; font-size:12px; cursor:pointer; }
.cseop-chip:hover{ border-color:#7c3aed; }
.cseop-tabcount:not(:empty){ display:inline-grid; place-items:center; min-width:18px; height:18px; margin-left:4px; padding:0 5px; border-radius:99px; background:#e7f5ee; color:#0a7a54; font-size:11px; }
.cseop-linkstats{ display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-bottom:16px; padding:12px 16px; border-radius:8px; background:#f6f7f7; }
.cseop-linkstats div{ display:flex; align-items:baseline; gap:6px; }
.cseop-linkstats b{ font-size:22px; }
.cseop-linkstats span{ color:#646970; }
.cseop-linkstats .button{ margin-left:auto; }
.cseo-panel[data-panel="links"] h4{ margin:0 0 4px; }
.cseop-sugg{ margin:10px 0 0; }
.cseop-sugg li{ display:flex; align-items:center; gap:12px; margin:0; padding:10px 0; border-bottom:1px solid #f0f0f1; }
.cseop-sugg li > div{ flex:1; min-width:0; }
.cseop-sugg a{ font-weight:600; text-decoration:none; }
.cseop-why{ display:block; color:#646970; font-size:12px; }
.cseop-sugg__empty{ color:#646970; }

@media (max-width:960px){
	.cseop-add__grid{ grid-template-columns:1fr; }
	.cseop-add__arrow{ display:none; }
}

/* ---------- All pages ---------- */

.cseo-opt [hidden]{ display:none !important; }
.cseop-issues{ display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 8px; }
.cseop-issues li{ margin:0; }
.cseop-issues a{ display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border:1px solid #dcdcde; border-radius:99px; background:#fff; color:#1d2327; font-size:12px; text-decoration:none; }
.cseop-issues a b{ display:inline-grid; place-items:center; min-width:20px; height:18px; padding:0 5px; border-radius:99px; background:#f0f0f1; font-size:11px; }
.cseop-issues a.is-issue b{ background:#fcf0e1; color:#9a5d00; }
.cseop-issues a:hover{ border-color:#8c8f94; }
.cseop-issues a.is-active{ border-color:#1d2327; background:#1d2327; color:#fff; }
.cseop-issues a.is-active b{ background:rgba(255,255,255,.18); color:#fff; }
.cseop-issue-help{ margin:0 0 10px; color:#646970; }
.cseop-picked{ display:flex; gap:12px; align-items:center; margin:0 0 12px; padding:9px 14px; border:1px solid #c5d9ed; border-radius:8px; background:#f0f6fc; }
.cseop-edit__social summary{ cursor:pointer; color:#2271b1; font-size:12px; font-weight:600; }
.cseop-edit__social[open] summary{ margin-bottom:8px; }
.cseop-edit__social label{ display:block; margin-bottom:8px; }
.cseop-pagesbar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:12px 0; }
.cseop-pagesbar__filters,
.cseop-pagesbar__bulk{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cseop-pagesbar input[type="search"]{ min-width:240px; }
.cseop-selected{ color:#646970; font-size:12px; }
.cseop-bulk-ai:not(:disabled){ border-color:#7c3aed !important; color:#5b21b6 !important; }
.cseop-ptable{ table-layout:fixed; border-radius:8px; }
.cseop-ptable .check-column{ width:2.2em; }
.cseop-ptable th:nth-child(3){ width:13%; }
.cseop-ptable th:nth-child(8){ width:84px; }
.cseop-ptable td{ overflow-wrap:anywhere; }
.cseop-ptable td,
.cseop-ptable th{ vertical-align:top; }
.cseop-ptable .num{ width:58px; text-align:right; }
.cseop-ptable td.num.is-zero,
.cseop-ptable td.num.is-low{ color:#b32d2e; font-weight:600; }
.cseop-ptable__page{ width:auto; }
.cseop-ptable td:last-child{ white-space:nowrap; }
.cseop-ptable__focus{ color:#50575e; }
.cseop-sort{ color:inherit; text-decoration:none; }
.cseop-sort.is-asc::after{ content:" ↑"; }
.cseop-sort.is-desc::after{ content:" ↓"; }
.cseop-snip{ display:flex; flex-direction:column; min-width:0; max-width:600px; font-family:Arial,sans-serif; }
.cseop-snip__url{ color:#4d5156; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cseop-snip__title{ margin:2px 0 1px; overflow:hidden; color:#1a0dab !important; font-size:18px; line-height:24px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }
.cseop-snip__title:hover{ text-decoration:underline; }
.cseop-snip__desc{ color:#4d5156; font-size:13px; line-height:20px; }
.cseop-snip__warn{ display:flex; flex-wrap:wrap; gap:4px; margin-top:4px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.cseop-snip__warn span{ padding:1px 7px; border-radius:99px; background:#fcf0e1; color:#9a5d00; font-size:11px; }
.cseop-snip__warn span.is-err{ background:#fcf0f1; color:#b32d2e; }
.cseop-tag.is-hidden{ background:#fcf0f1; color:#b32d2e; }
.cseop-edit{ display:grid; gap:8px; max-width:600px; margin-top:10px; padding:12px; border-radius:8px; background:#f6f7f7; }
.cseop-edit label > span{ display:flex; justify-content:space-between; margin-bottom:3px; font-size:12px; font-weight:600; }
.cseop-edit input,
.cseop-edit textarea{ width:100%; }
.cseop-meter{ font-style:normal; font-weight:400; color:#8c8f94; font-variant-numeric:tabular-nums; }
.cseop-meter.is-good{ color:#0a7a54; }
.cseop-meter.is-ok{ color:#9a5d00; }
.cseop-meter.is-bad{ color:#b32d2e; font-weight:600; }
.cseop-cycle{ margin-top:3px; color:#7c3aed !important; font-size:12px; }
.cseop-row.is-dirty{ background:#faf7ff !important; box-shadow:inset 3px 0 0 #7c3aed; }
.cseop-row.is-saved{ box-shadow:inset 3px 0 0 #0e9f6e; }
.cseop-row.is-working{ opacity:.6; }
.cseop-row .row-actions{ position:static; left:auto; margin-top:4px; }
.cseop-empty{ margin:24px 0; }
@media (max-width:960px){
	.cseop-ptable__page{ width:auto; }
	.cseop-ptable th:nth-child(n+5),
	.cseop-ptable td:nth-child(n+5){ display:none; }
}

/* AI tools */
.cseop-tool__table{ margin-top:10px; }
.cseop-tool__table td{ vertical-align:top; }
.cseop-tool__table textarea{ margin-top:6px; }
.cseop-tool__thumb{ width:84px; }
.cseop-tool__thumb img{ width:72px; height:72px; object-fit:cover; border-radius:6px; }
.cseop-tag.is-star{ background:#fdf6dc; color:#8a6100; }

/* Write tab */
.cseop-writetab{ color:#5b21b6 !important; }
.cseop-write__actions{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px; margin:10px 0 16px; }
.cseop-write__btn{ display:flex; flex-direction:column; gap:3px; padding:12px 14px; border:1px solid #e9dcfd; border-radius:10px; background:#faf7ff; color:#1d2327; text-align:left; cursor:pointer; }
.cseop-write__btn b{ color:#5b21b6; }
.cseop-write__btn span{ color:#646970; font-size:12px; line-height:1.4; }
.cseop-write__btn:hover{ border-color:#7c3aed; }
.cseop-write__btn:disabled{ opacity:.55; cursor:wait; }
.cseop-write__btn.is-busy{ opacity:1; border-color:#7c3aed; }
.cseop-write__out h4{ margin:14px 0 6px; }
.cseop-write__out ol,
.cseop-write__out ul{ margin-left:18px; }
.cseop-brief ul ul{ list-style:circle; }
.cseop-draft__html{ max-height:420px; overflow:auto; padding:12px 16px; border:1px solid #dcdcde; border-radius:8px; background:#fff; }
.cseop-improve li{ margin-bottom:12px; }
.cseop-improve li > span{ display:block; color:#50575e; }
.cseop-improve blockquote{ margin:6px 0; padding:8px 12px; border-left:3px solid #7c3aed; background:#faf7ff; }
.cseop-faqprev dt{ margin-top:8px; font-weight:600; }
.cseop-faqprev dd{ margin:2px 0 0; color:#50575e; }

/* ---------- Licence tab ---------- */
.cseop-lic{ margin-top:18px; }
.cseop-lic__top{ display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:18px; }
.cseop-lic__card{ padding:20px 22px; border:1px solid #dcdcde; border-radius:10px; background:#fff; }
.cseop-lic__card h3{ margin:0 0 8px; font-size:16px; }
.cseop-lic__badge{ display:flex; align-items:center; gap:8px; margin:0 0 12px; font-size:15px; font-weight:700; }
.cseop-lic__badge.is-ok{ color:#0a7a54; }
.cseop-lic__badge.is-off{ color:#50575e; }
.cseop-lic__facts{ display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0 0 14px; }
.cseop-lic__facts dt{ color:#646970; }
.cseop-lic__facts dd{ margin:0; font-weight:600; }
.cseop-lic__renew{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; background:#fcf9e8; }
.cseop-lic__form{ margin-top:14px; padding-top:14px; border-top:1px solid #f0f0f1; }
.cseop-lic__buy{ display:flex; flex-direction:column; align-items:flex-start; border-color:#c4b5fd; background:linear-gradient(160deg,#faf5ff 0%,#fff 70%); }
.cseop-lic__buy .button-primary{ border-color:#5b21b6; background:#5b21b6; }
.cseop-lic__buy .button-primary:hover{ border-color:#4c1d95; background:#4c1d95; }
.cseop-lic__ticks{ margin:4px 0 18px; }
.cseop-lic__ticks li{ position:relative; margin:0 0 7px; padding-left:22px; }
.cseop-lic__ticks li::before{ position:absolute; left:0; color:#0e9f6e; font-weight:700; content:"✓"; }
.cseop-lic__h{ margin:30px 0 12px; font-size:15px; }
.cseop-lic__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; }
.cseop-lic__feat{ display:flex; flex-direction:column; gap:6px; margin:0; padding:18px; border:1px solid #dcdcde; border-radius:10px; background:#fff; transition:border-color .15s, box-shadow .15s; }
.cseop-lic__feat:hover{ border-color:#c4b5fd; box-shadow:0 4px 14px rgba(91,33,182,.08); }
.cseop-lic__feat b{ font-size:14px; }
.cseop-lic__feat p{ flex:1; margin:0; color:#50575e; line-height:1.5; }
.cseop-lic__feat a{ align-self:flex-start; margin-top:4px; font-weight:600; text-decoration:none; }
.cseop-lic__icon{ display:grid !important; place-items:center; width:36px !important; height:36px !important; margin-bottom:4px; border-radius:9px; background:#f5f3ff; color:#5b21b6; font-size:20px !important; }
.cseop-lic__grid.is-plain .cseop-lic__icon{ background:#e3f5ee; color:#0a7a54; }
.cseop-lic__privacy{ margin-top:22px; }
@media (max-width:1100px){
	.cseop-lic__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:782px){
	.cseop-lic__top,
	.cseop-lic__grid{ grid-template-columns:1fr; }
}

/* ---------- Content: progress of an AI run ---------- */
.cseop-run{ margin:0 0 14px; padding:12px 14px; border:1px solid #c4b5fd; border-radius:10px; background:#faf5ff; }
/* Finished writing but not saved: amber; saved: green (.is-saved). */
.cseop-run.is-done{ border-color:#f0c33c; background:#fcf9e8; }
.cseop-run__top{ display:flex; align-items:center; gap:10px; }
.cseop-run__label{ color:#4c1d95; }
.cseop-run.is-done .cseop-run__label{ color:#8a6100; }
.cseop-run__count{ color:#50575e; font-variant-numeric:tabular-nums; }
.cseop-run__stop{ margin-left:auto !important; color:#b32d2e !important; }
.cseop-run__bar{ height:6px; margin:10px 0 8px; overflow:hidden; border-radius:99px; background:#ede9fe; }
.cseop-run__bar span{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#8b5cf6,#5b21b6); transition:width .4s ease; }
.cseop-run.is-done .cseop-run__bar{ background:#f5e6ab; }
.cseop-run.is-done .cseop-run__bar span{ background:#dba617; }
.cseop-run.is-saved .cseop-run__bar{ background:#d7efe4; }
.cseop-run.is-saved .cseop-run__bar span{ background:#0e9f6e; }
.cseop-run__note{ margin:0; color:#50575e; font-size:12px; }
.cseop-run__save{ margin-left:auto !important; }
.cseop-run__stop:not([hidden]) + .cseop-run__save{ margin-left:8px !important; }
.cseop-run.is-saved{ border-color:#0e9f6e; background:#e7f7ef; }
.cseop-run.is-saved .cseop-run__label{ color:#0a7a54; }
/* "Save changes" asks for attention after the AI filled in suggestions. */
.cseop-save-all.is-attention{ animation:cseop-pulse 1.6s ease-in-out infinite; }
@keyframes cseop-pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(91,33,182,.45); } 50%{ box-shadow:0 0 0 6px rgba(91,33,182,0); } }
@media (prefers-reduced-motion:reduce){ .cseop-save-all.is-attention{ animation:none; outline:2px solid #5b21b6; outline-offset:2px; } }

/* Content screen: live search */
.cseop-live-list { transition: opacity .15s; }
.cseop-live-list.is-loading { opacity: .45; pointer-events: none; }

/* Content screen quick edit: "+ Variable" */
.cseop-vars-toggle { margin-left: 8px; font-size: 12px; }
.cseop-edit .cseo-vars { margin: -2px 0 10px; }
/* A score measured before the last change: faded, with ↻ */
.cseop-ptable td.is-stale .cseo-dot { opacity: .55; }
.cseop-ptable td.is-stale .cseo-dot::after { content: " ↻"; }
/* A score being measured again */
.cseop-ptable td.is-measuring .cseo-dot { animation: cseop-pulse 1s ease-in-out infinite; }
@keyframes cseop-pulse { 50% { opacity: .35; } }
/* "✦ AI" column: SEO texts written by AI */
.cseop-ai-mark { align-self: flex-start; width: fit-content; margin-top: 4px; display: inline-block; padding: 2px 8px; border-radius: 99px; background: #f3efff; color: #5b4ed1; font-size: 11.5px; font-weight: 600; line-height: 1.5; }
/* "Keep scores up to date" next to Recalculate scores */
.cseop-autoscore { display: inline-flex; gap: 8px; align-items: center; margin-right: 6px; color: #50575e; font-size: 13px; }
.cseop-autoscore select { min-height: 32px; }
.cseop-autoscore small { color: #8c8f94; }