/* TPNE embedded checkout panel (assets/checkout.js). Uses the page's colour variables. */
.plan{display:flex;flex-direction:column}
.plan .pbtn{margin-top:auto;padding-top:14px}
.plan .pbtn .btn{width:100%}
.plan.feat{box-shadow:inset 0 0 0 1px var(--line2)}
html.co-lock,html.co-lock body{overflow:hidden}
html.co-lock body{padding-right:var(--co-sb,0)}
.co-root{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}
.co-root[hidden]{display:none}
.co-back{position:absolute;inset:0;background:rgba(8,9,11,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.co-box{position:relative;width:100%;max-width:560px;max-height:100%;max-height:100dvh;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg);border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.45),inset 0 0 0 1px var(--line);padding:0 18px calc(18px + env(safe-area-inset-bottom))}
.co-box:focus{outline:0}
@media (min-width:720px){.co-root{align-items:center;padding:24px}.co-box{border-radius:18px;max-height:calc(100dvh - 48px)}}
.co-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);padding:14px 0 10px;border-bottom:1px solid var(--line)}
.co-top h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;border-radius:999px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.co-x:hover{background:var(--s1);color:var(--ink)}
.co-x:focus-visible,.co-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.co-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 0}
.co-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:6px 4px;border-radius:12px;border:0;background:var(--s1);color:var(--muted);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.co-tab b{font-size:13.5px;font-weight:700;line-height:1.2;color:inherit}
.co-tab span{font:500 12px/1.2 var(--mono);color:var(--dim)}
.co-tab[aria-selected="true"]{background:var(--s2);color:var(--ink);box-shadow:inset 0 0 0 2px var(--accent)}
.co-tab[aria-selected="true"] span{color:var(--muted)}
.co-sum{margin:14px 0 0;font-size:15px}
.co-sum b{font-weight:700}.co-sum span{font:600 14px var(--mono);color:var(--muted);margin-left:6px}
.co-note{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.co-status{margin:12px 0 0;font-size:14px;color:var(--muted)}
.co-status:empty{display:none}
.co-status.is-load{display:flex;align-items:center;gap:10px;min-height:120px;justify-content:center}
.co-status.is-err{padding:12px 14px;border-radius:12px;background:rgba(224,120,120,.08);box-shadow:inset 0 0 0 1px rgba(224,120,120,.35);color:var(--ink)}
.co-status a,.co-fine a{color:var(--accent);text-underline-offset:3px}
.co-spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);border-top-color:var(--accent);animation:cospin .8s linear infinite}
@keyframes cospin{to{transform:rotate(360deg)}}
.co-mount{margin:12px 0 0;min-height:0}
.co-mount iframe{max-width:100%}
.co-fine{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--dim)}
.ft .fsoc{display:flex;flex-wrap:wrap;gap:6px 18px}.ft .fsoc a{color:var(--muted);text-underline-offset:3px}.ft .fsoc a:hover{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.co-spin{animation-duration:2.4s}}