.pausar-wrap { max-width: 1250px; overflow-x: hidden; }
.pausar-tabs { display: flex; gap: 0; margin-bottom: 16px; border-bottom: 2px solid #c3c4c7; }
.pausar-tab { padding: 8px 16px; font-size: 13px; font-weight: 500; color: #50575e; text-decoration: none; border: 1px solid transparent; border-bottom: none; border-radius: 4px 4px 0 0; margin-bottom: -2px; background: transparent; transition: background .15s, color .15s; }
.pausar-tab:hover { color: #1d2327; background: #f0f0f1; }
.pausar-tab.active { color: #1d2327; background: #fff; border-color: #c3c4c7; border-bottom-color: #fff; font-weight: 600; }
.pausar-ff { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pausar-fl { font-size: 13px; font-weight: 500; color: #1d2327; }
.pausar-fi { min-width: 260px; max-width: 400px; padding: 4px 10px; font-size: 13px; box-sizing: border-box; }
.pausar-info { padding: 12px 16px; background: #f0f6fc; border: 1px solid #c3c4c7; border-left: 4px solid #72aee6; border-radius: 2px; font-size: 13px; }
.pausar-cbox { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 20px 24px; box-shadow: 0 1px 1px rgba(0,0,0,.04); }
.pausar-legend { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.pausar-lb { display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; font-size: 12px; font-weight: 500; background: #f6f7f7; border: 1px solid #c3c4c7; border-radius: 20px; cursor: pointer; color: #50575e; transition: all .15s; }
.pausar-lb:hover { background: #eee; }
.pausar-lb.active { background: #fff; border-color: #999; color: #1d2327; font-weight: 600; }
.pausar-lb i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.pausar-lb:not(.active) i { opacity: .3; }
.pausar-lb:not(.active) { opacity: .5; }
.pausar-tip { position: absolute; background: rgba(30,30,30,.92); color: #fff; padding: 10px 14px; border-radius: 6px; font-size: 12px; line-height: 1.8; pointer-events: none; z-index: 100; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.pausar-tip b { color: #aaa; font-weight: 400; display: block; margin-bottom: 2px; font-size: 11px; }
.pausar-tt-row { display: flex; align-items: center; gap: 6px; }
.pausar-tt-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.pausar-tt-val { margin-left: auto; font-weight: 700; padding-left: 14px; }
.pausar-hc { cursor: crosshair; }
.pausar-stats-row { display: flex; gap: 16px; margin-top: 16px; align-items: stretch; flex-wrap: wrap; }
.pausar-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; flex: 1 1 300px; min-width: 0; }
.pausar-card { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 16px 20px; text-align: center; box-shadow: 0 1px 1px rgba(0,0,0,.04); display: flex; flex-direction: column; justify-content: center; }
.pausar-cv { display: block; font-size: 28px; font-weight: 700; color: #1d2327; line-height: 1.2; }
.pausar-cl { display: block; font-size: 12px; color: #646970; margin-top: 4px; }
.pausar-cdonut { width: auto; min-width: 0; flex: 0 1 240px; display: flex; flex-direction: column; align-items: center; padding: 16px; justify-content: flex-start; }
.pausar-donut-title { font-size: 12px; font-weight: 600; color: #50575e; margin-bottom: 10px; text-align: center; }
.pausar-dl { margin-top: 12px; width: 100%; }
.pausar-dli { display: flex; align-items: center; gap: 6px; padding: 3px 0; font-size: 11px; }
.pausar-dli i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.pausar-dll { color: #50575e; flex: 1; }
.pausar-dlv { color: #1d2327; font-weight: 600; white-space: nowrap; }
.pausar-sortable { cursor: pointer; }
.pausar-sortable:hover { color: #2271b1 !important; }
.pausar-sorted { color: #1d2327 !important; font-weight: 700; }
.pausar-arrow { font-size: 10px; color: #2271b1; }
.pausar-tip-wrap { position: relative; display: inline-flex; align-items: center; gap: 4px; cursor: help; }
.pausar-tip-wrap .pausar-ti { color: #999; font-size: 13px; }
.pausar-tip-wrap:hover .pausar-ti { color: #2271b1; }
.pausar-tip-wrap .pausar-tipbox { display: none; position: absolute; left: 0; bottom: 100%; margin-bottom: 6px; background: rgba(30,30,30,.94); color: #fff; padding: 10px 14px; border-radius: 6px; font-size: 11px; line-height: 1.7; white-space: nowrap; z-index: 200; box-shadow: 0 4px 12px rgba(0,0,0,.25); pointer-events: none; }
.pausar-tip-wrap:hover .pausar-tipbox { display: block; }
.pausar-tipbox span { color: #aaa; }
@media (max-width: 782px) {
    .pausar-cdonut { flex: 1 1 100%; }
    .pausar-fi { min-width: 120px; max-width: 100%; }
}
@media (max-width: 600px) {
    .pausar-cards-grid { grid-template-columns: 1fr 1fr; }
    .pausar-cv { font-size: 22px; }
    .pausar-cl { font-size: 11px; }
}

/* ═══ Compare Button ═══ */
.pausar-cmp-btn { position: absolute; top: 12px; right: 16px; z-index: 10; display: inline-flex; align-items: center; padding: 5px 12px; font-size: 11px; font-weight: 500; color: #50575e; background: #f6f7f7; border: 1px solid #c3c4c7; border-radius: 4px; cursor: pointer; transition: all .15s; line-height: 1.4; }
.pausar-cmp-btn:hover { background: #eee; color: #1d2327; border-color: #999; }
.pausar-cmp-btn.active { background: #1d2327; color: #fff; border-color: #1d2327; }
.pausar-cmp-btn.active:hover { background: #333; }
@media (max-width: 600px) { .pausar-cmp-btn { position: static; margin-bottom: 8px; } }

/* ═══ Insights Row (Top 3, Rising Stars, Needs Attention) ═══ */
.pausar-insights-row { display: grid; gap: 16px; margin-top: 16px; }
.pausar-insights-one { grid-template-columns: 1fr; }
.pausar-insights-three { grid-template-columns: 1fr 1fr 1fr; }
.pausar-insight-box { padding: 18px 20px; min-width: 0; overflow: hidden; }
.pausar-insight-title { font-size: 13px; font-weight: 700; color: #1d2327; margin-bottom: 14px; }
.pausar-insight-item { margin-bottom: 12px; min-width: 0; }
.pausar-insight-item:last-of-type { margin-bottom: 0; }
.pausar-insight-row { display: flex; align-items: baseline; gap: 8px; margin-bottom: 4px; min-width: 0; }
.pausar-insight-rank { font-size: 12px; font-weight: 700; color: #999; min-width: 16px; }
.pausar-insight-url { font-size: 12px; color: #1d2327; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pausar-insight-val { font-size: 13px; font-weight: 700; color: #1d2327; flex-shrink: 0; margin-left: auto; }
.pausar-insight-bar { display: flex; height: 6px; border-radius: 3px; overflow: hidden; background: #f0f0f1; }
.pausar-bar-vi { background: #db0812; }
.pausar-bar-qr { background: #000000; }
.pausar-bar-ar { background: #d3d3d3; }
.pausar-insight-legend { display: flex; gap: 12px; margin-top: 14px; padding-top: 10px; border-top: 1px solid #f0f0f1; }
.pausar-insight-legend span { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: #646970; }
.pausar-insight-legend i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.pausar-insight-trend { font-size: 12px; font-weight: 700; flex-shrink: 0; white-space: nowrap; }
.pausar-trend-up { color: #15803d; }
.pausar-trend-down { color: #b91c1c; }
.pausar-insight-counts { font-size: 11px; color: #888; padding-left: 0; }
.pausar-insight-empty { font-size: 12px; color: #999; font-style: italic; padding: 8px 0; }
@media (max-width: 1100px) {
    .pausar-insights-three { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 960px) {
    .pausar-insights-three { grid-template-columns: 1fr; }
}

/* ═══ Upsell Box ═══ */
.pausar-upsell-box{margin-top:24px}
.pausar-upsell-inner{background:#fff;border:2px solid #db0812;border-radius:6px;padding:28px 32px;box-shadow:0 1px 3px rgba(219,8,18,.08)}
.pausar-upsell-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.pausar-upsell-logo{width:36px;height:36px;flex-shrink:0}
.pausar-upsell-title{font-size:16px;font-weight:700;color:#1d2327;line-height:1.3}
.pausar-upsell-subtitle{font-size:13px;color:#646970;margin-top:2px}
.pausar-upsell-features{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.pausar-upsell-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:#1d2327;line-height:1.4}
.pausar-upsell-features li .dashicons{color:#db0812;font-size:16px;width:16px;height:16px;flex-shrink:0}
.pausar-upsell-detail{color:#646970;font-size:12px}
.pausar-upsell-btn{display:inline-block;background:#db0812;color:#fff;padding:10px 28px;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}
.pausar-upsell-btn:hover{background:#b80710;color:#fff}
@media(max-width:782px){
    .pausar-upsell-features{grid-template-columns:1fr}
    .pausar-upsell-inner{padding:20px}
}


/* ═══ Checkbox column alignment fix ═══ */
#pausar-pages-table .check-column{padding:8px 4px !important;text-align:center !important;vertical-align:middle !important}
#pausar-pages-table .check-column input[type="checkbox"]{width:16px !important;height:16px !important;min-width:0 !important;margin:0 !important}