/* The shared "give Sage access" component: portal/templates/_google_access.html.
   Used on the public audit flow and on the client portal Setup page. */
.ga-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ga-steps>li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:1px solid #E0D9CC;border-radius:14px;padding:16px}
.ga-n{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;font-weight:500}
.ga-line{font-size:15.5px;line-height:1.45;color:#1F2616}
.ga-line b{font-weight:600}
.ga-copy{display:flex;gap:8px;background:#2C351D;border-radius:10px;padding:6px 6px 6px 12px;align-items:center;margin-top:12px}
.ga-copy-addr{flex:1;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#E4E8D2;word-break:break-all;line-height:1.4}
.ga-copy-btn{font:inherit;font-size:13px;font-weight:600;padding:10px 14px;border-radius:8px;border:0;background:#F8F4EA;color:#1A1A1A;cursor:pointer;min-width:78px}
.ga-copy-btn.done{background:#E8B84A}
.ga-ext{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:#2C351D}
.ga-mock{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ga-see{font-size:12px;color:#6A6656}
.ga-chip{font-size:12.5px;padding:5px 10px;border-radius:7px;border:1px solid #E0D9CC;background:#fff;color:#1F2616}
.ga-chip.hi{background:#F3DDA6;border-color:#D9A836;font-weight:600}
.ga-path{font-size:14px;margin:16px 0 4px}
.ga-why{font-size:14.5px;line-height:1.55;background:#E4E8D2;border-radius:14px;padding:16px 18px;color:#1F2616}
.ga-find{background:#fff;border:1px solid #E0D9CC;border-radius:12px;padding:14px;margin:12px 0 16px}
.ga-find-h{font-size:12px;color:#6A6656;margin-bottom:8px}
.ga-find-row{margin-top:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;background:#F8F4EA;border-radius:8px;padding:10px 12px;font-size:12.5px;flex-wrap:wrap}
.ga-find-note{font-size:12.5px;color:#6A6656;margin-top:8px}
.ga-mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.ga-verify{border:1.5px solid #E0D9CC;background:#fff;border-radius:16px;padding:20px;min-height:120px;color:#1F2616}
.ga-verify[data-state=checking]{border-color:#3F4B2B}
.ga-verify[data-state=connected]{border-color:#3F4B2B;background:#E4E8D2}
.ga-verify[data-state=failed]{border-color:#C94A32;background:#FBE2DC}
.ga-verify[data-state=fix]{border-color:#D9A836;background:#F7EBCB}
.ga-verify[data-state=unavailable]{border-color:#D9A836;background:#F7EBCB}
.ga-tag{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:#6A6656}
.ga-verify[data-state=connected] .ga-tag{color:#2C351D}
.ga-verify[data-state=failed] .ga-tag{color:#C94A32}
.ga-verify[data-state=fix] .ga-tag,.ga-verify[data-state=unavailable] .ga-tag{color:#7A4A12}
.ga-msg{font-size:15.5px;margin-top:8px;line-height:1.5}
.ga-sub{font-size:14px;color:#4A463F;margin-top:8px;line-height:1.5}
.ga-spin{display:inline-block;width:22px;height:22px;border-radius:50%;border:3px solid #3F4B2B33;border-top-color:#3F4B2B;animation:ga-spin .8s linear infinite;vertical-align:middle;margin-right:10px}
@keyframes ga-spin{to{transform:rotate(360deg)}}
.ga-trust{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#4A463F;border-top:1px solid #E0D9CC;padding-top:14px;margin-top:22px}
.ga-trust svg{flex:none;margin-top:2px}
.ga-how summary{display:inline;cursor:pointer;color:#2C351D;text-decoration:underline}
.ga-how div{margin-top:10px;background:#fff;border:1px solid #E0D9CC;border-radius:10px;padding:12px 14px}
@media (prefers-reduced-motion:reduce){.ga-spin{animation:none}}
@media (max-width:600px){
.ga-copy-btn{min-height:44px;font-size:15px}.ga-copy-addr{font-size:13.5px}
.ga-ext{display:inline-flex;align-items:center;min-height:44px;font-size:15.5px}
.ga-see,.ga-find-h,.ga-find-note{font-size:14px}.ga-chip{font-size:14px;padding:6px 11px}.ga-find-row{font-size:14px}
.ga-trust{font-size:14.5px}.ga-how summary{display:inline-block;padding:12px 0;min-height:44px}
}