.role-permission-page .role-permission-layout{grid-template-columns:minmax(240px,292px) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.role-permission-page .role-list-panel,.role-permission-page .role-detail-panel{min-height:0}.role-permission-page .role-list-panel .card-body{flex-direction:column;gap:12px;display:flex}.role-permission-page .role-add-btn{justify-content:center;width:100%}.role-permission-page .role-search{width:100%}.role-permission-page .role-list{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;min-height:310px;display:flex;overflow:hidden}.role-permission-page .role-list-item{appearance:none;border:0;border-bottom:1px solid var(--border-color-light);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font:inherit;text-align:left;min-height:48px;padding:8px 12px;font-size:13px;transition:background .12s,color .12s,box-shadow .12s}.role-permission-page .role-list-item:last-child{border-bottom:0}.role-permission-page .role-list-item:hover{background:var(--bg-surface-secondary);color:var(--text)}.role-permission-page .role-list-item.active{background:var(--primary-lt);box-shadow:inset 3px 0 0 var(--primary);color:var(--text);font-weight:var(--font-weight-medium)}.role-permission-page .role-list-item small{color:var(--text-muted);margin-top:2px;font-size:10.5px;font-weight:400;display:block}.role-permission-page .role-list-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 0;font-size:12.5px;display:flex}.role-permission-page .role-detail-panel{flex-direction:column;display:flex}.role-permission-page .role-detail-panel .card-body{flex:1}.role-permission-page .role-detail-form{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:16px 24px;padding-bottom:16px}.role-permission-page .role-detail-form .form-group{margin-bottom:0}.role-permission-page .role-detail-form textarea.form-control{min-height:60px}.role-permission-page .permission-section{padding-top:18px}.role-permission-page .permission-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.role-permission-page .permission-heading h2{color:var(--text);font-size:18px;font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.role-permission-page .permission-heading p{color:var(--text-muted);margin:4px 0 0;font-size:12.5px}.role-permission-page .permission-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-sm)}.role-permission-page .permission-table th,.role-permission-page .permission-table td{text-align:center;white-space:nowrap}.role-permission-page .permission-table th:first-child,.role-permission-page .permission-table td:first-child{text-align:left;min-width:190px}.role-permission-page .permission-table input[type=checkbox]{vertical-align:middle;width:16px;height:16px;margin:0}.role-permission-page .role-save-bar{justify-content:flex-end;gap:8px;padding:14px 16px;display:flex}.role-permission-page .role-save-spacer{flex:1}.role-permission-page .role-permission-note{color:var(--text-muted);margin-top:14px;font-size:12px;line-height:1.5}.role-permission-page .role-modal{z-index:1000;position:fixed;inset:0}.role-permission-page .role-modal[hidden]{display:none}.role-permission-page .role-modal-backdrop{background:#0f172a7a;position:absolute;inset:0}.role-permission-page .role-modal-dialog{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);width:min(440px,100% - 32px);box-shadow:var(--shadow-lg);margin:12vh auto 0;padding:22px;position:relative}.role-permission-page .role-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.role-permission-page .role-modal-header h2{color:var(--text);margin:0;font-size:20px;line-height:1.2}.role-permission-page .role-modal-header p{color:var(--text-muted);margin:5px 0 0;font-size:12.5px}.role-permission-page .role-modal-close{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:26px;line-height:1}.role-permission-page .role-modal-close:hover{color:var(--text)}.role-permission-page .role-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@media (width<=1024px){.role-permission-page .role-permission-layout{grid-template-columns:1fr}.role-permission-page .role-list{min-height:0}}@media (width<=640px){.role-permission-page .permission-heading,.role-permission-page .role-save-bar{flex-direction:column;align-items:stretch}.role-permission-page .role-save-bar .btn{justify-content:center;width:100%}.role-permission-page .role-detail-form{grid-template-columns:1fr}.role-permission-page .role-modal-dialog{width:calc(100% - 24px);margin-top:8vh}.role-permission-page .role-modal-actions{flex-direction:column-reverse}.role-permission-page .role-modal-actions .btn{justify-content:center;width:100%}}