.permissions-layout{display:grid;gap:18px}.permissions-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#153d3f;color:#fff;border-radius:14px;padding:25px 28px}.permissions-intro h2{font-size:20px;margin:9px 0 7px}.permissions-intro p{font-size:12px;color:#b6d2cf;margin:0;line-height:1.7}.permissions-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.permissions-actions .primary-button{width:auto;gap:25px;padding:10px 14px}.permissions-actions .outline-button{background:transparent;color:#d9f1e7;border-color:#6a9990}.permission-dirty{font-size:11px;color:#b6d2cf;margin-right:10px}.permission-roles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.permission-role{background:#fff;border:1px solid #e1e9e5;border-radius:10px;padding:15px;text-align:left;color:#40595b}.permission-role strong,.permission-role small{display:block}.permission-role strong{font-size:12px}.permission-role small{color:#97aaa8;font-size:10px;margin-top:5px}.permission-role.selected{border-color:#559e88;background:#eef8f2;color:#145c4c;box-shadow:0 0 0 2px #69bca623}.permission-notice{background:#fff8eb;border:1px solid #f3e5c8;color:#8b6a32;border-radius:9px;padding:12px 15px;font-size:12px;line-height:1.7}.permission-card{background:#fff;border:1px solid #e2eae6;border-radius:12px;overflow:hidden}.permission-card-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;border-bottom:1px solid #eaf0ec}.permission-card-head h3{display:inline-block;margin:0 0 0 10px;color:#264347;font-size:15px}.permission-card-head p{margin:6px 0 0 32px;color:#8ca09d;font-size:11px}.step-number{display:inline-grid;place-items:center;background:#eaf6ef;color:#28846a;border-radius:6px;min-width:23px;height:23px;font-size:10px;font-weight:700}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-table th{padding:12px 24px}.permission-table td{padding:12px 24px}.permission-table tbody tr:hover{cursor:default}.permission-table td strong,.permission-table td small{display:block}.permission-table td small{font-size:10px;color:#9badab;margin-top:3px}.permission-table input[type=checkbox]{accent-color:#24846b;width:16px;height:16px}.permission-table select,.permission-module,.scope-editor select,.scope-editor textarea{border:1px solid #dae7e1;border-radius:7px;background:#fff;color:#365654;padding:8px 10px;font-size:12px}.permission-table select{min-width:105px}.permission-module{min-width:170px}.selected-module{background:#edf7f1;color:#28705d;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.scope-editor{padding:22px 25px}.scope-editor label{display:block;color:#52706d;font-size:12px;font-weight:700;max-width:440px}.scope-editor select,.scope-editor textarea{display:block;margin-top:9px;width:100%}.scope-editor label+label{margin-top:18px}.scope-editor p{color:#94a6a2;font-size:11px;line-height:1.7;margin:17px 0 0}.permissions-layout>.form-error{padding:0 3px;min-height:0}@media(max-width:1100px){.permission-roles{grid-template-columns:repeat(3,1fr)}.permissions-intro{align-items:start;flex-direction:column}.permissions-actions{width:100%;flex-wrap:wrap}}@media(max-width:700px){.permission-roles{grid-template-columns:repeat(2,1fr)}.permission-card-head{align-items:start;flex-direction:column}.permissions-intro{padding:20px}.permission-table th,.permission-table td{padding:11px 15px}.permissions-actions .primary-button{padding:9px 11px}.permission-dirty{width:100%}}
.account-table select,.account-table input{border:1px solid #dae7e1;border-radius:7px;background:#fff;color:#365654;padding:8px 10px;font-size:12px;min-width:140px}.account-table .outline-button{white-space:nowrap}.account-no-scope{color:#9badab;font-size:11px}
.account-table input+input{margin-top:6px}.role-create-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 24px}.role-create-form input,.role-create-form select{border:1px solid #dae7e1;border-radius:7px;background:#fff;color:#365654;padding:9px 11px;font-size:12px}.role-create-form input{min-width:220px}.role-create-form .form-error{width:100%;min-height:0}.permission-actions #permission-delete{color:#ffe2da;border-color:#ba817a}@media(max-width:700px){.role-create-form{padding:16px}.role-create-form input,.role-create-form select,.role-create-form button{width:100%;min-width:0}}
.account-create-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid #eaf0ec}.account-create-form input,.account-create-form select{border:1px solid #dae7e1;border-radius:7px;background:#fff;color:#365654;padding:9px 11px;font-size:12px}.account-create-form input[hidden]{display:none}.account-create-form .form-error{width:100%;min-height:0}.account-actions{display:flex;justify-content:center;gap:7px}.account-actions button{padding:7px 10px}@media(max-width:700px){.account-create-form{padding:16px}.account-create-form input,.account-create-form select,.account-create-form button{width:100%}.account-actions{flex-wrap:wrap}}
.source-permission-body{padding:0 24px 22px}.source-actions{display:flex;gap:18px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #eaf0ec}.source-action{display:flex;align-items:center;gap:7px;color:#52706d;font-size:12px}.source-action input{accent-color:#24846b;width:15px;height:15px}.source-scope{padding:16px 0}.source-scope label{margin:0 0 14px}.source-fields-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0}.source-fields-heading>div{display:flex;gap:7px;flex-wrap:wrap}.source-fields-heading .outline-button{background:#fff;color:#397766;border-color:#c9ded4;padding:7px 10px;font-size:11px}.source-permission-card .permission-table td:first-child{min-width:280px}@media(max-width:700px){.source-permission-body{padding:0 14px 17px}.source-fields-heading{align-items:flex-start;flex-direction:column}}
.source-selectors{display:grid;gap:8px;min-width:230px}.source-selectors select{width:100%}