/* Tela de Cargos e Permissões da Comunidade (bloco 2.11). Mockup: docs/mockups/comunidade/cargos-permissoes.html. Letra mínima 15px. */
.pn-cg{display:grid;gap:12px;align-content:start;min-width:0;}
.pn-cg-cena{position:relative;height:84px;overflow:hidden;border-radius:12px;display:flex;align-items:flex-end;padding:10px 16px;background:linear-gradient(180deg,#10262e,#0e1118);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);}
.pn-cg-cena::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#f27d7d,#e8a14d,#e3c341,#64ae62,#4c8bd8);z-index:2;}
.pn-cg-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-cg-varre 7s ease-in-out infinite;}
@keyframes pn-cg-varre{0%{background-position-x:130%}30%,100%{background-position-x:-30%}}
.pn-cg-cena svg{position:absolute;inset:0;width:100%;height:100%;}
.pn-cg-cena-t{position:relative;z-index:3;display:grid;}
.pn-cg-cena-t b{font-size:18px;}
.pn-cg-cena-t small{color:#98a2b5;font-size:15px;}
.pn-cg-aviso{border:1px solid rgba(76,195,138,.5);background:rgba(76,195,138,.08);border-radius:10px;padding:10px 14px;font-size:15px;}
.pn-cg-aviso.amarelo{border-color:rgba(227,179,65,.45);background:rgba(227,179,65,.08);}
.pn-cg-padrao{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #222838;border-radius:12px;padding:10px 14px;background:#141826;color:#e9edf5;font:inherit;font-size:15px;cursor:pointer;}
.pn-cg-padrao:hover{border-color:#20d3e0;}
.pn-cg-padrao-ic{width:34px;height:34px;border-radius:10px;background:rgba(32,211,224,.14);display:grid;place-items:center;font-size:18px;}
.pn-cg-padrao-tx{flex:1;display:grid;min-width:0;}
.pn-cg-padrao-tx small{color:#98a2b5;font-size:15px;}
.pn-cg-barra{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.pn-cg-busca,.pn-cg-input{flex:1;min-width:140px;background:#0e1118;border:1px solid #222838;border-radius:10px;padding:8px 12px;color:#e9edf5;font:15px 'Inter',sans-serif;}
.pn-cg-input{max-width:260px;}
.pn-cg-cor{width:44px;height:34px;border:1px solid #222838;border-radius:8px;background:#0e1118;padding:2px;cursor:pointer;}
.pn-cg-lista{display:grid;gap:6px;}
.pn-cg-linha{display:grid;grid-template-columns:28px minmax(0,1fr) 48px auto;gap:10px;align-items:center;border:1px solid #222838;border-radius:10px;padding:8px 10px;background:#141826;font-size:15px;}
.pn-cg-linha[hidden]{display:none;}
.pn-cg-linha.trav{opacity:.85;}
.pn-cg-linha.arrastando{opacity:.4;}
.pn-cg-linha[draggable="true"]{cursor:grab;}
.pn-cg-al{color:#98a2b5;text-align:center;letter-spacing:-2px;font-size:15px;}
.pn-cg-nome{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;}
.pn-cg-nome b{overflow-wrap:anywhere;}
.pn-cg-nome small{color:#98a2b5;font-size:15px;}
.pn-cg-qt{color:#98a2b5;text-align:right;font-size:15px;}
.pn-cg-ac{display:flex;gap:6px;justify-content:flex-end;}
.pn-cg-ib{width:34px;height:32px;border-radius:8px;border:1px solid #222838;background:transparent;color:#e9edf5;cursor:pointer;font-size:15px;}
.pn-cg-ib:hover:not(:disabled){border-color:#20d3e0;color:#20d3e0;}
.pn-cg-ib:disabled{opacity:.35;cursor:not-allowed;}
.pn-cg-nota{margin:0;color:#98a2b5;font-size:15px;}
.pn-cg-topo{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.pn-cg-abas{display:flex;gap:4px;border-bottom:1px solid #222838;flex-wrap:wrap;}
.pn-cg-aba{background:none;border:0;border-bottom:2px solid transparent;color:#98a2b5;font:700 15px 'Inter',sans-serif;padding:8px 14px;cursor:pointer;}
.pn-cg-aba.on{color:#20d3e0;border-color:#20d3e0;}
.pn-cg-corpo{display:grid;gap:12px;}
.pn-cg-grupo{border:1px solid #222838;border-radius:12px;overflow:hidden;background:#141826;}
.pn-cg-grupo h4{margin:0;padding:10px 14px;border-bottom:1px solid #222838;color:#98a2b5;font:700 15px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between;gap:10px;}
.pn-cg-perm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px;border-bottom:1px solid #222838;font-size:15px;}
.pn-cg-perm:last-child{border-bottom:0;}
.pn-cg-perm[hidden]{display:none;}
.pn-cg-perm.dest{background:rgba(32,211,224,.06);}
.pn-cg-perm b{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.pn-cg-d{display:block;color:#98a2b5;font-size:15px;}
.pn-sw{width:44px;height:26px;border-radius:99px;background:#222838;position:relative;border:0;cursor:pointer;transition:background .2s;flex:none;}
.pn-sw::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;}
.pn-sw.on{background:#20d3e0;}
.pn-sw.on::after{left:21px;}
.pn-sw:disabled{opacity:.45;cursor:not-allowed;}
.pn-ucard-bt.perigo{color:#e5726b;border-color:rgba(229,114,107,.5);}
.pn-ucard-bt:disabled{opacity:.45;cursor:not-allowed;}
.pn-ucard-real{color:#98a2b5;font-size:15px;margin-top:-4px;}
@media(max-width:700px){.pn-cg-linha{grid-template-columns:24px minmax(0,1fr) auto;}.pn-cg-qt{display:none;}.pn-cg-input{max-width:none;}}
@media(prefers-reduced-motion:reduce){.pn-cg-cena::after{animation:none;}.pn-sw,.pn-sw::after{transition:none;}}