:root {
  --wpaa-black:#171a22;
  --wpaa-muted:#667085;
  --wpaa-soft:#f6f7f9;
  --wpaa-line:#e8ebf0;
  --wpaa-red:#e91f2f;
  --wpaa-red-soft:#fff3f4;
  --wpaa-green:#109b57;
  --wpaa-orange:#f59f00;
  --wpaa-blue:#2563eb;
  --wpaa-shadow:0 18px 55px rgba(16,24,40,.08);
  --wpaa-radius:24px
}
.wpaa-shell {
  --accent:var(--wpaa-brand-accent,var(--wpaa-red));
  --primary:var(--wpaa-brand-primary,var(--wpaa-black));
  box-sizing:border-box;
  max-width:1220px;
  margin:0 auto;
  padding:18px;
  color:var(--primary);
  font-family:Cairo,Tahoma,Arial,sans-serif;
  line-height:1.7;
  background:var(--wpaa-brand-surface,#fff);
  isolation:isolate;
  contain:layout style;
  border-radius:28px
}
.wpaa-shell *,.wpaa-shell *:before,.wpaa-shell *:after {
  box-sizing:border-box
}
.wpaa-shell button,.wpaa-shell input {
  font:inherit
}
.wpaa-shell button {
  cursor:pointer
}
.wpaa-language-toggle {
  display:flex;
  gap:8px;
  justify-content:flex-end;
  margin:0 0 10px
}
.wpaa-language-toggle button,.wpaa-tab-btn,.wpaa-issue-filters button,.wpaa-export-actions button,.wpaa-resource-actions a,.wpaa-resource-actions button,.wpaa-cta a {
  border:1px solid var(--wpaa-line);
  background:#fff;
  color:#344054;
  border-radius:999px;
  padding:9px 14px;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease
}
.wpaa-language-toggle button:hover,.wpaa-tab-btn:hover,.wpaa-issue-filters button:hover,.wpaa-export-actions button:hover,.wpaa-resource-actions a:hover,.wpaa-resource-actions button:hover,.wpaa-cta a:hover {
  transform:translateY(-1px);
  border-color:#d0d5dd;
  box-shadow:0 10px 25px rgba(16,24,40,.07);
  background:#fff
}
.wpaa-language-toggle button.is-active,.wpaa-tab-btn.is-active,.wpaa-issue-filters button.is-active {
  background:#fff;
  border-color:var(--accent);
  color:#9f1221;
  box-shadow:0 0 0 3px rgba(233,31,47,.08)
}
.wpaa-hero {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:22px;
  align-items:stretch;
  padding:28px;
  border:1px solid var(--wpaa-line);
  border-radius:32px;
  background:radial-gradient(circle at 12% 20%,rgba(233,31,47,.08),transparent 28%),linear-gradient(135deg,#fff,#fbfcfd);
  box-shadow:var(--wpaa-shadow);
  overflow:visible
}
.wpaa-hero__content {
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center
}
.wpaa-pill {
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:8px;
  border:1px solid #ffd4d8;
  background:#fff6f7;
  color:#9f1221;
  border-radius:999px;
  padding:7px 14px;
  font-weight:800;
  font-size:13px
}
.wpaa-hero h2 {
  margin:0;
  font-size:clamp(28px,4.3vw,48px);
  line-height:1.25;
  letter-spacing:-.04em
}
.wpaa-hero p,.wpaa-disclaimer,.wpaa-section-head p {
  margin:0;
  color:var(--wpaa-muted)
}
.wpaa-hero-badges {
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.wpaa-hero-badges span,.wpaa-summary-meta span,.wpaa-brand-chip {
  display:inline-flex;
  border:1px solid var(--wpaa-line);
  background:#fff;
  border-radius:999px;
  padding:6px 12px;
  color:#475467;
  font-weight:800;
  font-size:12px
}
.wpaa-brand-chip {
  width:max-content;
  color:var(--accent);
  border-color:#ffd4d8
}
.wpaa-form {
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center;
  padding:18px;
  border:1px solid var(--wpaa-line);
  border-radius:26px;
  background:#fff;
  box-shadow:0 15px 45px rgba(16,24,40,.06)
}
.wpaa-form label {
  font-weight:900;
  color:#1d2433
}
.wpaa-input-row {
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px
}
.wpaa-input-row input {
  min-height:54px;
  border:1px solid var(--wpaa-line);
  border-radius:17px;
  padding:0 16px;
  background:#fbfcfd;
  color:#101828;
  direction:ltr;
  text-align:left;
  outline:none
}
.wpaa-input-row input:focus {
  border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(233,31,47,.09);
  background:#fff
}
.wpaa-input-row button {
  min-height:54px;
  border:0;
  border-radius:17px;
  padding:0 20px;
  background:linear-gradient(135deg,var(--accent),#b81222);
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 30px rgba(233,31,47,.22);
  transition:transform .18s ease,box-shadow .18s ease
}
.wpaa-input-row button:hover {
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(233,31,47,.28)
}
.wpaa-input-row button:disabled {
  opacity:.6;
  cursor:progress
}
.wpaa-mode {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  color:#475467;
  font-size:13px
}
.wpaa-mode label {
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--wpaa-line);
  background:#fff;
  border-radius:999px;
  padding:7px 10px;
  font-weight:800
}
.wpaa-form small {
  color:var(--wpaa-muted)
}
.wpaa-loading,.wpaa-error,.wpaa-results {
  margin-top:18px
}
.wpaa-loading {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
  border:1px solid var(--wpaa-line);
  border-radius:26px;
  background:#fff;
  padding:18px;
  box-shadow:var(--wpaa-shadow)
}
.wpaa-loading[hidden],.wpaa-error[hidden],.wpaa-results[hidden],.wpaa-filter-empty[hidden] {
  display:none!important
}
.wpaa-loader-stage {
  position:relative;
  width:72px;
  height:72px;
  border-radius:20px;
  background:#fff5f6;
  border:1px solid #ffd4d8;
  display:grid;
  place-items:center
}
.wpaa-loader-stage span {
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--accent);
  animation:wpaaPulse 1.2s infinite ease-in-out
}
.wpaa-loader-stage span:nth-child(1) {
  transform:translate(-18px,-12px);
  animation-delay:.05s
}
.wpaa-loader-stage span:nth-child(2) {
  transform:translate(18px,-12px);
  animation-delay:.2s
}
.wpaa-loader-stage span:nth-child(3) {
  transform:translate(0,20px);
  animation-delay:.35s
}
.wpaa-loader-stage i {
  width:34px;
  height:34px;
  border-radius:50%;
  border:3px solid #ffd4d8;
  border-top-color:var(--accent);
  animation:wpaaSpin 1s infinite linear
}
.wpaa-progress {
  height:9px;
  background:#f2f4f7;
  border-radius:999px;
  overflow:hidden;
  margin:10px 0
}
.wpaa-progress i {
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--accent),#ff9aa4);
  border-radius:inherit;
  transition:width .35s ease
}
.wpaa-loader-steps {
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.wpaa-loader-steps span {
  border:1px solid var(--wpaa-line);
  border-radius:999px;
  padding:4px 9px;
  color:#667085;
  font-size:12px
}
.wpaa-loader-steps span.is-active {
  border-color:#ffd4d8;
  background:#fff5f6;
  color:#9f1221
}
.wpaa-loader-steps span.is-done {
  border-color:#b7ebcf;
  background:#ecfdf3;
  color:#067647
}
.wpaa-error {
  border:1px solid #fecaca;
  background:#fff6f6;
  color:#991b1b;
  border-radius:18px;
  padding:12px 14px;
  font-weight:800
}
.wpaa-summary {
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:18px;
  align-items:center;
  border:1px solid var(--wpaa-line);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  padding:22px;
  box-shadow:var(--wpaa-shadow);
  overflow:visible
}
.wpaa-summary--sticky {
  position:sticky;
  top:calc(var(--wp-admin--admin-bar--height,0px) + 12px);
  z-index:20
}
.wpaa-summary h3 {
  margin:10px 0 6px;
  font-size:clamp(20px,3vw,32px);
  line-height:1.35;
  word-break:break-word
}
.wpaa-summary-meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px
}
.wpaa-main-score {
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center;
  min-height:150px;
  border:1px solid var(--wpaa-line);
  border-radius:24px;
  background:#fff;
  padding:18px
}
.wpaa-main-score strong {
  font-size:48px;
  line-height:1;
  color:#111827
}
.wpaa-main-score span,.wpaa-main-score em {
  font-style:normal;
  color:#667085;
  font-weight:800
}
.wpaa-main-score i,.wpaa-score-bar {
  display:block;
  height:10px;
  border-radius:999px;
  background:#eef2f6;
  overflow:hidden
}
.wpaa-main-score i b,.wpaa-score-bar i,.wpaa-mini-score i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--accent)
}
.wpaa-main-score--good i b,.wpaa-score-tile--good .wpaa-score-bar i,.wpaa-mini-score--good i {
  background:var(--wpaa-green)
}
.wpaa-main-score--medium i b,.wpaa-score-tile--medium .wpaa-score-bar i,.wpaa-mini-score--medium i {
  background:var(--wpaa-orange)
}
.wpaa-score-board {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0
}
.wpaa-score-tile {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:120px;
  border:1px solid var(--wpaa-line);
  border-radius:24px;
  background:#fff;
  padding:16px;
  text-align:inherit;
  box-shadow:0 10px 32px rgba(16,24,40,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.wpaa-score-tile:hover {
  transform:translateY(-2px);
  border-color:#d0d5dd;
  box-shadow:0 18px 40px rgba(16,24,40,.09)
}
.wpaa-score-icon {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:#fff6f7;
  color:var(--accent);
  font-size:19px
}
.wpaa-score-tile__body {
  display:grid;
  gap:7px
}
.wpaa-score-tile__body strong {
  font-size:17px
}
.wpaa-score-tile__body em {
  font-style:normal;
  color:#667085;
  font-size:12px;
  font-weight:800
}
.wpaa-score-number {
  display:grid;
  justify-items:end
}
.wpaa-score-number b {
  font-size:28px
}
.wpaa-score-number small {
  color:#667085
}
.wpaa-tabs {
  border:1px solid var(--wpaa-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--wpaa-shadow);
  overflow:visible
}
.wpaa-tab-nav {
  position:sticky;
  top:var(--wpaa-tabs-sticky-top,calc(var(--wp-admin--admin-bar--height,0px) + 76px));
  z-index:15;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  padding:14px;
  border-bottom:1px solid var(--wpaa-line);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  border-radius:28px 28px 0 0
}
.wpaa-tab-btn {
  font-weight:900
}
.wpaa-tab-panels {
  padding:18px
}
.wpaa-tab-panel {
  display:none
}
.wpaa-tab-panel.is-active {
  display:block;
  animation:wpaaFade .25s ease
}
.wpaa-section-head {
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin:0 0 14px
}
.wpaa-section-head>div {
  display:flex;
  align-items:center;
  gap:10px
}
.wpaa-section-head>div>span {
  width:7px;
  height:28px;
  border-radius:999px;
  background:var(--accent)
}
.wpaa-section-head h4 {
  margin:0;
  font-size:22px
}
.wpaa-section-head--compact h4 {
  font-size:18px
}
.wpaa-report-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}
.wpaa-report-grid--count-1 {
  grid-template-columns:minmax(0,1fr)
}
.wpaa-report-card {
  border:1px solid var(--wpaa-line);
  border-radius:24px;
  background:#fff;
  padding:16px;
  min-height:100%;
  box-shadow:0 8px 30px rgba(16,24,40,.05)
}
.wpaa-report-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px
}
.wpaa-device {
  display:inline-flex;
  border-radius:999px;
  background:#fff5f6;
  color:#9f1221;
  padding:5px 10px;
  font-weight:900;
  font-size:12px
}
.wpaa-report-head h4 {
  margin:6px 0 0
}
.wpaa-report-head small {
  color:#667085
}
.wpaa-mini-score {
  display:grid;
  gap:5px;
  min-width:92px;
  text-align:center;
  border:1px solid var(--wpaa-line);
  border-radius:18px;
  background:#fff;
  padding:9px
}
.wpaa-mini-score strong {
  font-size:25px
}
.wpaa-mini-score span {
  font-size:11px;
  color:#667085
}
.wpaa-mini-score i {
  height:7px;
  background:#eef2f6
}
.wpaa-screenshots {
  display:grid;
  gap:10px
}
.wpaa-phone-frame,.wpaa-resource-preview {
  position:relative;
  display:grid;
  place-items:center;
  min-height:260px;
  border:1px solid var(--wpaa-line);
  border-radius:22px;
  background-color:#f7f8fa;
  background-image:linear-gradient(45deg,#eef1f5 25%,transparent 25%),linear-gradient(-45deg,#eef1f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1f5 75%),linear-gradient(-45deg,transparent 75%,#eef1f5 75%);
  background-position:0 0,0 10px,10px -10px,-10px 0;
  background-size:20px 20px;
  overflow:hidden
}
.wpaa-screenshot,.wpaa-resource-preview img {
  display:block;
  width:100%;
  height:100%;
  max-height:520px;
  object-fit:contain
}
.wpaa-shot-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px
}
.wpaa-shot-strip button {
  border:1px solid var(--wpaa-line);
  border-radius:14px;
  background:#f7f8fa;
  padding:4px;
  overflow:hidden
}
.wpaa-shot-strip img {
  width:100%;
  height:78px;
  object-fit:contain
}
.wpaa-no-shot {
  display:grid;
  place-items:center;
  min-height:260px;
  border:1px dashed #d0d5dd;
  border-radius:22px;
  background:#f8fafc;
  color:#667085;
  font-weight:900
}
.wpaa-metrics {
  margin-top:14px;
  border-top:1px solid var(--wpaa-line);
  padding-top:12px
}
.wpaa-metrics h5 {
  margin:0 0 10px;
  font-size:15px
}
.wpaa-metric {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #f1f3f6;
  padding:9px 0
}
.wpaa-metric:last-child {
  border-bottom:0
}
.wpaa-metric span {
  font-weight:900
}
.wpaa-metric small {
  display:block;
  color:#667085
}
.wpaa-metric strong {
  white-space:nowrap
}
.wpaa-top-fixes {
  margin-top:18px
}
.wpaa-quick-issue,.wpaa-category-panel,.wpaa-ticket {
  border:1px solid var(--wpaa-line);
  border-radius:22px;
  background:#fff;
  margin-bottom:12px;
  overflow:visible;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.wpaa-quick-issue:hover,.wpaa-category-panel:hover,.wpaa-ticket:hover {
  border-color:#d0d5dd;
  box-shadow:0 12px 32px rgba(16,24,40,.06)
}
.wpaa-quick-issue[open],.wpaa-category-panel[open],.wpaa-ticket[open] {
  border-color:#ffc9cf;
  box-shadow:0 18px 42px rgba(233,31,47,.08);
  background:linear-gradient(180deg,#fff,#fffdfd)
}
.wpaa-quick-issue summary,.wpaa-category-panel summary,.wpaa-ticket summary {
  list-style:none;
  display:grid;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  cursor:pointer
}
.wpaa-quick-issue summary::-webkit-details-marker,.wpaa-category-panel summary::-webkit-details-marker,.wpaa-ticket summary::-webkit-details-marker {
  display:none
}
.wpaa-quick-issue summary {
  grid-template-columns:auto minmax(0,1fr) auto auto
}
.wpaa-quick-issue summary>span {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#fff5f6;
  color:#9f1221;
  font-weight:900
}
.wpaa-quick-issue summary p {
  margin:4px 0 0;
  color:#667085
}
.wpaa-quick-issue summary b {
  font-size:12px;
  border:1px solid var(--wpaa-line);
  border-radius:999px;
  padding:4px 9px;
  color:#475467;
  background:#fff
}
.wpaa-quick-issue[open] summary i,.wpaa-ticket[open] summary i {
  transform:rotate(180deg)
}
.wpaa-category-panel summary {
  grid-template-columns:minmax(0,1fr) auto
}
.wpaa-category-title {
  display:flex;
  align-items:center;
  gap:9px
}
.wpaa-category-title span {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  background:#fff5f6;
  color:#9f1221
}
.wpaa-category-title em {
  font-style:normal;
  color:#667085;
  font-size:12px;
  font-weight:800
}
.wpaa-score-chip {
  display:inline-flex;
  align-items:baseline;
  gap:2px;
  border:1px solid var(--wpaa-line);
  border-radius:999px;
  background:#fff;
  padding:7px 12px;
  font-weight:900
}
.wpaa-score-chip--good {
  color:var(--wpaa-green)
}
.wpaa-score-chip--medium {
  color:var(--wpaa-orange)
}
.wpaa-score-chip--bad {
  color:var(--accent)
}
.wpaa-ticket-list {
  display:grid;
  gap:10px;
  padding:0 14px 14px
}
.wpaa-ticket summary {
  grid-template-columns:auto minmax(0,1fr) auto auto;
  min-height:74px
}
.wpaa-ticket-priority {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  border-radius:999px;
  padding:7px 10px;
  background:#fff5f6;
  color:#9f1221;
  font-weight:900;
  font-size:12px
}
.wpaa-ticket-main {
  display:grid;
  gap:3px;
  min-width:0
}
.wpaa-ticket-main strong {
  font-size:16px
}
.wpaa-ticket-main small {
  color:#667085;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.wpaa-ticket-side {
  display:grid;
  gap:4px;
  justify-items:end
}
.wpaa-ticket-side b,.wpaa-ticket-side em {
  font-style:normal;
  border:1px solid var(--wpaa-line);
  border-radius:999px;
  background:#fff;
  padding:3px 8px;
  color:#475467;
  font-size:12px
}
.wpaa-ticket i,.wpaa-quick-issue i {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#f8fafc;
  border:1px solid var(--wpaa-line);
  color:#667085;
  transition:transform .18s ease
}
.wpaa-ticket__body {
  padding:0 16px 16px
}
.wpaa-ticket-tabs {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px
}
.wpaa-ticket-card {
  border:1px solid var(--wpaa-line);
  border-radius:18px;
  padding:12px;
  background:#fff
}
.wpaa-ticket-card span {
  display:block;
  margin-bottom:6px;
  color:#9f1221;
  font-weight:900
}
.wpaa-ticket-card p {
  margin:0;
  color:#667085
}
.wpaa-detail-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px
}
.wpaa-detail-grid div {
  border:1px solid var(--wpaa-line);
  border-radius:16px;
  padding:10px;
  background:#fbfcfd
}
.wpaa-detail-grid span {
  display:block;
  color:#667085;
  font-size:12px;
  font-weight:900
}
.wpaa-detail-grid b {
  display:block;
  margin-top:4px;
  word-break:break-word
}
.wpaa-solve-box {
  margin-top:10px;
  border:1px solid #ffd4d8;
  border-radius:18px;
  background:#fffafa;
  padding:14px
}
.wpaa-solve-box strong {
  display:block;
  color:#9f1221;
  margin-bottom:8px
}
.wpaa-solve-box ol {
  margin:0;
  padding-inline-start:22px;
  color:#344054
}
.wpaa-resource-box {
  margin-top:12px;
  border:1px solid var(--wpaa-line);
  border-radius:20px;
  background:#fff;
  overflow:hidden
}
.wpaa-resource-head {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid var(--wpaa-line);
  background:#fbfcfd
}
.wpaa-resource-head strong {
  font-size:15px
}
.wpaa-resource-head span {
  color:#667085;
  font-size:12px;
  font-weight:900
}
.wpaa-resource-list {
  display:grid;
  gap:0
}
.wpaa-resource-item {
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #f1f3f6;
  align-items:center
}
.wpaa-resource-item:last-child {
  border-bottom:0
}
.wpaa-resource-item--link {
  grid-template-columns:minmax(0,1fr)
}
.wpaa-resource-item--javascript,.wpaa-resource-item--css,.wpaa-resource-item--font {
  background:#fff
}
.wpaa-resource-preview {
  min-height:96px;
  height:96px;
  border-radius:16px
}
.wpaa-resource-preview span {
  position:absolute;
  inset:auto 8px 8px auto;
  background:rgba(255,255,255,.92);
  border:1px solid var(--wpaa-line);
  border-radius:999px;
  padding:2px 8px;
  font-size:11px;
  font-weight:900;
  color:#475467
}
.wpaa-resource-preview.is-broken img {
  display:none
}
.wpaa-resource-preview.is-broken:before {
  content:'—';
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#fff;
  color:#667085;
  border:1px solid var(--wpaa-line)
}
.wpaa-resource-content {
  min-width:0;
  display:grid;
  gap:8px
}
.wpaa-resource-item__head {
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap
}
.wpaa-resource-item__head span {
  border-radius:999px;
  background:#f2f4f7;
  color:#344054;
  padding:3px 8px;
  font-size:12px;
  font-weight:900
}
.wpaa-resource-item__head b {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wpaa-resource-content code {
  display:block;
  border:1px solid var(--wpaa-line);
  background:#f8fafc;
  border-radius:12px;
  padding:8px 10px;
  color:#0f172a;
  white-space:nowrap;
  overflow:auto;
  direction:ltr;
  text-align:left
}
.wpaa-resource-content p {
  margin:0;
  color:#667085;
  font-size:12px
}
.wpaa-resource-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.wpaa-resource-actions a,.wpaa-resource-actions button {
  padding:6px 10px;
  font-size:12px;
  font-weight:900
}
.wpaa-resource-fallback {
  padding:14px;
  color:#667085
}
.wpaa-resource-fallback p {
  margin:0 0 8px
}
.wpaa-issue-filters {
  position:sticky;
  top:var(--wpaa-filters-sticky-top,calc(var(--wp-admin--admin-bar--height,0px) + 144px));
  z-index:14;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  border:1px solid var(--wpaa-line);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  padding:10px;
  margin-bottom:14px
}
.wpaa-issue-filters button {
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:8px 11px;
  font-weight:900
}
.wpaa-issue-filters b {
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:#f2f4f7;
  color:#344054;
  font-size:11px
}
.wpaa-issue-filters button.is-active b {
  background:#fff5f6;
  color:#9f1221
}
.wpaa-filter-empty,.wpaa-empty {
  border:1px dashed #d0d5dd;
  border-radius:18px;
  background:#f8fafc;
  padding:14px;
  color:#667085;
  font-weight:800
}
.wpaa-technical-layout {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:16px
}
.wpaa-tech-score {
  display:grid;
  justify-items:center;
  align-content:start;
  gap:10px;
  border:1px solid var(--wpaa-line);
  border-radius:22px;
  background:#fff;
  padding:16px;
  height:max-content
}
.wpaa-tech-summary {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px
}
.wpaa-tech-summary div {
  border:1px solid var(--wpaa-line);
  border-radius:16px;
  padding:10px;
  background:#fbfcfd
}
.wpaa-tech-summary span {
  display:block;
  color:#667085;
  font-size:12px
}
.wpaa-tech-summary strong {
  display:block;
  margin-top:4px
}
.wpaa-export-panel {
  border:1px solid var(--wpaa-line);
  border-radius:24px;
  background:#fff;
  padding:18px
}
.wpaa-export-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.wpaa-export-actions button {
  font-weight:900
}
.wpaa-print-note {
  color:#667085
}
.wpaa-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  border:1px solid #ffd4d8;
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#fff5f6);
  padding:18px;
  margin-top:14px
}
.wpaa-cta strong {
  font-size:18px
}
.wpaa-cta p {
  margin:4px 0 0;
  color:#667085
}
.wpaa-cta a {
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
  font-weight:900
}
.wpaa-disclaimer {
  text-align:center;
  margin:18px auto 0;
  font-size:13px
}
.wpaa-shell[data-wpaa-language="en"] {
  direction:ltr
}
.wpaa-shell[dir="ltr"] .wpaa-ticket-side {
  justify-items:start
}
@keyframes wpaaSpin {
  to {
    transform:rotate(360deg)
  }

}
@keyframes wpaaPulse {
  0%,100% {
    opacity:.35;
    transform:scale(.9)
  }
  50% {
    opacity:1;
    transform:scale(1.12)
  }

}
@keyframes wpaaFade {
  from {
    opacity:0;
    transform:translateY(5px)
  }
  to {
    opacity:1;
    transform:none
  }

}
@media (max-width:980px) {
  .wpaa-hero {
    grid-template-columns:1fr
  }
  .wpaa-score-board {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .wpaa-report-grid {
    grid-template-columns:1fr
  }
  .wpaa-summary {
    grid-template-columns:1fr
  }
  .wpaa-summary--sticky,.wpaa-tab-nav,.wpaa-issue-filters {
    position:static
  }
  .wpaa-ticket-tabs,.wpaa-detail-grid,.wpaa-tech-summary {
    grid-template-columns:1fr
  }
  .wpaa-technical-layout {
    grid-template-columns:1fr
  }
  .wpaa-resource-item {
    grid-template-columns:112px minmax(0,1fr)
  }
  .wpaa-phone-frame {
    min-height:360px
  }

}
@media (max-width:640px) {
  .wpaa-shell {
    padding:10px
  }
  .wpaa-hero {
    padding:18px;
    border-radius:24px
  }
  .wpaa-input-row {
    grid-template-columns:1fr
  }
  .wpaa-input-row button {
    width:100%
  }
  .wpaa-score-board {
    grid-template-columns:1fr
  }
  .wpaa-score-tile {
    min-height:auto
  }
  .wpaa-tab-nav {
    overflow:auto;
    justify-content:flex-start
  }
  .wpaa-tab-panels {
    padding:12px
  }
  .wpaa-section-head {
    display:block
  }
  .wpaa-phone-frame {
    min-height:300px
  }
  .wpaa-shot-strip {
    grid-template-columns:repeat(3,1fr)
  }
  .wpaa-quick-issue summary {
    grid-template-columns:auto minmax(0,1fr) auto
  }
  .wpaa-quick-issue summary b {
    display:none
  }
  .wpaa-ticket summary {
    grid-template-columns:1fr auto;
    gap:8px
  }
  .wpaa-ticket-priority {
    width:max-content;
    grid-column:1/2
  }
  .wpaa-ticket-main {
    grid-column:1/3
  }
  .wpaa-ticket-main small {
    white-space:normal
  }
  .wpaa-ticket-side {
    grid-column:1/2;
    justify-items:start;
    display:flex;
    flex-wrap:wrap
  }
  .wpaa-resource-item,.wpaa-resource-item--link {
    grid-template-columns:1fr
  }
  .wpaa-resource-preview {
    height:150px
  }
  .wpaa-resource-content code {
    white-space:normal;
    word-break:break-all
  }
  .wpaa-cta {
    display:block
  }
  .wpaa-cta a {
    display:inline-flex;
    margin-top:12px
  }
  .wpaa-main-score {
    min-height:auto
  }
  .wpaa-main-score strong {
    font-size:40px
  }

}

.wpaa-category-panel,.wpaa-ticket {
  scroll-margin-top:var(--wpaa-scroll-margin-top,calc(var(--wp-admin--admin-bar--height,0px) + 168px))
}

/* v1.7.6 baseline client-ready UX hardening retained */
.wpaa-action-plan {
  border:1px solid var(--wpaa-line);
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#fbfcfd);
  padding:18px;
  margin:14px 0;
  box-shadow:0 10px 28px rgba(16,24,40,.04)
}

.wpaa-plan-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px
}

.wpaa-plan-grid article {
  border:1px solid var(--wpaa-line);
  border-radius:18px;
  background:#fff;
  padding:12px;
  min-height:112px
}

.wpaa-plan-grid b {
  display:inline-flex;
  border-radius:999px;
  background:#fff5f6;
  color:#9f1221;
  padding:4px 10px;
  font-size:12px;
  margin-bottom:8px
}

.wpaa-plan-grid p {
  margin:0;
  color:#475467;
  font-size:13px;
  line-height:1.7
}

.wpaa-tab-panel:focus {
  outline:2px solid rgba(233,31,47,.28);
  outline-offset:4px
}

.wpaa-resource-item--javascript .wpaa-resource-preview,.wpaa-resource-item--css .wpaa-resource-preview,.wpaa-resource-item--font .wpaa-resource-preview,.wpaa-resource-item--resource .wpaa-resource-preview {
  display:none!important
}

@media (min-width:981px) {
  .wpaa-tab-nav {
    top:var(--wpaa-tabs-sticky-top,calc(var(--wp-admin--admin-bar--height,0px) + 76px))
  }
  .wpaa-issue-filters {
    top:var(--wpaa-filters-sticky-top,calc(var(--wp-admin--admin-bar--height,0px) + 144px))
  }

}

@media (max-width:980px) {
  .wpaa-plan-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .wpaa-shell {
    contain:layout style
  }
  .wpaa-tab-nav {
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch
  }
  .wpaa-tab-btn {
    scroll-snap-align:start;
    min-height:44px
  }
  .wpaa-issue-filters {
    position:static;
    overflow:auto;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch
  }
  .wpaa-issue-filters button {
    white-space:nowrap;
    min-height:44px
  }
  .wpaa-resource-preview {
    height:96px!important;
    min-height:96px!important
  }
  .wpaa-resource-preview img {
    object-fit:contain!important;
    background:#fff!important
  }

}

@media (max-width:640px) {
  .wpaa-plan-grid {
    grid-template-columns:1fr
  }
  .wpaa-summary-meta {
    display:grid;
    gap:6px
  }
  .wpaa-main-score {
    width:100%;
    align-items:flex-start
  }
  .wpaa-resource-preview {
    height:88px!important;
    min-height:88px!important
  }
  .wpaa-ticket-side em,.wpaa-ticket-side b {
    font-size:11px
  }
  .wpaa-export-actions button {
    min-height:44px;
    width:100%
  }

}

@media (max-width:480px) {
  .wpaa-shell {
    padding:8px;
    border-radius:20px
  }
  .wpaa-hero {
    padding:16px
  }
  .wpaa-tab-btn {
    padding:9px 12px
  }
  .wpaa-ticket__body {
    padding:0 10px 12px
  }
  .wpaa-ticket-card {
    padding:10px
  }
  .wpaa-plan-grid article {
    min-height:auto
  }
  .wpaa-resource-content code {
    font-size:11px
  }

}


/* v1.7.7 hardening and responsive polish
   Sections: cache/fresh scan, device merge badges, mobile-safe sticky offsets, print/mobile PDF, resource previews. */
.wpaa-summary--sticky {
  top: var(--wpaa-summary-sticky-top, calc(var(--wp-admin--admin-bar--height, 0px) + 12px));
}

.wpaa-cache-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #fde2e5;
  border-radius: 16px;
  background: #fff7f8;
  color: #8f1522;
  font-size: 13px;
  font-weight: 800;
}

