/* Elephant SEO Analyzer minimal styles */
:root{ --ele-bg:#0f172a; --ele-card:#111827; --ele-text:#e5e7eb; --ele-accent:#22d3ee; --ele-muted:#94a3b8; }
.ele-seo-wrap, .ele-seo-embed{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji'; color:var(--ele-text); }
.ele-seo-embed{ background:transparent; }
.ele-card{ background:var(--ele-card); color:var(--ele-text); border-radius:8px; padding:16px; margin:16px 0; box-shadow:0 1px 2px rgba(0,0,0,.15); }
.ele-row{ display:flex; gap:8px; align-items:center; }
.ele-input{ flex:1; padding:10px 12px; border-radius:8px; border:1px solid #334155; background:#0b1220; color:var(--ele-text); }
.ele-btn{ padding:10px 14px; border-radius:8px; border:0; background:var(--ele-accent); color:#0b1220; font-weight:600; cursor:pointer; }
.ele-btn:disabled{ opacity:.6; cursor:not-allowed; }
.ele-progress{ height:6px; border-radius:999px; background:#1f2937; overflow:hidden; margin-top:10px; }
.ele-progress>span{ display:block; height:100%; width:0%; background:linear-gradient(90deg,#22d3ee,#06b6d4); transition:width .25s ease; }
.ele-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:12px; }
.ele-metric{ background:#0b1220; border:1px solid #334155; padding:12px; border-radius:8px; }
.ele-metric h4{ margin:0 0 6px 0; font-size:13px; color:var(--ele-muted); }
.ele-metric .val{ font-size:22px; font-weight:700; }
.ele-list{ margin:0; padding-left:18px; }
.ele-list li{ margin:4px 0; }
