.data-permission-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:16px}.permission-domain-list{padding:12px;align-self:start;position:sticky;top:88px;max-height:calc(100vh - 112px);overflow:auto}.permission-domain-list header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 13px;border-bottom:1px solid var(--line)}.permission-domain-list header small{color:var(--muted)}.permission-domain-button{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:12px 10px;border:0;border-bottom:1px solid #edf1f4;background:transparent;text-align:left;color:var(--text);cursor:pointer}.permission-domain-button span{font-weight:650}.permission-domain-button small{color:var(--muted);font-size:11px}.permission-domain-button i{grid-column:2;grid-row:1/3;font-size:22px;color:#a0afbb;font-style:normal}.permission-domain-button:hover,.permission-domain-button.active{background:#eef8f9;border-radius:8px;color:#087f92}.permission-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.permission-workspace-head small{color:var(--teal);font-weight:700;letter-spacing:1.5px}.permission-workspace-head h2{margin:4px 0 2px}.permission-workspace-head p{margin:0;color:var(--muted)}.permission-workspace-head>span{padding:6px 11px;border-radius:20px;background:#eef7f8;color:#087f92}.permission-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.permission-card{min-width:0;border:1px solid #dfe8ed;border-radius:11px;background:#fbfdfe;overflow:visible}.permission-card>header{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:15px;border-bottom:1px solid #e7eef2;background:white;border-radius:11px 11px 0 0}.permission-card>header>span{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#eaf7f7;color:#008c91;font-size:18px}.permission-card>header h3,.permission-card>header p{margin:0}.permission-card>header p{font-size:11px;color:var(--muted)}.permission-card>header>b{display:grid;min-width:28px;height:28px;place-items:center;border-radius:14px;background:#173b5f;color:white}.permission-card>section{padding:14px;border-bottom:1px solid #e8eef1}.permission-card>section:last-child{border:0}.permission-card>section>label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.permission-card>section>label em{font-weight:400;font-style:normal;color:#0b8b88}.permission-add-row{display:flex;gap:7px}.permission-add-row select,.permission-search input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:white;padding:9px 10px;outline:none}.permission-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.permission-chips>small{color:#97a5af}.permission-chips>span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px;border-radius:7px;background:#edf5f7;color:#285065}.permission-chips button{border:0;background:transparent;color:#8699a5;cursor:pointer;font-size:16px;padding:0}.person-chips{display:grid}.person-chips>span{display:grid;grid-template-columns:28px minmax(0,1fr) auto;padding:7px;background:white;border:1px solid #e3eaee}.person-chips i{min-width:0;font-style:normal}.person-chips b,.person-chips small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-chips small{font-size:10px;color:var(--muted)}.permission-avatar{display:grid;width:28px;height:28px;place-items:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#087ca4,#00a4a6);color:white;font-size:11px;font-weight:700}.permission-avatar img,.avatar img,.person-avatar img{width:100%;height:100%;object-fit:cover}.permission-search{position:relative}.permission-search-results{position:absolute;z-index:15;top:calc(100% + 5px);left:0;right:0;max-height:300px;overflow:auto;border:1px solid #ccdce4;border-radius:9px;background:white;box-shadow:0 14px 35px #102b4628}.permission-search-results>button{display:grid;width:100%;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;border:0;border-bottom:1px solid #edf1f3;background:white;padding:9px;text-align:left;cursor:pointer}.permission-search-results>button:hover{background:#f0f8f9}.permission-search-results span b,.permission-search-results span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-search-results span small{color:var(--muted);font-size:10px}.permission-search-results i{color:var(--teal);font-style:normal}.permission-search-results p{margin:0;padding:16px;text-align:center;color:var(--muted)}.permission-priority{display:flex;gap:12px;margin-top:16px;padding:13px 15px;border:1px solid #bde1d9;border-radius:9px;background:#effaf7;color:#315d55}.permission-priority span{color:#5e7974}.audit-operator{display:inline-flex;align-items:center;gap:8px}.audit-operator b{font-weight:600}.avatar{cursor:pointer;overflow:hidden;outline:none}.avatar:focus{box-shadow:0 0 0 3px #42d5d588}@media(max-width:1250px){.permission-card-grid{grid-template-columns:1fr}.permission-card>section{padding:12px}.person-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.data-permission-layout{grid-template-columns:1fr}.permission-domain-list{position:static;max-height:260px}.person-chips{grid-template-columns:1fr}.permission-workspace-head{gap:10px}}