/* menu do aluno, frases do assistente, endereço, capa e Como usar (personaliza.js) */
.ps-itens{display:grid;gap:8px}
.ps-item{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--linha)}
.ps-item:first-child{border-top:0}
.ps-mostra{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer;min-height:44px}
.ps-mostra input{width:22px;height:22px;accent-color:var(--marca);flex:none}
.ps-nome{display:block;min-width:0}
.ps-orig{display:block;font-size:12px;color:var(--suave);margin-bottom:2px}
.ps-nome input{width:100%;min-height:44px;font:inherit;padding:0 10px;border:1px solid var(--linha-forte);border-radius:10px;background:var(--superficie2);color:var(--texto)}
.ps-previa{margin-top:14px}
.ps-previa small{display:block;font-size:12px;color:var(--suave);margin-bottom:6px}
.ps-barra{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:var(--superficie2);border:1px solid var(--linha);border-radius:14px;padding:6px 4px}
.ps-barra span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;text-align:center;color:var(--suave);min-width:0;overflow-wrap:anywhere}
.ps-barra svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.ps-conseq{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--ouro-fraco);color:var(--texto)}
.ps-conseq[hidden]{display:none}
/* salvar à direita, a ação de desfazer longe dele */
.ps-acoes{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.ps-acoes .btn{min-height:44px}
.ps-confirma{margin-top:12px;padding:12px;border:1px solid var(--atraso);border-radius:12px;background:var(--atraso-fraco)}
.ps-confirma p{margin:0;font-size:14px}
.ps-confirma[hidden]{display:none}
.ps-fr-grupo{font-family:var(--display);font-size:15px;margin:16px 0 4px}
.ps-fr{display:block;margin-top:8px}
.ps-fr textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--linha-forte);border-radius:10px;background:var(--superficie2);color:var(--texto);resize:vertical}
.ps-fr-prev{margin-top:6px;max-width:100%}
.ps-passos{margin:8px 0 10px;padding-left:20px;font-size:14px}
.ps-passos li{margin-top:4px;overflow-wrap:anywhere}
.ps-capa{display:block;width:100%;aspect-ratio:3/1;max-width:100%;object-fit:cover;border-radius:16px;margin:0 0 14px}
.ps-capa-prev{margin-top:10px;aspect-ratio:3/1;max-width:100%;border:1px dashed var(--linha-forte);border-radius:12px;overflow:hidden;display:grid;place-items:center;color:var(--suave);font-size:13px}
.ps-capa-prev img{width:100%;height:100%;object-fit:cover}
.ps-guia{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:16px}
.ps-guia h2{font-family:var(--display);font-size:16px;margin:0}
.ps-ajuda{display:block;width:100%;text-align:left;background:none;border:0;color:var(--menu-texto);font:inherit;font-size:13px;padding:8px 0;cursor:pointer;text-decoration:underline}
.ps-ajuda[aria-current]{color:var(--menu-forte)}
.ps-ajuda-cel{width:100%;min-height:44px;margin-top:4px}
/* cronômetro em tela cheia */
.ps-foco{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;
  padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.ps-foco small{font-size:13px;color:var(--suave);text-transform:uppercase;letter-spacing:.06em}
.ps-foco h2{font-family:var(--display);font-size:20px;margin:0;max-width:30ch;text-wrap:balance}
.ps-foco b{font-family:var(--display);font-size:clamp(56px,20vw,120px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--marca)}
.ps-foco-bts{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}

/* Minha conta em 3 partes (as abas usam o mesmo desenho das abas do plano) */
.cn-partes-caixa{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:4px 0 16px}
.cn-partes{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--superficie2);border:1px solid var(--linha);flex:1 1 320px;max-width:560px}
.cn-partes .pl-sub-b{flex:1;min-height:40px}
.ps-ajuda-topo{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--marca);text-decoration:underline;cursor:pointer;padding:8px 0}
@media (max-width:460px){ .cn-partes .pl-sub-b{font-size:12.5px;padding:9px 4px} }
