/* Explorador de pastas e ferramentas do Criador (usa as variáveis de cor da página inicial) */
.tag-criador{flex:none;font-size:.7rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:var(--am2);color:#2a1424;border-radius:999px;padding:2px 8px;margin-left:2px}
.cel{position:relative;min-width:0}
.cel>a{height:100%}
.cel>a.curso{height:auto}
.cel>button.mat{height:100%}
.pasta-sub{margin:-8px 0 14px}
.pasta-sub p{margin:0 0 4px}
.ic-emoji{font-size:1.9rem;line-height:1;flex:none}
.ic-h{display:inline-flex;flex:none}
.circulo{display:inline-grid}
.curso .ic,.ciclo .ic-c{font-size:2.2rem}
.mat .sub2{margin:-2px 0 6px;font-weight:700;color:var(--mel);font-size:.95rem}
.oculta{opacity:.72;border-style:dashed}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.chip{display:inline-block;font-size:.78rem;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--roxo-soft);color:var(--fg)}
.chip.aviso{background:var(--am-soft);color:var(--mel)}
.curso .chips{justify-content:center}
/* vitrine: pastas e materiais que o administrador não liberou para esta pessoa (aparecem, mas não abrem) */
.chip.bloq{background:var(--am-soft);color:var(--mel)}
.bloqueada{border-style:dashed}
.bloqueada .ic,.bloqueada .ic-c{opacity:.75}
button.mat.bloqueado{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;border-style:dashed;background:var(--card)}
button.mat.bloqueado h3{font:inherit;font-weight:700;font-size:1.33rem;line-height:1.25;margin:4px 0 6px}
button.mat.bloqueado .abrir{background:transparent;color:var(--mel);border:2px solid var(--am)}
button.mat.bloqueado:hover{border-color:var(--am)}
.aviso-bloqueio{background:var(--am-soft);border:1.5px dashed var(--am);border-radius:16px;padding:12px 16px;margin:0 0 14px}
.aviso-bloqueio b{display:block;margin-bottom:2px}
.aviso-bloqueio a{color:var(--roxo);font-weight:700}

/* Criador */
.barra-wrap{margin:0 0 16px}
.barra-criador{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.barra-criador .novo{background:var(--roxo);color:var(--roxo-fg);border-color:var(--roxo)}
.barra-criador a.botao{min-height:46px}
.mais{position:absolute;top:6px;right:6px;z-index:3;width:38px;height:38px;min-height:0;padding:0;border-radius:50%;font-size:1.3rem;line-height:1;background:var(--card);color:var(--fg);display:grid;place-items:center}
.grade.pers .mais{top:2px}
.edita .pasta .t,.edita .mat h3,.edita .mat .tipo{padding-right:34px}
.edita .curso{padding-right:12px}
.cel[draggable=true]{cursor:grab}
.cel.arrastando{opacity:.4}
.cel.alvo{outline:3px dashed var(--roxo);outline-offset:4px;border-radius:16px}
.faixa-previa{background:var(--am-soft);border:1.5px dashed var(--am);border-radius:16px;padding:12px 16px;margin:0 0 14px}
.faixa-previa p{margin:0 0 10px}
.destinos{max-height:46vh;overflow:auto;border:1.5px solid var(--bd);border-radius:12px;padding:4px;margin:0 0 10px;background:var(--bg)}
.dest{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer;font-weight:600}
.dest:hover{background:var(--roxo-soft)}
.dest input{width:18px;height:18px;accent-color:var(--roxo);flex:none}
.lix-item{background:var(--card);border:1.5px solid var(--bd);border-radius:16px;padding:12px 16px;margin:0 0 10px}
.lix-item p{margin:2px 0 10px}
.lix-t{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
button.sec.perigo{color:var(--bad);border-color:var(--bad)}
.pasta.embreve{cursor:default;border-style:dashed}
.pasta.embreve:hover,.pasta.embreve:hover::before{border-color:var(--bd)}

/* Cursos Especializados: a faixa larga da página inicial (a largura é a soma dos dois quadrados dos cursos: 2 × 212px + 14px de vão) e a página da aba */
.esp-faixa{margin:14px 0 0}
.esp-lm{display:block;margin:8px 0 0;font:inherit;font-weight:700;font-size:.9rem;min-height:44px;padding:8px 16px;border-radius:12px;border:1.5px dashed var(--roxo);background:transparent;color:var(--roxo);cursor:pointer}
.esp-lm:hover{background:var(--roxo-soft)}
.esp-acoes{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.esp-acoes .esp-lm{margin:0}
.curso-esp .chips{margin:6px 0 0}
.curso-esp{display:flex;align-items:center;gap:18px;width:min(100%,438px);box-sizing:border-box;text-decoration:none;background:var(--card);border:1.5px solid var(--bd);border-radius:28px;padding:16px 20px;color:var(--fg)}
.curso-esp:hover{border-color:var(--roxo)}
.curso-esp .ic{flex:none;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:var(--verde-soft)}
.curso-esp .ic svg{width:84px;height:84px}
.curso-esp .ct{display:flex;flex-direction:column;gap:3px;min-width:0}
.curso-esp .t{font-weight:700;font-size:1.5rem;line-height:1.1;overflow-wrap:anywhere}
.curso-esp .m{font-size:.92rem;font-weight:700;color:var(--mel)}
.curso-esp .d{font-size:.84rem;line-height:1.35;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grade.esp{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px}
.cesp{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--card);border:1.5px solid var(--bd);border-radius:24px;padding:18px 18px 16px}
.cesp.meu{border-color:var(--roxo)}
.cesp.fechado{border-style:dashed}
.cesp-h{display:flex;align-items:center;gap:14px;padding-right:40px;min-width:0}
.cesp-h .ic{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--verde-soft);font-size:2rem}
.cesp-h .ic svg{width:64px;height:64px}
.cesp-h .t{margin:0;font-weight:700;font-size:1.3rem;line-height:1.15;overflow-wrap:anywhere}
.cesp-h .m{margin:2px 0 0;font-size:.9rem;font-weight:700;color:var(--mel)}
.cesp .d{margin:0;font-size:.92rem;line-height:1.45;color:var(--mut);overflow-wrap:anywhere}
.cesp .chips{margin:2px 0 0}
.cesp .entra{align-self:flex-start;margin-top:4px;display:inline-block;text-decoration:none;font-weight:700;border-radius:12px;padding:10px 16px;background:var(--roxo);color:var(--roxo-fg)}
.cesp .entra.sec{background:var(--card);color:var(--fg);border:1.5px solid var(--bd)}
.cesp.fechado .ic{opacity:.9}
.esp-nota{background:var(--roxo-soft);border:1.5px solid var(--bd);border-radius:16px;padding:12px 16px;margin:0 0 14px}
.esp-nota b{display:block;margin-bottom:2px}
@media (max-width:420px){.curso-esp{gap:12px;padding:14px}.curso-esp .ic{width:84px;height:84px}.curso-esp .ic svg{width:70px;height:70px}.curso-esp .t{font-size:1.3rem}}
.esp-lixeira{margin:18px 0 0}
.esp-lixeira>summary{cursor:pointer;font-weight:700;padding:8px 2px}
.chip.ocu{background:var(--am-soft);color:var(--mel)}
.curso-esp .t{font-family:var(--f-disp);font-variation-settings:"SOFT" 100,"WONK" 0}