#seoDashboard {color:#173b36; padding:2px 0 24px; min-width:0}
#seoDashboard * {box-sizing:border-box}
#seoDashboard h2 {font-size:25px;margin:4px 0 12px}
#seoDashboard h3 {font-size:16px;margin:24px 0 12px}
.seo-head {display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.seo-eyebrow {font-size:12px;color:#476b61;letter-spacing:.06em}
.seo-hint {font-size:13px;color:#58675f;line-height:1.7;overflow-wrap:anywhere}
.seo-head-actions {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.seo-head-actions a {text-decoration:none}
.seo-period {display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:16px;background:#edf5ef;border-radius:12px}
.seo-period label {font-size:13px;display:grid;gap:7px;min-width:250px;max-width:100%}
.seo-period select {padding:10px;border:1px solid #b2c9bf;border-radius:7px;font-size:14px;background:#fff;width:100%}
.seo-period p {font-size:13px;line-height:1.8;flex:1;margin:0;min-width:220px;overflow-wrap:anywhere}
.seo-tabs {display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #d3dfd6;margin-bottom:20px;padding-bottom:9px}
.seo-tabs button {border:0;border-radius:8px;background:transparent;padding:11px 13px;color:#3c5f52;font-size:13px;cursor:pointer}
.seo-tabs button.active {background:#174c3f;color:#fff}
.seo-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.seo-metric {padding:17px;background:#fff;border:1px solid #dce5dc;border-radius:12px;min-width:0;display:grid;gap:7px}
.seo-metric span {font-size:13px;color:#52665a}
.seo-metric strong {font-size:27px;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}
.seo-metric small {font-size:12px;color:#52665a}
.seo-metric small.seo-warning,.seo-warning {color:#aa4c22}
.seo-notices {margin:18px 0;border-left:3px solid #c18b3b;padding:5px 16px;background:#fff5e5;border-radius:6px}
.seo-notices p {font-size:13px;line-height:1.65;margin:9px 0;color:#684b26}
.seo-charts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}
.seo-chart {min-width:0}
.seo-chart h3 {margin:0 0 12px;font-size:14px}
.seo-chart svg {display:block;width:100%;height:205px;overflow:visible}
.seo-grid-line {stroke:#d9e3da;stroke-width:1}
.seo-axis,.seo-value {fill:#476252;font-size:12px}
.seo-line {fill:none;stroke-width:2}
.seo-series-x.seo-line {stroke:#23705c}
.seo-series-02.seo-line {stroke:#b57525}
.seo-series-x.seo-point {fill:#23705c}
.seo-series-02.seo-point {fill:#b57525}
.seo-chart-legend {font-size:12px;color:#476252;margin:0}
.seo-table-wrap {max-width:100%;overflow-x:auto;border:1px solid #dae4db;border-radius:10px;margin-bottom:20px;background:#fff}
.seo-table-wrap table {width:100%;border-collapse:collapse;font-size:13px;min-width:600px}
.seo-table-wrap th {background:#eef5ef;font-weight:600;color:#315648;text-align:left;white-space:nowrap}
.seo-table-wrap td,.seo-table-wrap th {padding:11px 13px;line-height:1.55;border-bottom:1px solid #e5ece5;vertical-align:top}
.seo-table-wrap td {font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.seo-table-wrap tbody tr:last-child td {border-bottom:0}
.seo-source,.seo-action {padding:16px;border:1px solid #d9e4db;border-radius:10px;margin:12px 0;background:#fff;overflow-wrap:anywhere}
.seo-source strong,.seo-action strong {font-size:14px}
.seo-source p,.seo-action p {font-size:13px;line-height:1.7;margin:7px 0}
.seo-evidence {font-size:13px;display:inline-block;margin:4px 12px 4px 0;color:#1c6851}
#seoDashboardMessage {font-size:13px;line-height:1.6}
.seo-runtime{margin:16px 0;padding:18px;border:1px solid #d9e4db;border-radius:12px;background:#f3f8f4;overflow-wrap:anywhere}
.seo-runtime h3{margin:0 0 10px;font-size:16px}.seo-runtime p{font-size:13px;line-height:1.7;margin:7px 0}
.seo-runtime-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.seo-runtime-actions button{font-size:12px}
.seo-runtime-confirm{margin-top:12px;padding:14px;border:1px solid #d9a843;border-radius:9px;background:#fff8e7}.seo-runtime-confirm strong{font-size:14px}
@media(max-width:1000px){.seo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-charts{grid-template-columns:1fr}.seo-period{align-items:flex-start}}
@media(max-width:520px){.seo-metric{padding:13px}.seo-metric strong{font-size:23px}.seo-head-actions{width:100%}.seo-head-actions button,.seo-head-actions a{font-size:12px}.seo-period{padding:12px}.seo-period label,.seo-period p{min-width:0;width:100%;flex-basis:100%}.seo-tabs button{padding:10px;font-size:12px}}