/*
 * SenceSEO 1.3 — SenceStudios theme bridge.
 * Styles remain scoped to #ssseo-app; no global Bootstrap/WordPress overrides.
 * Site theme may override --sence-primary/secondary, --bs-*, or these local
 * --ssseo-* variables without editing plugin files.
 */
#ssseo-app.ssseo-app {
  --ssseo-primary: var(--sence-primary, var(--sence-color-primary, var(--sencestudios-primary, #4F6783)));
  --ssseo-secondary: var(--sence-secondary, var(--sence-color-secondary, var(--sencestudios-secondary, #90C2E7)));
  --ssseo-text: var(--bs-body-color, #25374a);
  --ssseo-muted: var(--bs-secondary-color, #64778b);
  --ssseo-border: var(--bs-border-color, #dce6ef);
  --ssseo-bg: var(--bs-tertiary-bg, #f5f8fb);
  --ssseo-white: var(--bs-body-bg, #fff);
  --ssseo-radius: var(--bs-border-radius-xl, 16px);
  color:var(--ssseo-text);
  font-family:var(--sence-font, var(--bs-body-font-family, Ubuntu, system-ui, sans-serif));
  max-width:1320px;
  padding:5px clamp(4px,1.2vw,18px) 40px;
}
body.ssseo-workspace-page :is(.entry-content,.wp-block-post-content) > #ssseo-app,
body.ssseo-workspace-page :is(.entry-content,.wp-block-post-content) > p > #ssseo-app {
  width:100%;
}
#ssseo-app .ssseo-head {margin-bottom:15px;gap:10px;align-items:center}
#ssseo-app .ssseo-head .ssseo-eyebrow {font-size:10px;letter-spacing:.075em;opacity:.75}
#ssseo-app .ssseo-brand {margin-top:0;gap:0}
#ssseo-app .ssseo-brand h2 {font-size:clamp(1.25rem,2vw,1.5rem);font-weight:750;margin:0;line-height:1.27}
#ssseo-app .ssseo-brand p {font-size:.8rem;color:var(--ssseo-muted)}
#ssseo-app .ssseo-btn {border-radius:var(--bs-border-radius,9px);font-weight:650}
#ssseo-app .ssseo-btn-primary {background:var(--ssseo-primary);border-color:var(--ssseo-primary);color:#fff}
#ssseo-app .ssseo-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--ssseo-primary) 88%,#111);border-color:transparent}
#ssseo-app .ssseo-projectbar {padding:10px 13px;margin-bottom:10px;border-radius:var(--bs-border-radius-lg,12px);background:var(--ssseo-bg)}
#ssseo-app .ssseo-tabs {margin:0 0 13px;border:0;gap:5px;min-height:42px;align-items:center}
#ssseo-app .ssseo-tabs button {font-size:.83rem;padding:8px 13px;border:1px solid transparent;border-radius:var(--bs-border-radius,9px);background:transparent;line-height:1.2}
#ssseo-app .ssseo-tabs button.active {background:color-mix(in srgb,var(--ssseo-primary) 11%,var(--ssseo-white));border-color:color-mix(in srgb,var(--ssseo-primary) 20%,var(--ssseo-white));color:var(--ssseo-primary)}
#ssseo-app .ssseo-tabs button:hover {background:var(--ssseo-bg)}
#ssseo-app .ssseo-panel {border-color:var(--ssseo-border);background:var(--ssseo-white);border-radius:var(--ssseo-radius);box-shadow:0 7px 25px rgba(36,62,83,.035);padding:clamp(15px,2vw,22px)}
#ssseo-app .ssseo-metric {border-color:var(--ssseo-border);border-radius:var(--bs-border-radius-lg,12px)}
#ssseo-app .ssseo-banner {background:linear-gradient(115deg,color-mix(in srgb,var(--ssseo-secondary) 16%,var(--ssseo-white)),var(--ssseo-white));}
#ssseo-app :is(.ssseo-metric strong,.ssseo-eyebrow,.ssseo-tab button.active) {color:var(--ssseo-primary)}
#ssseo-app :is(input,select,button):focus-visible {outline:3px solid var(--ssseo-secondary);outline-offset:2px}
#ssseo-app .ssseo-footer {font-size:.76rem;color:var(--ssseo-muted)}
/* Source diagnostics: compact, readable with the site's card/button patterns. */
#ssseo-app .ssseo-code-section {margin-top:0}
#ssseo-app .ssseo-code-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}
#ssseo-app .ssseo-code-summary>div {border:1px solid var(--ssseo-border);border-radius:12px;padding:14px;background:var(--ssseo-bg);display:flex;flex-direction:column;gap:3px;min-width:0}
#ssseo-app .ssseo-code-summary span {font-size:.77rem;color:var(--ssseo-muted);font-weight:600}
#ssseo-app .ssseo-code-summary strong {font-size:clamp(1.25rem,2.5vw,1.75rem);letter-spacing:-.04em;color:var(--ssseo-primary);font-variant-numeric:tabular-nums}
#ssseo-app .ssseo-code-summary small {font-size:.73rem;color:var(--ssseo-muted)}
#ssseo-app .ssseo-code-tabs {display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:var(--ssseo-bg);border:1px solid var(--ssseo-border);border-radius:12px;margin-bottom:14px;width:fit-content;max-width:100%}
#ssseo-app .ssseo-code-tabs button {font-size:.79rem;font-weight:700;background:transparent;color:var(--ssseo-muted);border:1px solid transparent;border-radius:8px;padding:8px 13px;min-height:35px}
#ssseo-app .ssseo-code-tabs button.active {background:var(--ssseo-white);border-color:var(--ssseo-border);box-shadow:0 1px 3px #0000000b;color:var(--ssseo-primary)}
#ssseo-app .ssseo-code-results {border:1px solid var(--ssseo-border);border-radius:12px;overflow:hidden}
#ssseo-app .ssseo-code-results-head {padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--ssseo-bg);font-size:.8rem}
#ssseo-app .ssseo-code-results-head span {color:var(--ssseo-muted);font-size:.75rem}
#ssseo-app .ssseo-code-row {padding:12px 14px;border-top:1px solid var(--ssseo-border);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:7px 15px;align-items:center}
#ssseo-app .ssseo-code-name {font-weight:650;font-size:.79rem;line-height:1.3;color:var(--ssseo-text);overflow-wrap:anywhere;min-width:0}
#ssseo-app .ssseo-code-name small {display:block;color:var(--ssseo-muted);font-size:.72rem;margin-top:3px;font-weight:400}
#ssseo-app .ssseo-code-stats {display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:5px 12px;font-size:.75rem;color:var(--ssseo-muted);font-variant-numeric:tabular-nums}
#ssseo-app .ssseo-code-stats b {color:var(--ssseo-primary)}
#ssseo-app .ssseo-code-track {grid-column:1/-1;height:6px;background:var(--ssseo-bg);border-radius:6px;overflow:hidden;border:1px solid var(--ssseo-border)}
#ssseo-app .ssseo-code-track i {display:block;height:100%;background:var(--ssseo-secondary);border-radius:inherit}
#ssseo-app .ssseo-code-note {font-size:.79rem;line-height:1.55;color:var(--ssseo-muted);background:var(--ssseo-bg);border-left:3px solid var(--ssseo-secondary);border-radius:7px;padding:12px 14px;margin-top:14px}
#ssseo-app .ssseo-code-note b {color:var(--ssseo-text)}
#ssseo-app .ssseo-waterfall-bar {background:var(--ssseo-secondary)}
#ssseo-app .ssseo-waterfall-bar>span {background:var(--ssseo-primary)}
#ssseo-app .ssseo-pulse-score {border-color:var(--ssseo-border)}
@media(max-width:760px){
  #ssseo-app .ssseo-code-summary {grid-template-columns:1fr 1fr}
  #ssseo-app .ssseo-code-summary>div:last-child {grid-column:1/-1}
  #ssseo-app .ssseo-code-row {grid-template-columns:minmax(0,1fr)}
  #ssseo-app .ssseo-code-stats {justify-content:flex-start}
  #ssseo-app .ssseo-head {align-items:flex-start}
  #ssseo-app .ssseo-headright {flex-shrink:0}
}
@media(max-width:510px){
  #ssseo-app .ssseo-code-summary {grid-template-columns:1fr}
  #ssseo-app .ssseo-code-summary>div:last-child {grid-column:auto}
  #ssseo-app .ssseo-head {flex-direction:column;align-items:stretch}
  #ssseo-app .ssseo-headright {align-self:flex-start}
  #ssseo-app .ssseo-code-tabs {width:100%}
  #ssseo-app .ssseo-code-tabs button {flex:1 1 100%;text-align:left}
  #ssseo-app .ssseo-projectbar select {min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){#ssseo-app *,#ssseo-app *::before,#ssseo-app *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* v1.4 Fix Center: inherits SenceStudios colors, typography and theme radii. */
#ssseo-app .ssseo-fix-hero {
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:clamp(18px,2.3vw,28px);border:1px solid var(--ssseo-border);
  border-radius:var(--ssseo-radius);margin-bottom:14px;
  background:linear-gradient(117deg,color-mix(in srgb,var(--ssseo-secondary) 21%,var(--ssseo-white)) 0%,var(--ssseo-white) 74%);
}
#ssseo-app .ssseo-fix-hero h3{font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.035em;margin:3px 0 5px}
#ssseo-app .ssseo-fix-hero p{font-size:.85rem;color:var(--ssseo-muted);margin:0;max-width:630px}
#ssseo-app .ssseo-fix-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
#ssseo-app .ssseo-fix-stats .ssseo-metric{background:var(--ssseo-white);padding:14px}
#ssseo-app .ssseo-fix-stats .ssseo-metric strong{font-size:1.5rem}
#ssseo-app .ssseo-fix-top{grid-template-columns:minmax(0,1.5fr) minmax(240px,.9fr);align-items:stretch}
#ssseo-app .ssseo-fix-scan{font-size:.72rem;color:var(--ssseo-muted);white-space:nowrap}
#ssseo-app .ssseo-trend{display:flex;align-items:stretch;gap:clamp(4px,1vw,11px);height:155px;margin:13px 0 10px;overflow-x:auto;border-bottom:1px solid var(--ssseo-border);padding:0 4px}
#ssseo-app .ssseo-trend-point{min-width:25px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;font-size:.69rem;color:var(--ssseo-muted)}
#ssseo-app .ssseo-trend-point b{color:var(--ssseo-text);font-variant-numeric:tabular-nums;font-size:.74rem}
#ssseo-app .ssseo-trend-point .ssseo-trend-bar{display:block;width:min(100%,34px);min-height:4px;flex-shrink:0;background:linear-gradient(180deg,var(--ssseo-secondary),var(--ssseo-primary));border-radius:5px 5px 0 0;opacity:.9}
#ssseo-app .ssseo-trend-point small{font-size:.68rem;white-space:nowrap;margin-bottom:3px}
#ssseo-app .ssseo-fix-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:.75rem;color:var(--ssseo-muted);padding-top:3px}
#ssseo-app .ssseo-fix-legend span{display:flex;align-items:center;gap:5px}
#ssseo-app .ssseo-fix-legend i{display:inline-block;flex-shrink:0}
#ssseo-app .ssseo-fix-toolbar{display:flex;justify-content:space-between;gap:13px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}
#ssseo-app .ssseo-fix-filter{display:flex;flex-wrap:wrap;gap:5px}
#ssseo-app .ssseo-fix-filter button{font-size:.76rem;font-weight:700;border-radius:8px;border:1px solid transparent;background:var(--ssseo-bg);color:var(--ssseo-muted);padding:7px 10px;min-height:33px}
#ssseo-app .ssseo-fix-filter button.selected{background:color-mix(in srgb,var(--ssseo-primary) 12%,var(--ssseo-white));border-color:color-mix(in srgb,var(--ssseo-primary) 25%,var(--ssseo-white));color:var(--ssseo-primary)}
#ssseo-app .ssseo-fix-filter button:hover{border-color:var(--ssseo-border)}
#ssseo-app .ssseo-fix-search-label{display:flex;align-items:center;gap:7px;color:var(--ssseo-muted);font-size:.74rem;font-weight:700}
#ssseo-app .ssseo-fix-search-label input{width:220px;min-height:36px;padding:7px 10px;font-size:.81rem}
#ssseo-app .ssseo-fix-list{display:flex;flex-direction:column;gap:8px}
#ssseo-app .ssseo-fix-item{border:1px solid var(--ssseo-border);border-radius:11px;background:var(--ssseo-white);overflow:hidden}
#ssseo-app .ssseo-fix-item[open]{border-color:color-mix(in srgb,var(--ssseo-primary) 30%,var(--ssseo-border));box-shadow:0 7px 25px #31485b0b}
#ssseo-app .ssseo-fix-item>summary{display:flex;align-items:center;gap:11px;cursor:pointer;padding:13px 15px;list-style:none}
#ssseo-app .ssseo-fix-item>summary::-webkit-details-marker{display:none}
#ssseo-app .ssseo-fix-item>summary::after{content:'+';font-size:1.25rem;line-height:1;font-weight:600;color:var(--ssseo-muted);margin-left:4px}
#ssseo-app .ssseo-fix-item[open]>summary::after{content:'−'}
#ssseo-app .ssseo-fix-item>summary strong{display:block;color:var(--ssseo-text);font-size:.86rem;font-weight:720}
#ssseo-app .ssseo-fix-item>summary small{display:block;margin-top:3px;overflow-wrap:anywhere;font-size:.73rem;color:var(--ssseo-muted)}
#ssseo-app .ssseo-fix-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
#ssseo-app .ssseo-fix-pill{white-space:nowrap;border:1px solid var(--ssseo-border);background:var(--ssseo-bg);color:var(--ssseo-muted);padding:4px 7px;border-radius:7px;font-size:.67rem;font-weight:750}
#ssseo-app .ssseo-fix-verified{background:#e7f5ee;border-color:#c2e6d2;color:#216a4a}
#ssseo-app .ssseo-fix-unchecked{background:#fff5e7;border-color:#f1dec0;color:#95651a}
#ssseo-app .ssseo-fix-status{background:color-mix(in srgb,var(--ssseo-secondary) 15%,var(--ssseo-white));color:var(--ssseo-primary);border-color:var(--ssseo-border)}
#ssseo-app .ssseo-fix-body{padding:14px 16px 16px;border-top:1px solid var(--ssseo-border);background:color-mix(in srgb,var(--ssseo-bg) 48%,var(--ssseo-white))}
#ssseo-app .ssseo-fix-evidence{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#ssseo-app .ssseo-fix-evidence b{font-size:.77rem;color:var(--ssseo-text)}
#ssseo-app .ssseo-fix-evidence p{font-size:.79rem;color:var(--ssseo-muted);margin:5px 0 10px;overflow-wrap:anywhere}
#ssseo-app .ssseo-fix-resources{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--ssseo-border);padding:11px 0;font-size:.75rem;color:var(--ssseo-muted)}
#ssseo-app .ssseo-fix-form{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(0,1.8fr) auto;gap:10px;align-items:end}
#ssseo-app .ssseo-fix-form label{display:flex;flex-direction:column;gap:5px;font-size:.77rem;font-weight:700;color:var(--ssseo-text);min-width:0}
#ssseo-app .ssseo-fix-form select,#ssseo-app .ssseo-fix-form textarea{display:block;width:100%;font:inherit;font-size:.82rem;padding:9px 10px;border:1px solid var(--ssseo-border);border-radius:8px;background:var(--ssseo-white);color:var(--ssseo-text);resize:vertical;min-height:40px}
#ssseo-app .ssseo-fix-form textarea{min-height:76px}
#ssseo-app .ssseo-fix-form button{margin-bottom:0;align-self:end}
#ssseo-app .ssseo-fix-more{padding:14px 0;text-align:center}
#ssseo-app .ssseo-fix-footnote{font-size:.72rem;margin:8px 0 0}
@media(max-width:900px){
  #ssseo-app .ssseo-fix-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #ssseo-app .ssseo-fix-top{grid-template-columns:1fr}
  #ssseo-app .ssseo-fix-form{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  #ssseo-app .ssseo-fix-form button{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
  #ssseo-app .ssseo-fix-hero{align-items:stretch}
  #ssseo-app .ssseo-fix-hero .ssseo-actions{width:100%;display:flex;flex-wrap:wrap}
  #ssseo-app .ssseo-fix-hero .ssseo-actions button{flex:1}
  #ssseo-app .ssseo-fix-search-label,#ssseo-app .ssseo-fix-search-label input{width:100%}
  #ssseo-app .ssseo-fix-search-label{flex-direction:column;align-items:flex-start}
  #ssseo-app .ssseo-fix-item>summary{align-items:flex-start;flex-wrap:wrap}
  #ssseo-app .ssseo-fix-tags{width:100%;justify-content:flex-start;margin-left:13px}
  #ssseo-app .ssseo-fix-evidence{grid-template-columns:1fr;gap:3px}
  #ssseo-app .ssseo-fix-form{grid-template-columns:1fr}
  #ssseo-app .ssseo-fix-form button{grid-column:1}
  #ssseo-app .ssseo-trend{height:135px}
}
#ssseo-app .ssseo-overview-fixes{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#ssseo-app .ssseo-overview-fixes h3{margin-bottom:3px}
#ssseo-app .ssseo-overview-fixes p{margin-bottom:0}

#ssseo-app .ssseo-trend-point{display:grid;grid-template-rows:17px minmax(0,1fr) 20px;justify-items:center;align-items:stretch;height:100%;gap:4px}
#ssseo-app .ssseo-trend-point b,#ssseo-app .ssseo-trend-point small{text-align:center}
#ssseo-app .ssseo-trend-track{display:flex;align-items:end;justify-content:center;width:100%;min-height:0}
#ssseo-app .ssseo-trend-point .ssseo-trend-bar{flex:0 0 auto}