/* Mitglieder-Dashboard „Meu espaço“ (meu-espaco.html, js/painel.js, js/escola.js). Baut auf css/loja.css auf (lj-*):
   gleiche Karten, Knöpfe, Hinweise. Mobil zuerst: eine Spalte; ab 900 px zwei Spalten, breite Bereiche über beide. */
.pn{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.pn-card{padding:24px;margin:0;min-width:0}
.pn-card h2{font-size:20px;margin:0 0 14px}
.pn-card h3{font:600 16px/1.35 var(--font);margin:0}
.pn-sub{margin:22px 0 10px!important;color:var(--muted)}
.pn-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 14px}
.pn-tag{display:inline-block;padding:3px 9px;border-radius:999px;border:1px solid rgba(227,191,110,.5);color:var(--gold);font:600 11px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.pn-botoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:16px 0 0}
.pn-passo{color:var(--muted);margin:10px 0 0}
.pn-passo b{color:var(--text)}
.pn-email{overflow-wrap:anywhere}

/* Kin heute / Geburts-Kin */
.pn-kins{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.pn-k{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);text-decoration:none;color:var(--text);min-width:0}
a.pn-k:hover{border-color:rgba(227,191,110,.55)}
.pn-g{flex:0 0 auto;line-height:0}
.pn-g svg{width:46px;height:auto}
.pn-k-txt{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.pn-k-txt small{color:var(--faint);font-size:12.5px}
.pn-k-txt b{font:600 17px var(--font);color:var(--gold)}
.pn-k-txt span{overflow-wrap:anywhere}
.pn-k-vazio{flex-direction:column;align-items:flex-start;gap:6px;border-style:dashed}
.pn-k-vazio p{margin:0;color:var(--muted);font-size:14px}
.pn-rel{margin-top:14px;font-size:15px;line-height:1.55}
.pn-rel p{margin:0 0 6px}
.pn-rel b{color:var(--gold)}

/* Inhalte */
.pn-acs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.pn-ac{padding:16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);min-width:0;display:flex;flex-direction:column;gap:6px}
.pn-ac-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}
.pn-ac-top small{color:var(--faint);font-size:12.5px}
.pn-cat{font:600 11px/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.pn-ac .lj-small{margin:0}
.pn-itens{list-style:none;margin:2px 0 4px;padding:0}
.pn-itens li{padding:6px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4}
.pn-itens a{color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.pn-itens a:hover{color:var(--gold)}
.pn-itens small{display:block;color:var(--faint);font-size:12px}
.pn-ac .lj-link{align-self:flex-start;margin-top:auto}
.pn-prox{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.pn-prox li{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:10px;border:1px dashed var(--line);color:var(--muted);font-size:14px;line-height:1.4}
.pn-prox .pn-cad{flex:0 0 auto;margin-top:1px}
.pn-prox small{color:var(--faint)}
.pn-cad{display:inline-block;vertical-align:-3px;color:var(--faint)}

/* Escola 441 */
.pn-piloto{font-size:14px}
.pn-prog{display:grid;gap:6px;margin:4px 0 14px}
.pn-prog label{font-size:14px;color:var(--muted)}
.pn-prog progress{width:100%;height:10px;appearance:none;border:0;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.pn-prog progress::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:999px}
.pn-prog progress::-webkit-progress-value{background:linear-gradient(90deg,#c99a3e,#f3d58f);border-radius:999px}
.pn-prog progress::-moz-progress-bar{background:linear-gradient(90deg,#c99a3e,#f3d58f);border-radius:999px}
.pn-continuar{max-width:100%;white-space:normal;line-height:1.35;text-align:left}
.pn-mod{border-top:1px solid var(--line)}
.pn-mod summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;cursor:pointer;list-style:none;font-weight:600}
.pn-mod summary::-webkit-details-marker{display:none}
.pn-mod summary::after{content:'+';color:var(--gold);font-weight:400;margin-left:4px}
.pn-mod[open] summary::after{content:'–'}
.pn-mod summary>small{margin-left:auto;color:var(--faint);font-weight:500}
.pn-mod summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.pn-licoes{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.pn-l a,.pn-l-in{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:var(--text);font-size:14.5px;line-height:1.35}
.pn-l a:hover{border-color:rgba(227,191,110,.55)}
.pn-l small{color:var(--faint);font-size:12.5px;text-align:right}
.pn-st{color:var(--muted);text-align:center;line-height:0}
.pn-l.concluida .pn-st{color:var(--cyan)}
.pn-l.vista .pn-st{color:var(--gold)}
.pn-n{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}
.pn-l.bloqueada .pn-l-in{border-style:dashed;color:var(--muted)}
.pn-l.bloqueada .pn-n{color:var(--faint)}

/* Lektion */
.pn-aula{max-width:900px}
.pn-aula-eb{margin-top:18px}
.pn-aula-h{margin-top:10px}
.es-player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;margin:6px 0 18px}
.es-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.es-player-vazio{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:20px;background:radial-gradient(circle at 50% 40%,rgba(123,92,196,.25),rgba(7,10,28,.9));border:1px dashed var(--line);color:var(--muted)}
.es-player-vazio svg{color:var(--gold);margin-bottom:6px}
.es-player-vazio p{margin:0;max-width:460px;font-size:14.5px;line-height:1.5}
.es-player-vazio b{color:var(--text)}
.es-player-vazio small{color:var(--faint)}
.pn-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0}
.pn-meta div{padding:12px 14px;border-radius:12px;border:1px solid var(--line)}
.pn-meta dt{font:600 11px/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.pn-meta dd{margin:0}
.pn-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:26px 0 0}
.pn-nav a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:14px;line-height:1.35}
.pn-nav a:hover{border-color:rgba(227,191,110,.55)}
.pn-nav a[rel=next]{text-align:right;grid-column:2}
.pn-nav small{color:var(--faint);font-size:12px}
.pn-voltar{margin-top:26px}
.lj-trilha{font-size:14px;color:var(--muted)}
.lj-trilha a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

/* Übungen und Quiz (js/escola-exercicios.js) */
.es-ex{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.es-ex>h3{font:600 19px/1.3 var(--font);margin:0 0 6px}
.es-bloco{margin:18px 0 0;padding:18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);min-width:0}
.es-placeholder{border-style:dashed}
.es-bloco-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}
.es-bloco h4{font:600 16px/1.35 var(--font);margin:0}
.es-rev{color:var(--cyan);font-size:12.5px}
.es-itens{margin:12px 0 0;padding-left:22px;display:grid;gap:12px}
.es-item{min-width:0;font-size:14.5px;line-height:1.45}
.es-item label[for]{display:block;margin-bottom:6px}
.es-campo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.es-campo input,.es-campo select{width:11em;max-width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text);font:inherit}
.es-campo input:focus-visible,.es-campo select:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
.es-campo small{color:var(--faint);font-size:12.5px}
.es-item fieldset{border:0;margin:0;padding:0;min-width:0}
.es-item legend{padding:0;margin-bottom:6px}
.es-op{display:flex;align-items:flex-start;gap:8px;padding:5px 0;cursor:pointer}
.es-op input{margin-top:4px}
.es-fb{margin:6px 0 0;font-size:13.5px;color:var(--muted);min-height:0}
.es-fb:empty{display:none}
.es-item.certo .es-fb b{color:var(--cyan)}
.es-item.errado .es-fb b{color:var(--gold)}
.es-ph{color:var(--muted);font-style:italic}
.es-ph-aviso{margin:10px 0 0;font-size:14px}
.es-acoes{display:flex;flex-wrap:wrap;gap:10px 14px;margin:16px 0 0}
.es-resultado{margin:10px 0 0}

/* Käufe, Agenda, Konto */
.pn-rodape{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.pn-lista{list-style:none;margin:0 0 12px;padding:0}
.pn-lista li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4}
.pn-l1{display:block;overflow-wrap:anywhere}
.pn-l2{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px}
.pn-l2 small{color:var(--faint)}
.pn-links{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;font-size:14.5px}
.pn-login .lj-login{max-width:none}

/* Paket P3 (js/painel-blocos.js): Portal do dia, Anel de acesso, Kin-Zeitleiste, Stufenweg, Zertifikate */
.pn-portal{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.pn-mx{margin:0;min-width:0}
.pn-mx-box{position:relative;aspect-ratio:1/1;max-width:340px;margin:0 auto;border-radius:12px;overflow:hidden;background:#05070f}
.pn-mx-box img{display:block;width:100%;height:auto}
.pn-mx-pt{position:absolute;width:3.2%;height:3.2%;transform:translate(-50%,-50%);border-radius:50%;background:var(--c,#f3d58f);box-shadow:0 0 0 1.5px rgba(7,10,28,.85),0 0 8px var(--c,#f3d58f)}
.pn-mx-pt.main{width:4.4%;height:4.4%}
.pn-mx figcaption{margin-top:8px;text-align:center;color:var(--muted);font-size:13.5px}
.pn-portal-txt{min-width:0}
.pn-portal-kin{display:flex;align-items:center;gap:12px;margin:0 0 6px;line-height:1.4}
.pn-portal-kin b{color:var(--gold)}
.pn-portal-kin small{color:var(--faint)}
.pn-anel{display:flex;align-items:center;gap:14px;margin:0 0 14px;line-height:1.45;font-size:14.5px}
.pn-anel svg{flex:0 0 auto}
.pn-anel small{color:var(--faint)}
.pn-anel-f{fill:none;stroke:rgba(255,255,255,.1);stroke-width:9}
.pn-anel-v{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round}
.pn-anel-n{fill:var(--text);font:600 24px var(--font)}
.pn-anel-n.longo{font-size:17px}
.pn-anel-u{fill:var(--faint);font:500 10px var(--font)}
.pn-lk-alvo{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.pn-lk{list-style:none;margin:0 0 12px;padding:0 0 0 14px;border-left:2px solid rgba(227,191,110,.35)}
.pn-lk>li{position:relative;padding:0 0 10px 6px}
.pn-lk>li::before{content:'';position:absolute;left:-21px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.pn-lk-ano{font:600 13px/1.3 var(--font);color:var(--gold);letter-spacing:.06em}
.pn-lk ul{list-style:none;margin:4px 0 0;padding:0}
.pn-lk ul li{padding:5px 0;font-size:14px;line-height:1.4;border-bottom:1px solid var(--line)}
.pn-lk a{color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.pn-lk a:hover{color:var(--gold)}
.pn-lk small{display:block;color:var(--faint);font-size:12px}
.pn-sw{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.pn-sw li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:1px dashed var(--line);color:var(--muted);font-size:14px}
.pn-sw li>span:first-child{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-size:12px;flex:0 0 auto}
.pn-sw li.feita{border-style:solid;color:var(--text)}
.pn-sw li.feita>span:first-child{border-color:var(--cyan);color:var(--cyan)}
.pn-sw li.atual{border-color:rgba(227,191,110,.6);color:var(--text)}
.pn-certbox{margin:6px 0 4px}
.pn-certs{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.pn-cert{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);font-size:14.5px;min-width:0}
.pn-cert.pendente{border-style:dashed}
.pn-cert>span{min-width:0;overflow-wrap:anywhere}
.pn-cert small{display:block;color:var(--faint);font-size:12.5px}
.pn-emitir-form{display:grid;gap:8px;max-width:420px;margin:6px 0 10px}
.pn-emitir-form input{padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text);font:inherit}
.pn-pub{display:flex;align-items:center;gap:8px;font-size:14px}
.pn-rev{margin:0 0 6px}

@media (min-width:640px){
  .pn-kins{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pn-acs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .pn-prox{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .pn-meta{grid-template-columns:2fr 1fr 1fr}
  .pn-portal{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .pn-sw{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .pn{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px}
  .pn-largo,.pn-rodape,.pn-login{grid-column:1/-1}
  .pn-rodape{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pn-card{padding:26px}
}
@media (max-width:520px){
  .pn-card{padding:20px 16px}
  .pn-l a,.pn-l-in{grid-template-columns:20px 30px minmax(0,1fr);padding:10px}
  .pn-l small{grid-column:3;text-align:left}
  .pn-nav{grid-template-columns:minmax(0,1fr)}
  .pn-nav a[rel=next]{grid-column:1}
}