.wpaa-cache-banner button {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  background: var(--accent);
  color: #fff;
  font-weight: 900;
  min-height: 38px;
}

.wpaa-cache-badge,
.wpaa-history-note {
  border-color: #fde2e5 !important;
  background: #fff7f8 !important;
  color: #8f1522 !important;
}

.wpaa-device-badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.wpaa-device-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--wpaa-line);
  background: #f8fafc;
  color: #344054;
  font-size: 11px;
  font-weight: 900;
}

.wpaa-mobile-print-help {
  display: none;
  margin: 8px 0 0;
  color: var(--wpaa-muted);
  font-size: 13px;
}

.wpaa-resource-preview {
  background-color: #fff !important;
  background-image: none !important;
}

.wpaa-resource-preview img {
  object-fit: contain !important;
  background: #fff !important;
}

@media (min-width: 981px) {
  .wpaa-tab-nav {
    top: var(--wpaa-tabs-sticky-top, calc(var(--wp-admin--admin-bar--height, 0px) + 76px));
  }

  .wpaa-issue-filters {
    top: var(--wpaa-filters-sticky-top, calc(var(--wp-admin--admin-bar--height, 0px) + 144px));
  }
}

@media (max-width: 980px) {
  .wpaa-shell {
    --wpaa-mobile-header-offset: 72px;
  }

  .wpaa-summary--sticky {
    position: sticky;
    top: var(--wpaa-summary-sticky-top, 80px);
    z-index: 18;
  }

  .wpaa-tab-nav {
    position: sticky;
    top: var(--wpaa-tabs-sticky-top, 150px);
    z-index: 17;
    overflow: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .wpaa-tab-btn {
    scroll-snap-align: start;
    min-height: 44px;
    white-space: nowrap;
  }

  .wpaa-issue-filters {
    position: static;
    overflow: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .wpaa-issue-filters button {
    white-space: nowrap;
    min-height: 44px;
  }

  .wpaa-resource-preview {
    height: 96px !important;
    min-height: 96px !important;
  }
}

@media (max-width: 640px) {
  .wpaa-shell {
    --wpaa-mobile-header-offset: 78px;
  }

  .wpaa-cache-banner {
    align-items: stretch;
    flex-direction: column;
  }

  .wpaa-cache-banner button,
  .wpaa-export-actions button {
    width: 100%;
    min-height: 44px;
  }

  .wpaa-mobile-print-help {
    display: block;
  }

  .wpaa-device-badges {
    justify-content: flex-start;
  }

  .wpaa-summary-meta {
    display: grid;
    gap: 6px;
  }
}