/* Pricing, legal, payment-result and admin pages; plus the account line and footer on the workspace. Uses the variables in style.css. */
.account-status{margin-top:.35rem}
.account-status.warn{color:var(--warn)}
.account-status.bad{color:var(--bad)}
.account-status a{color:var(--brand-strong)}
.site-foot{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;justify-content:center;padding:.9rem 1.25rem 1.4rem;font-size:.82rem}
.site-foot a{color:var(--muted)}
.site-foot a:hover{color:var(--brand-strong)}
.page{background:var(--bg)}
.page-main{max-width:760px;margin:0 auto;padding:1.25rem 1rem 2rem;display:flex;flex-direction:column;gap:1rem}
.page-main.wide{max-width:1280px}
.card{background:var(--pane);border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.25rem}
.card h1{font-size:1.25rem;margin:0 0 .5rem}
.card h2{margin:1.1rem 0 .4rem}
.card p{margin:.4rem 0}
.lang{display:flex;align-items:center;gap:.45rem}
.lang label{margin:0}
select{font:inherit;padding:.35rem .5rem;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}
.row.tight{margin-top:.3rem;flex-wrap:nowrap}
.row.tight input{flex:1}
.status-line{font-weight:500;color:var(--ink)}
.plans{border:0;margin:.6rem 0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.plans label{display:flex;align-items:center;gap:.6rem;margin:0;padding:.6rem .8rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}
.plans label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.plans input{width:auto}
.facts{margin:.4rem 0;padding-left:1.1rem;color:var(--muted);font-size:.86rem}
.links{font-size:.86rem}
.orders{list-style:none;margin:0;padding:0;font-size:.86rem}
.orders li{padding:.35rem 0;border-bottom:1px solid var(--line)}
.legal-text p{white-space:pre-wrap}
.muted{color:var(--muted)}
.new-code{font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;padding:.5rem .7rem;background:var(--mark-bg);color:var(--mark);border-radius:7px;display:inline-block}
.tabs{display:flex;gap:.3rem;margin:.2rem 0 .8rem}
.tabs button[aria-selected=true]{background:var(--brand);color:var(--brand-ink)}
.table-wrap{overflow-x:auto}
table.grid{border-collapse:collapse;width:100%;font-size:.84rem;background:#fff}
table.grid th,table.grid td{border:1px solid var(--line);padding:.35rem .5rem;text-align:left;vertical-align:top}
table.grid th{background:var(--pane-2);font-weight:600;white-space:nowrap}
table.grid td.actions{white-space:nowrap}
table.grid td.actions button{padding:.2rem .45rem;font-size:.8rem;margin:0 .2rem .2rem 0}
.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem}
.inline-form label{margin:0;display:flex;flex-direction:column;gap:.2rem}
.inline-form input,.inline-form select{width:auto}
.bad-text{color:var(--bad)}