.template-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid #dee2e6; margin-bottom: 0.5rem; } .template-header h3 { margin: 0; } .template-list .list-group-item { display: flex; justify-content: space-between; align-items: center; } .template-list .list-group-item .actions { display: flex; gap: 0.5rem; } /* Modal Styles */ .permissions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem 2rem; } .permission-group { border: 1px solid #dee2e6; border-radius: 0.3rem; padding: 1rem; background-color: #f8f9fa; } .permission-group h5 { font-size: 1.1rem; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.5rem; margin-bottom: 1rem; } .form-check-label { user-select: none; }