/* seo-visibility viewer */
.seo-h-info{font-size:.7em;vertical-align:middle;cursor:help}
.seo-kpis{display:flex;flex-wrap:wrap;gap:28px}
.seo-kpi{display:flex;flex-direction:column;line-height:1.2}
.seo-kpi b{font-size:26px;font-weight:700}
.seo-kpi span{font-size:12px;color:#5C6E88}
.seo-kpi em{font-size:11px;font-style:normal}
.seo-filters{display:flex;flex-wrap:wrap;gap:8px}
.seo-chip{border:1px solid #E2E8F0;background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;color:#334155;cursor:pointer}
.seo-chip b{font-weight:700;margin-left:4px}
.seo-chip:hover{background:#F1F5F9}
.seo-chip.on{background:#0F172A;color:#fff;border-color:#0F172A}
.seo-badge{display:inline-block;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}
.seo-ok  {background:#EAF7F0;color:#1FA463}
.seo-warn{background:#FEF3E7;color:#D97706}
.seo-bad {background:#FDECEC;color:#DC2626}
.seo-mut {background:#EEF2F7;color:#5C6E88}
.seo-chip.seo-ok.on,.seo-chip.seo-warn.on,.seo-chip.seo-bad.on,.seo-chip.seo-mut.on{background:#0F172A;color:#fff;border-color:#0F172A}
.seo-table th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#5C6E88}
.seo-table td{vertical-align:middle;font-size:14px}
.seo-url a{font-weight:600;color:#0F172A;text-decoration:none}
.seo-url a:hover{text-decoration:underline}
.seo-http{font-size:11px;font-weight:700;color:#DC2626;background:#FDECEC;border-radius:4px;padding:0 5px}
.seo-title{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}
.seo-iss{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:#FEF3E7;color:#D97706;font-weight:700;font-size:12px;cursor:help}
.seo-open{color:#2A6FE8}

/* sortable headers */
.seo-table th[data-sort]{cursor:pointer;user-select:none;white-space:nowrap}
.seo-table th[data-sort]:hover{color:#0F172A}
.seo-table th[data-sort]::after{content:"\2195";opacity:.35;margin-left:5px;font-size:11px}
.seo-table th[data-sort].sorted[data-dir="asc"]::after{content:"\2191";opacity:1}
.seo-table th[data-sort].sorted[data-dir="desc"]::after{content:"\2193";opacity:1}
/* clickable issue count + inline pushdown detail */
button.seo-iss{border:0;background:#FEF3E7;color:#D97706;font-weight:700;font-size:12px;border-radius:999px;padding:1px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:3px}
button.seo-iss:hover{background:#FCE9CF}
button.seo-iss i{font-size:10px;transition:transform .15s}
button.seo-iss.open i{transform:rotate(180deg)}
.seo-issrow>td{background:#FBFCFE;border-top:0;padding:2px 12px 12px}
.seo-isslist{display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.seo-issitem{font-size:13px;line-height:1.4}
.seo-issitem b{display:inline-block;color:#B45309;background:#FEF3E7;border-radius:5px;padding:1px 7px;margin-right:8px;font-size:12px}
.seo-issitem span{color:#475569}

/* rescan button + row flash */
.seo-actions{white-space:nowrap}
.seo-rescan{border:0;background:transparent;color:#5C6E88;cursor:pointer;padding:2px 6px;margin-right:4px;border-radius:6px;font-size:15px;vertical-align:middle}
.seo-rescan:hover{background:#F1F5F9;color:#0F172A}
.seo-rescan:disabled{opacity:.6;cursor:default}
.seo-rescan.spin i{display:inline-block;animation:seo-spin .7s linear infinite}
@keyframes seo-spin{to{transform:rotate(360deg)}}
@keyframes seo-flash{0%{background:#EAF7F0}100%{background:transparent}}
.seo-prow.seo-flash td{animation:seo-flash 1.4s ease-out}

/* tabs */
.seo-tabs .nav-link{color:#5C6E88;font-weight:600;padding:6px 14px;border-radius:8px;border:0;background:transparent}
.seo-tabs .nav-link:hover{background:#F1F5F9}
.seo-tabs .nav-link.active{background:#1FA463;color:#fff}
/* keyword table */
.seo-kwtable td{vertical-align:middle}
.seo-kwr{cursor:pointer}
.seo-kwr:hover{background:#F8FAFC}
.seo-kwr-can{background:#FEF6F6}
.seo-kwname b{font-weight:600;color:#0F172A}
.seo-kwchev{font-size:11px;color:#94A3B8;transition:transform .15s;display:inline-block}
.seo-kwr.open .seo-kwchev{transform:rotate(90deg)}
.seo-kwdetail>td{background:#FBFCFE;border-top:0;padding:4px 16px 12px 34px}
.seo-kwpages{display:flex;flex-direction:column;gap:6px}
.seo-kwpage{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}
.seo-kwpage a{font-weight:600;color:#0F172A;text-decoration:none}
.seo-kwpage a:hover{text-decoration:underline}
.seo-kwpage b{color:#1FA463;font-size:12px;font-weight:700}
.seo-kwflags{display:inline-flex;gap:5px;flex-wrap:wrap}
.seo-flag{font-size:11px;font-weight:600;color:#D97706;background:#FEF3E7;border-radius:4px;padding:0 6px}

/* Pages tree view + toggle */
.seo-viewtoggle{display:inline-flex;gap:4px;background:#F1F5F9;border-radius:8px;padding:3px}
.seo-vbtn{border:0;background:transparent;color:#5C6E88;font-weight:600;font-size:13px;padding:5px 12px;border-radius:6px;cursor:pointer}
.seo-vbtn.active{background:#fff;color:#0F172A;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.seo-tree{font-size:14px}
.seo-trow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px;padding-left:calc(8px + var(--d,0)*20px);border-radius:6px}
.seo-trow:hover{background:#F8FAFC}
.seo-trow.is-branch{cursor:pointer}
.seo-tname{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.seo-tname a,.seo-tname>span{color:#0F172A;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-tname a:hover{text-decoration:underline}
.seo-trow.is-branch .seo-tname{font-weight:600}
.seo-tcaret{font-size:11px;color:#94A3B8;width:12px;flex:none}
.seo-tspace{width:12px;flex:none;display:inline-block}
.seo-tright{display:flex;align-items:center;gap:6px;flex:none}
.seo-tcount{font-size:12px;font-weight:700;color:#5C6E88;background:#EEF2F7;border-radius:999px;padding:1px 8px}

/* tree issue pushdown + keyword tree */
.seo-tissrow{padding:2px 0 8px}
.seo-tissrow>.seo-isslist{padding-left:calc(20px + var(--d,0)*20px)}
.seo-tkwdetail{padding:2px 0 8px}
.seo-tkwdetail>.seo-kwpages{padding-left:calc(20px + var(--d,0)*20px)}
.seo-kwrow .seo-tname b{font-weight:600;color:#0F172A}
.seo-kwpath{color:#5C6E88 !important;font-weight:400 !important;font-size:12px;margin-left:2px}
.seo-kwclicks{color:#1FA463;font-size:12px;font-weight:700}
.seo-kwrow.seo-kwr-can{background:#FEF6F6}

/* folder-path label inside keyword group pages */
.seo-kwdir{color:#94A3B8}

/* Rank position badge + Search Console CSV import */
.seo-pos{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;color:#fff;cursor:pointer;user-select:none;white-space:nowrap;vertical-align:middle}
.seo-pos i{font-size:10px;opacity:.9}
.seo-pos-good{background:#158A50}
.seo-pos-mid{background:#B45309}
.seo-pos-low{background:#475569}
.seo-pos:hover{filter:brightness(1.09)}
.seo-pos.open{box-shadow:0 0 0 2px rgba(15,23,42,.22) inset}
.seo-poscell{white-space:nowrap}
.seo-poscnt{margin-left:8px;color:#5C6E88}
/* How-to-improve panel under a keyword */
.seo-posinfo-row > td{background:#F8FAFC;padding:0!important}
.seo-posinfo{background:#F8FAFC;border-radius:8px;margin:0 0 8px}
.seo-posinfo .seo-posinfo-in{margin-left:calc(6px + var(--d,0)*20px)}
.seo-posinfo-in{padding:12px 14px}
.seo-posinfo-head{font-size:12px;font-weight:800;color:#0F172A;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.seo-posinfo-head i{color:#D97706}
.seo-posinfo-frame{font-size:12.5px;color:#334155;margin-bottom:8px}
.seo-posinfo-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.seo-posinfo-list li{font-size:12.5px;color:#4A5568;line-height:1.5}
.seo-rankbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seo-rankhint{font-size:12px}
.seo-rankpanel .seo-rankp-head{font-size:13px;color:#4A5568;margin-bottom:8px;line-height:1.5}
.seo-rankp-csv{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;margin-bottom:10px}
.seo-rankp-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.seo-rankp-row label{display:flex;align-items:center;gap:6px;margin:0}
.seo-rankp-row input[type=date]{width:auto}
.seo-rankp-status{font-size:12px;font-weight:600}

/* flags moved to the right + clickable to open the suggestions panel */
.seo-flagtrig{cursor:pointer}
.seo-flagtrig:hover{opacity:.82}
.seo-poscell .seo-kwflags,.seo-tright .seo-kwflags{margin-right:8px}
.seo-lnk-why{color:#94A3B8;font-weight:600;font-size:11px}
.seo-posinfo-list li b{color:#0F172A}

/* Google Search Console connect bar */
.seo-gscbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.seo-gsc-hint{color:#8C95A1;font-size:12px}
.seo-gsc-on{color:#1FA463;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.seo-gsc-prop{font-weight:600;color:#334155;font-size:12px}
.seo-gsc-err{color:#DC2626;font-size:12px;cursor:help}