/* Launch surface: "not available yet" page, paid-checkout note, Use-this tabs, Share menu, deprecation. Tokens come from rf.css. */
.na-page{max-width:640px;margin:48px auto}
.na-page h1{font-size:var(--fs-xl);margin:0 0 12px}
.na-page .row{justify-content:center;margin-top:16px}

.it-soon{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px dashed var(--ctl-border);border-radius:var(--r);background:var(--panel2);color:var(--fg);font-size:var(--fs-sm)}
.it-soon.sm{min-height:32px;padding:0 10px}
.it-soon svg{flex:none;color:var(--mute)}

.it-tabs-use{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--line)}
.it-utab{min-height:40px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--mute);font:inherit;font-size:var(--fs-sm);cursor:pointer}
.it-utab:hover{color:var(--fg)}
.it-utab[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--acc);font-weight:600}
.it-utab:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;border-radius:var(--r-sm)}
.it-upanel{display:grid;gap:10px}
.it-upanel[hidden]{display:none}

.it-share{position:relative}
.it-share>summary{list-style:none;cursor:pointer}
.it-share>summary::-webkit-details-marker{display:none}
.it-share-pop{width:min(380px,92vw)}
.it-share-h{font-size:var(--fs-sm);margin:4px 0 0}
.it-badge-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.it-badge-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.it-badge-list img{max-width:100%;height:20px}
@media (max-width:560px){.it-share{position:static}.it-share-pop{width:auto}}

.it-deprecated{border-inline-start:4px solid var(--warn)}
.it-dep-err{margin-top:6px}