/* AxioraX New: assessment access (js/access.js): the state on Know Yourself cards, the banner of a space that is
   not open, the lock, free and limit sheets, and the admin page "AX space requests". Every rule is scoped with an
   .asx-prefixed class, so no approved screen changes. No :has() and no :is(): older Android WebViews drop them. */

/* the Hub cards: chips on the right, one line under the text */
.asx .asx-rt.asx-rt2{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.asx .asx-rt.asx-rt2 .asx-ac{justify-content:center}
.asx .asx-ac{gap:5px;height:26px;padding:0 10px;font-size:13px;font-weight:700}
.asx .asx-ac svg{flex:none}
.asx .asx-acl{background:#E7E7E7;color:#4A4A4A}
.asx .asx-acp{background:#fff;color:var(--green);direction:ltr;unicode-bidi:isolate}
.asx .asx-acf{background:var(--gold-soft);color:var(--gold-ink)}
.asx .asx-acline{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;font-weight:600;color:var(--green)}
.asx .asx-acline svg{flex:none}
.asx .asx-acline.lim{color:#A35A00}

/* the banner at the top of a space that is not open for the account */
.asx .asx-lockbar{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px;padding:14px 16px;border-radius:20px;background:var(--gold-soft);color:#3D3510}
.asx .asx-lbi{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fff;color:var(--gold-ink)}
.asx .asx-lbt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.asx .asx-lbt p{margin:0;font-size:14px;line-height:20px;font-weight:600}
.asx .asx-lbb{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:18px;background:var(--green);color:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.asx .asx-lbb[disabled]{background:#fff;color:var(--green);opacity:1}
.asx .asx-lbb:active{transform:scale(.97)}

/* the sheets */
.sheet.asx-sh .asx-shtop{display:flex;align-items:center;gap:14px;margin:2px 0 14px}
.sheet.asx-sh .asx-shi{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--green-soft);color:var(--green)}
.sheet.asx-sh .asx-shi.gift{background:var(--gold-soft);color:var(--gold-ink)}
.sheet.asx-sh .asx-shi.amber{background:#FDEBD5;color:#A35A00}
.sheet.asx-sh .asx-shtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.sheet.asx-sh .asx-shtx h3{margin:0;font-size:19px;line-height:25px}
.sheet.asx-sh .asx-shmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sheet.asx-sh .asx-code{background:var(--row)}
.sheet.asx-sh .asx-tag{height:22px;padding:0 9px;border-radius:11px;font-size:12px}
.sheet.asx-sh p.sh-sub{margin-bottom:18px}
.sheet.asx-sh p.sh-sub b{color:var(--ink);font-weight:700}
.sheet.asx-sh .asx-shbtns{display:flex;flex-direction:column;gap:10px}
.sheet.asx-sh .asx-shbtns .bp,.sheet.asx-sh .asx-shbtns .bs{height:52px;border-radius:26px}
.sheet.asx-sh .asx-shbtns .bs[disabled]{opacity:1;color:var(--green);background:var(--green-soft)}
.sheet.asx-sh .asx-shbtns .spin{width:20px;height:20px}
.sheet.asx-sh .asx-pr{white-space:nowrap}
.sheet.asx-sh .asx-shfoot{margin:14px 4px 0;text-align:center;font-size:13.5px;line-height:19px;color:var(--sub)}
.sheet.asx-sh .asx-shnote{display:flex;align-items:flex-start;gap:10px;margin:-4px 0 16px;padding:12px 14px;border-radius:16px;background:var(--gold-soft);color:var(--gold-ink);font-size:14px;line-height:20px;font-weight:600}
.sheet.asx-sh .asx-shnote svg{flex:none;margin-top:1px}

/* the admin page: AX space requests */
.asx.asx-adm .asx-admlist{display:flex;flex-direction:column;gap:10px}
.asx.asx-adm .asx-admc{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:var(--row)}
.asx.asx-adm .asx-admh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.asx.asx-adm .asx-admt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.asx.asx-adm .asx-admt b{font-size:16px;line-height:21px;font-weight:700;overflow-wrap:anywhere}
.asx.asx-adm .asx-admt small{font-size:13.5px;line-height:18px;color:var(--sub);overflow-wrap:anywhere;text-align:start}
.asx.asx-adm .asx-admd{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;line-height:18px;font-weight:600;color:var(--sub)}
.asx.asx-adm .asx-admd svg{flex:none}
.asx.asx-adm .asx-admb{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}
.asx.asx-adm .asx-admb .bp,.asx.asx-adm .asx-admb .bs{height:44px;border-radius:22px;font-size:15.5px}
.asx.asx-adm .asx-admb .bs{background:#fff}
.asx.asx-adm .asx-admb .spin{width:18px;height:18px}
.asx.asx-adm .asx-admf{display:flex;align-items:center;justify-content:space-between;gap:10px}
.asx.asx-adm .asx-admrm{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:17px;background:#fff;color:#A3261E;font-size:14px;font-weight:700}
.asx.asx-adm .asx-admrm:active{transform:scale(.97)}
.asx.asx-adm .asx-admnone{padding:18px 16px;border-radius:20px;background:var(--row);color:var(--sub);font-size:14.5px;line-height:20px;text-align:center}
.asx.asx-adm .asx-admn{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-inline-start:6px;padding:0 6px;border-radius:11px;background:var(--green);color:#fff;font-size:12px;font-weight:700;vertical-align:1px}
.asx.asx-adm .asx-admerr{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:22px;padding:26px 18px 20px;border-radius:24px;background:var(--row);text-align:center}
.asx.asx-adm .asx-admerr b{font-size:16px;line-height:22px;font-weight:700}
.asx.asx-adm .asx-admerr span{font-size:14.5px;line-height:20px;color:var(--sub)}
.asx.asx-adm .asx-admerr .bs{margin-top:8px;max-width:240px;background:#fff}

/* single test pricing (his ask, 16 Oct 2026): the free one, $5 a test, 5 attempts, and how to repeat */
.asx .asx-price{margin:0 0 14px;padding:16px 18px 6px;border-radius:22px;background:var(--row);color:var(--ink)}
.asx .asx-phd{display:flex;align-items:baseline;gap:8px}
.asx .asx-pbig{font-size:30px;line-height:34px;font-weight:800;letter-spacing:-.02em;color:var(--green)}
.asx .asx-pper{font-size:15px;line-height:20px;font-weight:600;color:var(--sub)}
.asx .asx-pdesc{margin:4px 0 8px;font-size:14px;line-height:20px;color:var(--sub)}
.asx .asx-prow{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid rgba(12,12,12,.06)}
.asx .asx-pri{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:var(--green)}
.asx .asx-prt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:1px}
.asx .asx-prt b{font-size:15px;line-height:20px;font-weight:700;color:var(--ink)}
.asx .asx-prt span{font-size:13.5px;line-height:19px;color:var(--sub)}
.sheet.asx-sh .asx-shprice{margin:-4px 0 16px;padding:14px 16px;border-radius:18px;background:var(--row)}
.sheet.asx-sh .asx-shp1{display:flex;align-items:baseline;gap:8px}
.sheet.asx-sh .asx-shp1 bdi{font-size:26px;line-height:30px;font-weight:800;letter-spacing:-.02em;color:var(--green)}
.sheet.asx-sh .asx-shp1 span{font-size:14.5px;font-weight:600;color:var(--sub)}
.sheet.asx-sh .asx-shp2{display:flex;align-items:flex-start;gap:8px;margin-top:8px;font-size:14px;line-height:20px;color:var(--ink)}
.sheet.asx-sh .asx-shp2 svg{flex:none;margin-top:2px;color:var(--green)}