/* ontiqo.com/account: purchases, licence keys and their computers. */
.account{padding-block:clamp(28px,4vw,56px) clamp(48px,6vw,88px);max-width:900px}
.account h2{font-size:var(--t-20);margin:var(--s6) 0 var(--s3)}
.account .form{max-width:440px}
.account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4)}
.account-head h1{margin:0}
.account-head p{margin:4px 0 0}
.list{display:grid;gap:var(--s3)}
.row{display:flex;gap:var(--s4);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s4)}
.row img{width:40px;height:40px;flex:none}
.row .main{flex:1;min-width:0;display:grid;gap:2px}
.row .main b{font-weight:600}
.row .sub{color:var(--ink-2);font-size:var(--t-14)}
.row .side{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;justify-content:flex-end}
.key-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s4);display:grid;gap:var(--s3)}
.key-card .top{display:flex;gap:var(--s4);align-items:center}
.key-card .top img{width:40px;height:40px;flex:none}
.key-card code{font:500 var(--t-15,15px)/1.4 var(--mono);padding:6px 10px;background:var(--raised);border:1px solid var(--line);border-radius:var(--r2);word-break:break-all}
.key-card .keyline{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}
.computers{display:grid;gap:0;border-top:1px solid var(--line)}
.computers div{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t-14)}
.pill{font-size:var(--t-12);padding:2px 8px;border-radius:999px;background:var(--raised);border:1px solid var(--line);color:var(--ink-2)}
.err{color:var(--bad)}
.muted{color:var(--ink-3)}
[hidden]{display:none!important}
@media (max-width:560px){.row{flex-wrap:wrap}.row .side{width:100%;justify-content:flex-start}}
.account .lede{margin-bottom:var(--s5)}
.btn .arc{margin-right:.5em}
.btn[aria-busy=true]{cursor:progress;opacity:.85}
.key-card .from{font-size:var(--t-13);color:var(--ink-3)}