.loopia-price-trigger { display: inline-flex; align-items: center; gap: .45rem; padding: .3rem 0; border: 0; background: transparent; color: var(--text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.loopia-price-trigger span, .support-table thead .loopia-price-trigger span { display: inline-grid; place-items: center; width: 1rem; height: 1rem; margin: 0; border: 1px solid currentColor; border-radius: 50%; color: var(--orange-soft); font-size: .75rem; line-height: 1; }
.loopia-price-trigger:hover { color: var(--orange-soft); }
.loopia-price-trigger:focus-visible, .loopia-price-close:focus-visible { outline: 2px solid var(--orange-soft); outline-offset: 4px; border-radius: 4px; }
.loopia-price-panel[hidden] { display: none; }
.loopia-price-panel { position: fixed; z-index: 200; width: min(540px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; overflow-wrap: anywhere; padding: 26px; border: 1px solid var(--border-warm); border-radius: 18px; background: var(--bg-soft); color: var(--text); box-shadow: var(--shadow); }
.loopia-price-panel::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; background: linear-gradient(to bottom right, transparent calc(50% - 2px), var(--orange) calc(50% - 2px), var(--orange) calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(to top right, transparent calc(50% - 2px), var(--orange) calc(50% - 2px), var(--orange) calc(50% + 2px), transparent calc(50% + 2px)); opacity: .12; pointer-events: none; }
.loopia-price-panel h5 { margin: 0 34px 12px 0; color: var(--orange-soft); font-size: 1.35rem; line-height: 1.3; }
.loopia-price-close { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--text-muted); font-size: 1.8rem; cursor: pointer; }
.loopia-price-close:hover { background: var(--glass); color: var(--text); }
.support-comparison .loopia-price-intro { margin: 0 0 18px; max-width: none; color: var(--text); font-size: .95rem; }
.loopia-price-list { margin: 0 0 18px; }
.loopia-price-list > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.loopia-price-list dt { color: var(--text-muted); font-size: .92rem; }
.loopia-price-list dd { margin: 0; color: var(--orange-soft); font-size: .92rem; font-weight: 700; text-align: right; }
.support-comparison .loopia-price-terms, .support-comparison .loopia-price-source { margin: 10px 0 0; max-width: none; color: var(--text-muted); font-size: .8rem; line-height: 1.6; }
.loopia-price-compact .loopia-price-list > div { grid-template-columns: 1fr; gap: 4px; }
.loopia-price-compact .loopia-price-list dd { text-align: left; }
@media (max-width: 700px), (hover: none), (pointer: coarse) {
  .loopia-price-panel { display: none; }
  .loopia-price-trigger { cursor: default; }
  .loopia-price-trigger span, .support-table thead .loopia-price-trigger span { display: none; }
}