/* Scoped controls: no effect on other dashboard buttons or Ahrefs settings. */
[data-seo-range-pending] [data-seo-panel]:not([data-seo-panel="audit"]) { display:none!important; }
.sf-seo-controls { display:flex; align-items:stretch; gap:16px; min-width:0; max-width:100%; }
.sf-seo-toolbar { padding:20px 0; }
.sf-seo-title [data-seo-domain] { font-size:12px; color:#38cfee; margin-top:10px; }
.sf-seo-controls button { cursor:pointer; }
.sf-seo-controls button:focus-visible,.sf-seo-date-dialog button:focus-visible,.sf-seo-date-dialog input:focus-visible { outline:2px solid #2dd4f5; outline-offset:3px; }
.sf-seo-date-stack { width:410px; max-width:100%; min-width:0; display:flex; flex-direction:column; gap:10px; }
.sf-seo-controls .sf-seo-date-button { width:100%; min-height:72px; height:auto; display:flex; align-items:center; gap:12px; padding:12px 16px; border:1px solid #294153; border-radius:10px; background:#0b1b29; color:#eef6ff; text-align:left; white-space:normal; }
.sf-seo-controls .sf-seo-date-button:hover,.sf-seo-controls .sf-seo-date-button[aria-expanded="true"] { border-color:#27c9ef; background:#102737; }
.sf-seo-date-button svg { width:23px; height:23px; flex-shrink:0; fill:none; stroke:#b2c6d7; stroke-width:1.6; }
.sf-seo-date-copy { min-width:0; flex:1; display:flex; flex-direction:column; gap:5px; }
.sf-seo-date-copy small { font-size:11px; letter-spacing:.06em; color:#adbdcd; }
.sf-seo-date-copy strong { font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
.sf-seo-date-badge { color:#4adfff; background:#123445; padding:4px 7px; border-radius:6px; font-size:11px; flex-shrink:0; }
.sf-seo-date-status { margin:0; font-size:11px; color:#aabed0; min-height:15px; }
.sf-seo-controls .sf-ahrefs-card { position:relative; width:158px; flex:0 0 158px; box-sizing:border-box; padding:14px; border:1px solid #294153; border-radius:10px; background:#0a1825; }
.sf-seo-controls .sf-ahrefs-heading { font-size:13px; color:#e4edf6; }
.sf-seo-controls .sf-ahrefs-value { position:absolute; clip-path:inset(50%); width:1px; height:1px; overflow:hidden; white-space:nowrap; }
.sf-seo-controls .sf-ahrefs-ring { --ahrefs-progress:0deg; width:76px; height:76px; margin:10px auto; border-radius:50%; background:conic-gradient(#2cd0f1 var(--ahrefs-progress),#182e40 0); display:grid; place-items:center; }
.sf-seo-controls .sf-ahrefs-ring span { width:64px; height:64px; border-radius:50%; background:#0a1825; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:28px; font-weight:700; }
.sf-seo-controls .sf-ahrefs-ring small { font-size:10px; color:#a8b8c7; font-weight:400; }
.sf-seo-controls .sf-ahrefs-attribution a { color:#38d2f1; font-size:11px; text-decoration:none; }
.sf-seo-controls .sf-ahrefs-date,.sf-seo-controls .sf-ahrefs-note { color:#a8b8c7; font-size:10px; line-height:1.5; margin-top:5px; overflow-wrap:anywhere; }
.sf-seo-controls .sf-ahrefs-connect { margin-top:8px; background:#112c3c; border:1px solid #345367; color:#c8edff; border-radius:5px; padding:4px 8px; }
.sf-seo-date-dialog { box-sizing:border-box; width:min(690px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:20px; border:1px solid #365164; border-radius:14px; background:#0b1926; color:#eef6ff; box-shadow:0 24px 80px #0008; font-family:inherit; }
.sf-seo-date-dialog::backdrop { background:#02081288; }
.sf-seo-date-dialog button { font:inherit; cursor:pointer; color:#d7e6f4; background:transparent; border:1px solid transparent; border-radius:7px; padding:8px 12px; }
.sf-seo-date-dialog button:hover { background:#153347; }
.sf-seo-date-dialog button:disabled { opacity:.3; cursor:not-allowed; }
.sf-seo-date-dialog-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.sf-seo-date-dialog-head h2 { font-size:18px; margin:0; }
.sf-seo-date-picker-body { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; }
.sf-seo-date-presets { display:flex; flex-direction:column; gap:6px; border-right:1px solid #294153; padding-right:16px; }
.sf-seo-date-presets button { text-align:left; font-size:13px; }
.sf-seo-date-presets p { color:#93a9bc; font-size:11px; line-height:1.6; }
.sf-seo-month-nav { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.sf-seo-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; text-align:center; }
.sf-seo-calendar-grid>span { font-size:12px; color:#9fb3c6; padding:5px 0; }
.sf-seo-calendar-grid button { padding:9px 0; font-size:13px; }
.sf-seo-calendar-grid .is-range { background:#163447; }
.sf-seo-calendar-grid .is-end { background:#24c7ea; color:#03141d; font-weight:700; }
.sf-seo-date-inputs { display:flex; gap:12px; margin-top:18px; }
.sf-seo-date-inputs label { flex:1; min-width:0; font-size:12px; color:#afc2d2; }
.sf-seo-date-inputs input { width:100%; min-width:0; box-sizing:border-box; display:block; margin-top:5px; padding:8px; color-scheme:dark; color:#eef6ff; background:#081420; border:1px solid #345064; border-radius:6px; font:inherit; }
.sf-seo-date-error { font-size:12px; color:#ffaba8; }
.sf-seo-date-dialog footer { display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #294153; margin-top:18px; padding-top:16px; }
.sf-seo-date-dialog footer button { border-color:#345064; }
.sf-seo-date-dialog .sf-seo-date-apply { background:#25c9eb; color:#021622; font-weight:700; }
.sf-seo-date-dialog [hidden] { display:none!important; }
@media(max-width:720px) {
  .sf-seo-controls { width:100%; gap:10px; flex-wrap:wrap; }
  .sf-seo-date-stack { flex:1 1 300px; width:auto; }
  .sf-seo-controls .sf-ahrefs-card { flex:1 1 130px; }
  .sf-seo-date-picker-body { grid-template-columns:minmax(0,1fr); gap:12px; }
  .sf-seo-date-presets { border-right:0; padding-right:0; flex-direction:row; flex-wrap:wrap; }
  .sf-seo-date-presets p { width:100%; margin:0; }
}
@media(max-width:400px) {
  .sf-seo-date-badge { display:none; }
  .sf-seo-controls .sf-seo-date-button { padding:10px; gap:8px; }
}