/* Site Audit → Google guidelines tab (public/saas/views/audit-guidelines.js). Scoped to .gl-tab; brand palette only,
   red/amber reserved for problems. No inline styles anywhere (CSP). */
.gl-tab{display:grid;gap:12px}
.gl-tab .gl-pad{padding:0 18px}
.rf-pill.gl-ai{background:#6a61dc;color:#fff}

/* head */
.gl-head .gl-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0 18px 12px;color:var(--rf-muted);font-size:12.5px}
.gl-head .gl-legend span+span{margin-right:8px}
.gl-head .gl-disclaimer{margin:0 18px 16px}
.gl-head .gl-error{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 18px 12px}
.gl-head .gl-error p{margin:0}
.gl-tab .gl-locked-note{margin:0}

/* locked */
.gl-locked .gl-locked-body{padding:0 18px 18px;max-width:760px}
.gl-locked .gl-lead{margin:0 0 10px;color:var(--rf-ink);font-weight:600}
.gl-locked p{color:var(--rf-text);line-height:1.5}
.gl-locked-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:14px 0;padding:0;list-style:none}
.gl-locked-groups li{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--rf-line);border-radius:10px;background:#f0effe}
.gl-locked-groups strong{color:#4338ca;font-size:13px}
.gl-locked-groups small{color:var(--rf-muted);font-size:12px}

/* progress */
.gl-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0 18px 18px;list-style:none}
.gl-stages li{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--rf-line);border-radius:10px;color:var(--rf-muted);font-size:13px}
.gl-stages .gl-step-dot{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--rf-soft);font-size:11.5px;font-weight:650}
.gl-stages .gl-step-dot .ic{width:13px;height:13px}
.gl-stages li.is-current{border-color:#b4aef5;background:#f0effe;color:#4338ca;font-weight:600}
.gl-stages li.is-current .gl-step-dot{background:#4338ca;color:#fff;animation:gl-pulse 1.6s ease-in-out infinite}
.gl-stages li.is-done{color:var(--rf-ink)}
.gl-stages li.is-done .gl-step-dot{background:#16a34a;color:#fff}
@keyframes gl-pulse{0%,100%{box-shadow:0 0 0 0 rgba(67,56,202,.35)}50%{box-shadow:0 0 0 6px rgba(67,56,202,0)}}
@media (prefers-reduced-motion:reduce){.gl-stages li.is-current .gl-step-dot{animation:none}}

/* summary */
.gl-overview{display:flex;align-items:flex-start;gap:10px;margin:0 18px 14px;padding:12px 14px;border-radius:10px;background:#f0effe}
.gl-overview p{margin:0;color:var(--rf-ink);line-height:1.5}
.gl-table-wrap{margin:0 18px 8px}
.gl-table th[scope="row"]{font-weight:550;text-align:left}
.gl-table tfoot th,.gl-table tfoot td{border-top:1px solid var(--rf-line)}
.gl-table .gl-zero{color:var(--rf-faint)}
.gl-table .gl-n.meets{color:#16a34a}
.gl-table .gl-n.partly{color:var(--rf-amber-ink)}
.gl-table .gl-n.does_not_meet{color:var(--rf-red-ink)}
.gl-sample{margin:4px 18px 10px}
.gl-sample ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.gl-sample li{display:grid;gap:2px}
.gl-sample small{color:var(--rf-muted)}

/* items */
.gl-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 12px}
.gl-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--rf-line);border-radius:999px;background:transparent;color:var(--rf-text);font:inherit;font-size:12.5px;cursor:pointer}
.gl-chip span{color:var(--rf-muted);font-size:11.5px}
.gl-chip:hover{border-color:#b4aef5}
.gl-chip.is-current{border-color:#4338ca;background:#4338ca;color:#fff}
.gl-chip.is-current span{color:#e6e3fd}
.gl-chip:focus-visible,.gl-item summary:focus-visible{outline:2px solid #7b72ea;outline-offset:2px}
.gl-group{padding:0 18px 14px}
.gl-group>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:6px 0 8px}
.gl-group h4{margin:0;color:var(--rf-ink);font-size:14px}
.gl-doc{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;white-space:nowrap}
.gl-doc .ic{width:12px;height:12px}
.gl-item{border:1px solid var(--rf-line);border-left:3px solid var(--rf-line);border-radius:10px;margin-bottom:8px;background:var(--rf-bg,#fff)}
.gl-item.v-meets{border-left-color:#8fd9bf}
.gl-item.v-partly{border-left-color:#f5a524}
.gl-item.v-does_not_meet{border-left-color:#ef4444}
.gl-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}
.gl-item summary::-webkit-details-marker{display:none}
.gl-item-title{color:var(--rf-ink);font-weight:600;font-size:13.5px}
.gl-item-tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}
.gl-conf{color:var(--rf-muted);font-size:11.5px}
.gl-item-body{padding:0 12px 12px;color:var(--rf-text);font-size:13px;line-height:1.5}
.gl-item-body h5{margin:10px 0 6px;color:var(--rf-muted);font-size:11.5px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}
.gl-why{margin:0;color:var(--rf-ink)}
.gl-evidence,.gl-measured{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.gl-evidence li{display:grid;gap:3px}
.gl-quote{margin:0;padding:6px 10px;border-left:3px solid #b4aef5;background:#f0effe;border-radius:0 8px 8px 0;color:var(--rf-ink);overflow-wrap:anywhere}
.gl-measured li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.gl-measured li span{color:var(--rf-muted)}
.gl-measured li small{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 10px}
.gl-url{font-size:12.5px;overflow-wrap:anywhere}
.gl-fix{margin:10px 0 0}
.gl-summary{margin:10px 0 0;color:var(--rf-muted);font-size:12.5px}
.gl-failed p{margin:0 0 16px}

@media (max-width:760px){
  .gl-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gl-item summary{flex-direction:column;align-items:flex-start}
  .gl-item-tags{justify-content:flex-start}
  .gl-group>header{flex-direction:column}
}