/* /js/comunidade/canal-castigo.css — Permissões do canal, castigo e campo travado (Cargos, próxima etapa; mockup aprovado em 05/10/2026:
   docs/mockups/comunidade/cargos-etapa2.html). Letra mínima 15px (regra 18); cenário animado em cada bloco (regra 11). */
.pn-cp-fundo,.pn-ct-fundo{position:fixed;inset:0;z-index:1200;background:rgba(4,6,10,.72);display:grid;place-items:center;padding:16px;}
.pn-cp,.pn-ct{position:relative;overflow:hidden;width:min(920px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#10131c;border:1px solid #222838;border-radius:14px;color:#e9edf5;font-size:15px;line-height:1.5;}
.pn-ct{width:min(460px,100%);padding:16px;display:grid;gap:10px;background:#141826;}
.pn-cp::before,.pn-ct::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#f27d7d,#e8a14d,#e3c341,#64ae62,#4c8bd8);z-index:3;}
.pn-cp-topo{position:relative;min-height:84px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px 16px;background:linear-gradient(180deg,#10262e,#10131c);clip-path:polygon(0 0,100% 0,100% 88%,0 100%);overflow:hidden;}
.pn-ct-cena{position:relative;height:70px;margin:-16px -16px 0;overflow:hidden;background:linear-gradient(180deg,#1d1630,#141826);}
.pn-cp-topo::after,.pn-ct-cena::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent 43%,rgba(32,211,224,.07) 47%,rgba(255,244,205,.15) 50%,rgba(227,179,65,.08) 53%,transparent 57%);background-size:240% 100%;background-repeat:no-repeat;background-position:130% 0;animation:pn-cp-varre 7s ease-in-out infinite;}
@keyframes pn-cp-varre{0%{background-position-x:130%}30%,100%{background-position-x:-30%}}
.pn-cp-topo svg,.pn-ct-cena svg{position:absolute;inset:0;width:100%;height:100%;}
.pn-cp-topo>div,.pn-cp-topo>button{position:relative;z-index:2;}
.pn-cp-topo h3{margin:0;font-size:18px;}
.pn-cp-topo p{margin:0;color:#98a2b5;font-size:15px;}
.pn-ct-ampu{animation:pn-ct-ampu 2.4s ease-in-out infinite;transform-origin:334px 40px;}
@keyframes pn-ct-ampu{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.pn-ct-x{background:none;border:0;color:#98a2b5;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;}
.pn-ct>.pn-ct-x{position:absolute;top:8px;right:8px;z-index:3;}
.pn-cp-corpo{padding:16px;display:grid;gap:12px;}
.pn-cp-priv{display:flex;gap:12px;align-items:flex-start;border:1px solid #222838;border-radius:12px;padding:12px 14px;background:rgba(32,211,224,.06);cursor:pointer;}
.pn-cp-priv input{width:20px;height:20px;margin-top:3px;accent-color:#20d3e0;flex:none;}
.pn-cp-priv span{display:grid;}
.pn-cp-priv small,.pn-cp-perm-txt small,.pn-cp-dica,.pn-cp-leg{color:#98a2b5;font-size:15px;}
.pn-cp-grade{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;}
.pn-cp-alvos{display:grid;gap:3px;align-content:start;border-right:1px solid #222838;padding-right:12px;position:relative;}
.pn-cp-rot{font:700 15px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#98a2b5;padding:6px 8px 2px;}
.pn-cp-alvo{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;color:#98a2b5;font:600 15px system-ui,sans-serif;background:none;border:0;text-align:left;cursor:pointer;}
.pn-cp-alvo::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--cp-cor,#98a2b5);flex:none;}
.pn-cp-alvo.on{background:rgba(32,211,224,.14);color:#e9edf5;}
.pn-cp-add{margin-top:6px;border:1px solid #222838;border-radius:10px;padding:7px 12px;background:transparent;color:#e9edf5;font:700 15px system-ui,sans-serif;cursor:pointer;text-align:left;}
.pn-cp-menu{display:grid;gap:2px;border:1px solid #222838;border-radius:12px;background:#0b0e15;padding:6px;}
.pn-cp-menu button{background:none;border:0;color:#e9edf5;font:15px system-ui,sans-serif;text-align:left;padding:7px 10px;border-radius:8px;cursor:pointer;}
.pn-cp-menu button:hover:not(:disabled){background:rgba(32,211,224,.14);}
.pn-cp-menu button:disabled{opacity:.45;cursor:not-allowed;}
.pn-cp-menu input,.pn-cp-busca,.pn-ct input{background:#0e1118;border:1px solid #222838;border-radius:10px;padding:8px 12px;color:#e9edf5;font:15px system-ui,sans-serif;width:100%;}
.pn-cp-menu-res{display:grid;gap:2px;}
.pn-cp-perms{display:grid;gap:8px;align-content:start;min-width:0;}
.pn-cp-dica{margin:0;}
.pn-cp-perm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px;border:1px solid #222838;border-radius:10px;background:#141826;}
.pn-cp-perm-txt{display:grid;}
.pn-cp-tri{display:inline-grid;grid-template-columns:repeat(3,38px);border:1px solid #222838;border-radius:10px;overflow:hidden;}
.pn-cp-tri button{border:0;background:transparent;color:#98a2b5;font:800 15px system-ui,sans-serif;height:32px;cursor:pointer;}
.pn-cp-tri button+button{border-left:1px solid #222838;}
.pn-cp-tri .pn-cp-negar.on{background:rgba(229,114,107,.2);color:#e5726b;}
.pn-cp-tri .pn-cp-seguir.on{background:rgba(152,162,181,.16);color:#e9edf5;}
.pn-cp-tri .pn-cp-permitir.on{background:rgba(76,195,138,.2);color:#4cc38a;}
.pn-cp-msg{margin:0;border:1px solid rgba(227,179,65,.45);background:rgba(227,179,65,.08);border-radius:10px;padding:8px 12px;}
.pn-cp-acoes,.pn-ct-acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.pn-cp-acoes .pn-perigo{margin-left:auto;color:#e5726b;border-color:rgba(229,114,107,.5);}
/* castigo */
.pn-ct h3{margin:0;font-size:18px;}
.pn-ct-p,.pn-ct-nota{margin:0;color:#98a2b5;}
.pn-ct-chips{display:flex;gap:6px;flex-wrap:wrap;}
.pn-ct-chip{border:1px solid #222838;border-radius:99px;padding:4px 12px;color:#98a2b5;font:700 15px system-ui,sans-serif;background:none;cursor:pointer;}
.pn-ct-chip.on{border-color:#e3a63e;color:#e3a63e;background:rgba(227,166,62,.1);}
.pn-ct-pers{display:grid;grid-template-columns:auto 120px;gap:10px;align-items:center;}
.pn-ct-lbl{font-weight:700;}
.pn-ct-ok{border:1px solid #e3a63e;background:#e3a63e;color:#1b1204;border-radius:10px;padding:8px 14px;font:700 15px system-ui,sans-serif;cursor:pointer;}
.pn-ct-ok:disabled{opacity:.6;cursor:wait;}
.pn-ct-nao{border:1px solid #222838;background:transparent;color:#e9edf5;border-radius:10px;padding:8px 14px;font:700 15px system-ui,sans-serif;cursor:pointer;}
.pn-ct-erro{margin:0;color:#e5726b;}
.pn-castigo-tag{display:inline-block;margin-left:6px;font:700 15px system-ui,sans-serif;color:#e3a63e;border:1px solid rgba(227,166,62,.5);border-radius:5px;padding:0 7px;}
.pn-ct-linha{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #222838;border-radius:10px;padding:10px 14px;background:#141826;margin-top:8px;}
.pn-ct-linha-txt{display:grid;gap:2px;min-width:0;}
.pn-ct-linha-txt small{color:#98a2b5;font-size:15px;}
/* chat: aviso de castigo, campo travado, sem reação */
.pn-castigo-faixa{border:1px solid rgba(227,166,62,.5);background:rgba(227,166,62,.08);border-radius:10px;padding:10px 14px;margin:8px 12px;font-size:15px;color:#e9edf5;}
.pn-campo-bloq{border-style:dashed!important;}
.pn-campo-bloq::placeholder{color:#e3a63e;opacity:1;}
.pn-sem-reagir [data-reagir]{display:none!important;}
.pn-sem-reagir .pn-chip{pointer-events:none;}
.pn-reg-ic.canal{background:rgba(32,211,224,.14);color:#20d3e0}
.pn-reg-ic.castigo{background:rgba(227,166,62,.14);color:#e3a63e}
@media(max-width:760px){.pn-cp-grade{grid-template-columns:1fr}.pn-cp-alvos{border-right:0;padding-right:0}.pn-ct-pers{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pn-cp-topo::after,.pn-ct-cena::after,.pn-ct-ampu,.pn-cp-topo .pn-fa{animation:none;}}