.perm-select{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.perm-select label{display:grid;gap:8px;min-width:240px}.perm-select input,.perm-select select,.perm-row select{padding:10px;color:#dfedf7;background:#081520;border:1px solid #294456;border-radius:7px;max-width:100%}.perm-group{border-top:1px solid #263c4b;padding:16px 22px}.perm-group summary{font-weight:700;color:#00cbe3;cursor:pointer;padding:5px 0 12px}.perm-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #1c303f}.perm-row small{display:block;color:#849bb0;font-size:12px;margin-top:5px}.perm-row select{min-width:135px}.perm-save{position:sticky;bottom:0;background:#102331;gap:16px}.perm-save [role=alert]{color:#ffabb1}@media(max-width:600px){.perm-row{align-items:flex-start;flex-direction:column}.perm-row select{width:100%}.perm-select label{min-width:0;width:100%}}
.perm-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.perm-tabs>button:last-child{margin-left:auto}.perm-explanation{margin-bottom:20px}.perm-explanation summary{cursor:pointer;font-weight:600}.perm-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px}.perm-level{display:flex;flex-direction:column;gap:10px;border:1px solid #263e50;border-radius:9px;padding:16px;background:#0b1924}.perm-level select,.perm-copy select,.perm-profile-fields input,.perm-profile-fields textarea,.perm-expiry input,#permission-matrix-filter{color:#dceaf6;background:#07141e;border:1px solid #2a475b;padding:10px;border-radius:6px;max-width:100%}.perm-profiles{border:1px solid #2a475b;border-radius:9px;margin:20px;padding:18px}.perm-profile-choice{display:flex;align-items:flex-start;gap:12px;padding:12px 0}.perm-profile-choice input{margin-top:5px}.perm-profile-choice small{display:block;color:#90a7bd;margin-top:5px}.perm-profile-fields{padding:20px;display:grid;gap:16px}.perm-profile-fields label,.perm-copy label,.perm-expiry{display:flex;flex-direction:column;gap:8px}.perm-copy{padding:20px;display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;border-bottom:1px solid #263c4b}.perm-copy small{width:100%;color:#90a7bd}.perm-expiry,.perm-help{margin:20px}.perm-matrix-scroll{overflow:auto;max-height:70vh}.perm-matrix{min-width:2000px;width:100%;border-collapse:collapse}.perm-matrix th,.perm-matrix td{padding:12px;border:1px solid #243948;text-align:left;vertical-align:top;font-size:12px}.perm-matrix thead th{position:sticky;top:0;background:#142b3b;z-index:2}.perm-matrix th:first-child{position:sticky;left:0;background:#102331;min-width:190px;z-index:1}.perm-matrix thead th:first-child{z-index:3}.perm-matrix small{display:block;color:#8da6bc;font-weight:400;margin-top:6px}.perm-cell{border:1px solid #2b4859;background:#142b3b;color:#d5ecf8;border-radius:5px;padding:6px;cursor:pointer;white-space:nowrap}.perm-cell:hover{border-color:#00cbe3}.perm-profile-fields textarea{resize:vertical}.perm-level select:focus,.perm-cell:focus{outline:2px solid #00cbe3}@media(max-width:700px){.perm-levels{grid-template-columns:1fr;padding:12px}.perm-tabs>button:last-child{margin-left:0}.perm-matrix-scroll{max-height:65vh}}
.perm-reset{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 22px}.perm-reset small{color:#90a7bd}