/* NESTIN_PG_STAFF_ROLES_V3_STAGE1_DRAFT */
#pgV3RolesPane[hidden],#pgv3Editor[hidden]{display:none!important}
#pgV3RolesPane{background:#fff;padding:clamp(16px,2vw,24px)}
#pgV3RolesPane *{box-sizing:border-box}
#pgV3RolesPane button{cursor:pointer;min-height:40px}
#pgV3RolesPane .pgv3-panel{max-width:1300px;margin:auto}
#pgV3RolesPane .pgv3-warning{display:grid;gap:4px;border:1px solid #e7c785;border-left:4px solid #a8802f;background:#fff9eb;color:#78571d;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:13px;line-height:1.5}
#pgV3RolesPane .pgv3-warning b{font-size:14px}
#pgV3RolesPane .pgv3-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}
#pgV3RolesPane h3{margin:0;color:#102a3f;font-size:21px}
#pgV3RolesPane p{margin:5px 0;color:#637785;font-size:13px}
#pgV3RolesPane label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#3b5363}
#pgV3RolesPane .pgv3-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
#pgV3RolesPane .pgv3-config{align-items:end}
#pgV3RolesPane input,#pgV3RolesPane select{width:100%;min-height:42px;margin:0;border:1px solid #d9e3e8;border-radius:10px;padding:8px 11px;background:#fff;color:#17364b;font-size:13px}
#pgV3RolesPane input[type=checkbox]{width:17px;height:17px;min-height:17px;padding:0;accent-color:#156c54}
#pgV3RolesPane .pgv3-primary{display:flex;align-items:center;gap:9px;border-radius:10px;border:1px solid #d9e3e8;min-height:42px;padding:10px 14px;font-size:13px;color:#164f44}
#pgV3RolesPane #pgv3Notice{padding:11px 14px;border-radius:10px;background:#eff7f4;color:#1b6153;margin:12px 0;font-size:13px}
#pgV3RolesPane #pgv3Notice.pgv3-error{background:#fff2f0;color:#a43b31}
#pgV3RolesPane .pgv3-identity{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding:15px 17px;background:#f2f7fa;border-radius:12px;border:1px solid #dbe6eb}
#pgV3RolesPane .pgv3-identity b{font-size:15px;color:#16344a}
#pgV3RolesPane .pgv3-identity small{color:#6d7b86;font-size:12px}
#pgV3RolesPane .pgv3-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:11px 14px;border:1px solid #dce9e5;background:#fbfdfc;border-radius:10px;color:#4c6b68;font-size:13px}
#pgV3RolesPane .pgv3-summary strong{white-space:nowrap;color:#20594e}
#pgV3RolesPane .pgv3-guide{padding:11px 13px;border-left:3px solid #1c7d69;background:#f3f9f7;color:#305c54;font-size:12px;line-height:1.5;margin-bottom:15px}
#pgV3RolesPane .pgv3-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
#pgV3RolesPane details.pgv3-group{border:1px solid #e0e8ed;border-radius:12px;overflow:hidden;background:#fff}
#pgV3RolesPane details.pgv3-group summary{padding:12px 15px;background:#f6f9fa;font-weight:790;color:#163c53;cursor:pointer;font-size:13px}
#pgV3RolesPane .pgv3-permrows{display:grid;gap:0}
#pgV3RolesPane .pgv3-permrow{display:grid;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #e9eef0;font-size:12px;font-weight:600}
#pgV3RolesPane .pgv3-permrow span{min-width:0}
#pgV3RolesPane .pgv3-permrow small{display:block;color:#8998a0;margin-top:2px;font-size:10px}
#pgV3RolesPane .pgv3-permrow select{min-height:34px;padding:5px 8px;font-size:12px}
#pgV3RolesPane .pgv3-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;border-top:1px solid #e3eae8;padding:15px 0;margin-top:17px}
#pgV3RolesPane .pgv3-footer>span{margin-right:auto;color:#647683;font-size:12px}
#pgV3RolesPane .pgv3-primary-btn{border:0;background:#165c4e;color:#fff;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:780}
#pgV3RolesPane .pgv3-secondary{border:1px solid #cfded9;background:#f6faf8;color:#245b50;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:760}
#pgV3RolesPane button:disabled{opacity:.5;cursor:not-allowed}
#pgV3RolesPane .pgv3-templates{margin-top:16px;border:1px solid #dce7e4;border-radius:13px;padding:0 16px 16px}
#pgV3RolesPane .pgv3-templates>summary{cursor:pointer;padding:16px 0;color:#174639;font-size:14px;font-weight:800}
#pgV3RolesPane .pgv3-templates .pgv3-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
#pgV3RolesPane .pgv3-template-perms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
#pgV3RolesPane .pgv3-template-perms label{display:flex;align-items:flex-start;gap:10px;border:1px solid #e0e8ea;padding:9px 10px;border-radius:9px;font-size:12px;font-weight:670}
#pgV3RolesPane .pgv3-template-perms small{display:block;font-size:10px;color:#85949a}
#pgV3RolesPane .pgv3-audit-row{display:flex;justify-content:space-between;border-top:1px solid #e5ebec;gap:10px;padding:12px 2px;font-size:12px;color:#50646f}
@media(max-width:1050px){#pgV3RolesPane .pgv3-groups{grid-template-columns:1fr}#pgV3RolesPane .pgv3-template-perms{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){#pgV3RolesPane .pgv3-controls,#pgV3RolesPane .pgv3-templates .pgv3-controls{grid-template-columns:1fr}#pgV3RolesPane .pgv3-template-perms{grid-template-columns:1fr}#pgV3RolesPane .pgv3-summary,#pgV3RolesPane .pgv3-head{align-items:stretch;flex-direction:column}#pgV3RolesPane .pgv3-primary-btn{width:100%}#pgV3RolesPane .pgv3-permrow{grid-template-columns:minmax(0,1fr) 116px}}