/* 1025DEX Community v0.31.35 · css/stability.css · ausgelagert aus index.html */
/* v0.25.1 · Einstieg, Hinweise, Schnell-Check, Offline */
.first-run-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.first-run-row .btn{margin:0}
.first-hint{position:fixed;left:12px;right:12px;bottom:calc(max(92px,env(safe-area-inset-bottom) + 86px));z-index:70;max-width:560px;margin:auto;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.first-hint span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.first-hint b{font-size:13px}
.first-hint small{font-size:11px;color:var(--muted);line-height:1.35}
.first-hint-go{flex:none;border:0;border-radius:12px;background:var(--owned,#2fbf71);color:#06130c;font:inherit;font-size:12px;font-weight:900;padding:10px 12px;cursor:pointer}
.first-hint-x{flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font-size:14px;cursor:pointer}

/* v0.25.2 · Kopfzeile: Logo schrumpft nie. Wird es eng (z. B. größere
   Systemschrift), passen sich zuerst Beta-Abzeichen und Namensknopf an. */
.neo-header .neo-logo{flex:0 0 auto;overflow:visible;margin-right:auto}
.neo-header.hdr-measure>*{flex:none!important}
.neo-header.fit1 .beta24-head{font-size:0!important;padding:0 9px}
.neo-header.fit1 .beta24-head::after{content:"BETA";font:900 8px/1 var(--ui);letter-spacing:.12em}
.neo-header.fit2 #whoBtn{max-width:6.5em;overflow:hidden;text-overflow:ellipsis}
.neo-header.fit3 .beta24-head{display:none!important}
.neo-header.fit4 .neo-sub-label,.neo-header.fit4 .neo-sub-sep{display:none}
.neo-header.fit4 #hsub::before,.neo-header.fit4 #hsub::after{display:none!important}
.neo-header.fit4 #hsub{border-left:0!important;padding-left:0!important;margin-left:0!important}
.neo-header.fit5 #whoBtn{max-width:4.2em}
/* v0.27.5 · Zuerst den Installieren-Knopf kürzen, erst danach den Anmelde-Knopf */
.neo-header.fit0 .install-head{font-size:0;padding:7px 9px}
.neo-header.fit0 .install-head::before{content:"App ⤓";font-size:11px}
.neo-header.fit6 .install-head::before{content:"⤓";font-size:14px}
#v-overview .qc-panel{padding:14px 14px 12px}
#v-overview .qc-title{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
#v-overview .qc-input{width:100%;box-sizing:border-box;min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--bg,transparent);color:var(--ink);font:inherit;font-size:16px;padding:0 14px}
#v-overview .qc-results{display:flex;flex-direction:column;gap:8px;margin-top:10px}
#v-overview .qc-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);font:inherit;padding:11px 12px;cursor:pointer}
#v-overview .qc-state{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:18px;font-weight:900}
#v-overview .qc-have{background:color-mix(in srgb,var(--owned,#2fbf71) 22%,transparent);color:var(--owned,#2fbf71)}
#v-overview .qc-wish{background:color-mix(in srgb,var(--wish,#a36bf0) 22%,transparent);color:var(--wish,#a36bf0)}
#v-overview .qc-miss{background:color-mix(in srgb,var(--line) 70%,transparent);color:var(--muted)}
#v-overview .qc-main{flex:1;min-width:0}
#v-overview .qc-main b{display:block;font-size:15px;line-height:1.25}
#v-overview .qc-main em{display:block;font-style:normal;font-size:13px;font-weight:800;margin-top:2px}
#v-overview .qc-main small{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.35;overflow-wrap:anywhere}
#v-overview .qc-empty{font-size:13px;color:var(--muted);padding:6px 2px}
#v-overview .offline-box{display:flex;flex-direction:column;gap:10px}
#v-overview .offline-box ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:12px}
#v-overview .offline-box li{display:flex;justify-content:space-between;gap:10px}
#v-overview .offline-box li b{white-space:nowrap}
#v-overview .offline-box .btn{margin:0}